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

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

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

Files changed (152) hide show

package/dist/esm/prompt/templates/prompt-more-actions.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 T=(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,I)=>(I.startsWith("k-")?E[I]=M[I]:E[`k-${I}`]=M[I],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 y(e){return Rr[e]=(Rr[e]\|\|0)+1,`k-${e}-${Rr[e]}`}import{Fragment as Ud,jsx as Mi}from"react/jsx-runtime";var Kr="k-font-icon",Hd=[],zd={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]},Fd={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Mi("span",{...l,className:n(e.className,Kr,T(Kr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Mi(Ud,{})};ua.states=Hd;ua.options=zd;ua.className=Kr;ua.defaultOptions=Fd;var Si=ua;import{Fragment as $d,jsx as Xa}from"react/jsx-runtime";var _r="k-svg-icon",Gd=[],Vd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ai={viewBox:"0 0 24 24"},fa=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ai.viewBox,icon:l,...p}=e;if(!l)return Xa($d,{});if(l==="none")return Xa("span",{...p,className:n(e.className,_r,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Xa("span",{...p,className:n(e.className,_r,T("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:Xa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:s,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};fa.states=Gd;fa.options=Vd;fa.className=_r;fa.defaultOptions=Ai;var Dr=fa;importas Hr from"@progress/kendo-svg-icons";var Ii="icon",Ti="icons";import{useContext as qd}from"react";import{createContext as Xd}from"react";var yi=Xd({iconsType:"svg"});import{Fragment as Ei,jsx as ba}from"react/jsx-runtime";var qa="k-icon",Wd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jd=[],Yd={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]},zr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=qd(yi),{size:o,themeColor:a,icon:r,type:s=t\|\|zr.type,rotate:l,flip:p,viewBox:b=zr.viewBox,...x}=e;if(!r)return ba(Ei,{});if((t\|\|s)==="svg"){if(r==="none")return ba(Dr,{...x,className:n(e.className,qa),icon:r,size:o});let k=Hr[r]?r:Wd(`${r}-icon`);return Hr[k]?ba(Dr,{...x,className:n(e.className,qa),icon:Hr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):ba(Ei,{})}return ba(Si,{...x,className:n(e.className,qa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Jd;v.options=Yd;v.defaultOptions=zr;v.className=qa;v.moduleName=Ii;v.folderName=Ti;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Fr="button",Oi=Fr;import{Fragment as ec,jsx as ha,jsxs as Bi}from"react/jsx-runtime";var xa="k-button",Qd=["icon-button"],Zd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],jd={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]},Ur={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Ur.showArrow,arrowIconName:p=Ur.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:I,iconClassName:w,className:J,...ce}=e,ue=E!==void 0,fe=e.children!==void 0;return Bi(t,{className:n(J,xa,Ci(xa,b),T(xa,{size:o,rounded:a,fillMode:r,themeColor:s}),S(xa,{hover:x,focus:N,active:k,disabled:L\|\|M,selected:m}),{"k-icon-button":!I&&!fe&&ue}),...ce,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L\|\|void 0,children:[E&&ha(v,{className:n(w,"k-button-icon"),icon:E}),I?Bi(ec,{children:[I&&ha("span",{className:"k-button-text",children:I}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),l&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(v,{icon:p})})]})};d.states=Zd;d.options=jd;d.variants=Qd;d.className=xa;d.defaultOptions=Ur;d.moduleName=Fr;d.folderName=Oi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as tc}from"react/jsx-runtime";var V=e=>tc(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as oc}from"react/jsx-runtime";var z=e=>oc(d,{icon:"folder",children:"Button",...e});import{jsx as ac}from"react/jsx-runtime";var Xt=e=>ac(d,{children:"Button",...e});import{jsx as Gr}from"react/jsx-runtime";var rc=d.options,nc=d.states,ic={...d.defaultOptions,variant:"text"},sc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lc=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Gr(V,{...o,icon:"star"});case"icon-and-text":return Gr(z,{...o,icon:"star",children:"Button"});default:return Gr(Xt,{...o,children:"Button"})}};co.options=rc;co.states=nc;co.variants=sc;co.defaultOptions=ic;co.modifiers=lc;co.className=d.className;var Vr="button",Pi=Vr;import{jsx as mc}from"react/jsx-runtime";var Na="k-button-group",dc=[i.disabled],cc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},pc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return mc("div",{role:"group",...r,className:n(e.className,Na,T(Na,{fillMode:t}),S(Na,{disabled:o}),{[`${Na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=dc;B.options=cc;B.className=Na;B.defaultOptions=pc;B.moduleName=Vr;B.folderName=Pi;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Dk,jsx as _k,jsxs as Hk}from"react/jsx-runtime";import{Fragment as $k,jsx as Vk,jsxs as Xk}from"react/jsx-runtime";import{Fragment as Zk,jsx as Qk,jsxs as jk}from"react/jsx-runtime";import{Fragment as ng,jsx as rg,jsxs as ig}from"react/jsx-runtime";import{Fragment as mg,jsx as pg,jsxs as ug}from"react/jsx-runtime";import{Fragment as kg,jsx as Ng,jsxs as gg}from"react/jsx-runtime";import{jsx as gt,jsxs as $r}from"react/jsx-runtime";var uc={...d.options,...B.options},fc=d.states,bc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},hc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],xc=[],po=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?$r(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"?$r(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"})]}):$r(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};po.options=uc;po.states=fc;po.variants=hc;po.defaultOptions=bc;po.modifiers=xc;po.className=B.className;var ka="input",Wa=ka;import{jsx as vc}from"react/jsx-runtime";var Ja="k-input",Nc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kc={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]},gc={},Y=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 vc("span",{...k,className:n(e.className,Ja,T(Ja,{size:b,rounded:x,fillMode:N}),S(Ja,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Y.states=Nc;Y.options=kc;Y.className=Ja;Y.defaultOptions=gc;Y.moduleName=ka;Y.folderName=Wa;import{jsx as Sc}from"react/jsx-runtime";var Ya="k-picker",Cc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lc={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]},Mc={},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 Sc("span",{...k,className:n(e.className,Ya,T(Ya,{size:b,rounded:x,fillMode:N}),S(Ya,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ft.states=Cc;ft.options=Lc;ft.className=Ya;ft.defaultOptions=Mc;ft.moduleName=ka;ft.folderName=Wa;import{Fragment as Tc,jsx as Xr}from"react/jsx-runtime";var wi="k-clear-value",Ac=[i.disabled,i.loading,i.readonly],Ic={},ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?Xr(Tc,{}):Xr("span",{className:n(e.className,wi),children:Xr(v,{icon:"x"})})};ze.states=Ac;ze.options=Ic;ze.className=wi;import{jsx as Oc}from"react/jsx-runtime";var qr="k-input-inner",yc=[],Ec={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:r=Qa.autocomplete,disabled:s,readOnly:l,...p}=e;return Oc("input",{...p,type:o,className:n(e.className,qr,T(qr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Fe.states=yc;Fe.options=Ec;Fe.className=qr;import{jsx as Ri,jsxs as wc}from"react/jsx-runtime";var Wr="k-input-inner",Bc=[],Pc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return wc("span",{...l,className:n(e.className,Wr,T(Wr,e)),children:[r,!r&&s&&Ri(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};qt.states=Bc;qt.options=Pc;qt.className=Wr;import{jsx as _c}from"react/jsx-runtime";var Jr="k-input-inner",Rc=[],Kc={},Ki={value:"",placeholder:""},ga=e=>{let{value:t=Ki.value,placeholder:o=Ki.placeholder,rows:a,disabled:r,...s}=e;return _c("textarea",{...s,className:n(e.className,Jr,T(Jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ga.states=Rc;ga.options=Kc;ga.className=Jr;import{Fragment as Hc,jsx as _i}from"react/jsx-runtime";var Di="k-input-loading-icon",Dc=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(Hc,{}):_i("span",{className:n(e.className,Di,"k-icon k-i-loading")})};Re.states=Dc;Re.className=Di;import{Fragment as Uc,jsx as Hi}from"react/jsx-runtime";var zi="k-input-validation-icon",zc=[i.valid,i.invalid,i.disabled,i.loading],Fc={},Me=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?Hi(Uc,{}):Hi(v,{className:n(zi),icon:s})};Me.states=zc;Me.options=Fc;Me.className=zi;import{Fragment as $c,jsx as Fi}from"react/jsx-runtime";var Gc="k-input-prefix",Vc={direction:"horizontal"},Ke=e=>{let{direction:t=Vc.direction,...o}=e;return e.children?Fi("span",{...o,className:n(Gc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Fi($c,{})};import{Fragment as Wc,jsx as Ui}from"react/jsx-runtime";var Xc="k-input-suffix",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-suffix-${t}`]:t}),children:e.children}):Ui(Wc,{})};import{jsx as gv}from"react/jsx-runtime";import{jsx as Yc}from"react/jsx-runtime";var Jc="k-input-suffix-text",Yr=e=>{let{children:t,...o}=e;return Yc("span",{...o,className:n(Jc,e.className),children:t})};import{jsx as Zc}from"react/jsx-runtime";var Gi="k-input-separator",Qc={direction:"vertical"},Se=e=>{let{direction:t=Qc.direction,...o}=e;return Zc("span",{...o,className:n(Gi,e.className,{[`${Gi}-${t}`]:t})})};import{Fragment as Vi,jsx as bt,jsxs as Qr}from"react/jsx-runtime";var jc=Y.states,ep=Y.defaultOptions,tp=Y.options,op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ap=[],mo=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 Qr(Y,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&Qr(Vi,{children:[bt(Ke,{children:bt(v,{icon:"lock"})}),m&&bt(Se,{})]}),bt(Fe,{placeholder:"Placeholder",value:"Value"}),k&&bt(Me,{valid:o,invalid:a,loading:r,disabled:s}),bt(Re,{loading:r,disabled:s}),N&&bt(ze,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&Qr(Vi,{children:[m&&bt(Se,{}),bt(_e,{children:bt(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};mo.options=tp;mo.states=jc;mo.variants=ap;mo.defaultOptions=ep;mo.modifiers=op;mo.className=Y.className;import{jsx as $i,jsxs as ip}from"react/jsx-runtime";var Xi="k-color-preview",rp=[],np={},Ot=e=>{let{color:t,iconName:o,...a}=e;return ip("span",{...a,className:n(e.className,Xi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&$i(v,{icon:o,className:"k-color-preview-icon"}),$i("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=rp;Ot.options=np;Ot.className=Xi;var Zr="popup",qi=Zr;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-animation-container",sp=[],lp={},Yi={positionMode:"absolute"},ht=e=>{let{positionMode:t=Yi.positionMode,animationStyle:o,offset:a,...r}=e;return Wi("div",{...r,style:{...a,...e.style},className:n(e.className,Ji,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Wi("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=sp;ht.options=lp;ht.className=Ji;ht.defaultOptions=Yi;ht.moduleName=Zr;ht.folderName=qi;var jr="popup",Qi=jr;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",dp=[],cp={},es={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return Zi(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:Zi("div",{...p,className:n(e.className,ji),children:e.children})})};F.states=dp;F.options=cp;F.className=ji;F.defaultOptions=es;F.moduleName=jr;F.folderName=Qi;F.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var en="action-buttons",ts=en;import{jsx as up}from"react/jsx-runtime";var Za="k-actions",pp=[],mp={},tn={alignment:"start",orientation:"horizontal"},U=e=>{let{alignment:t=tn.alignment,orientation:o=tn.orientation,...a}=e;return up("div",{...a,className:n(Za,{[`${Za}-${t}`]:t,[`${Za}-${o}`]:o},e.className),children:e.children})};U.states=pp;U.options=mp;U.className=Za;U.defaultOptions=tn;U.moduleName=en;U.folderName=ts;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":U,...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 va,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"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=an.showIcon,icon:C=an.icon,"aria-label":M,...E}=e;return Np(Y,{...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&&va(v,{className:"k-input-icon",icon:C}),va(Fe,{placeholder:o,value:t,"aria-label":M}),va(Re,{...e}),va(Me,{...e}),va(ze,{...e})]})};Qe.states=hp;Qe.options=xp;Qe.className=rs;Qe.defaultOptions=an;Qe.moduleName=on;Qe.folderName=as;import{jsx as $C}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:I,disabled:w,readonly:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Le}=e;return nn(Y,{...Le,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:I,disabled:w,readonly:J,className:n(e.className,ss),children:[p&&nn(is,{children:[Pt(Ke,{children:p}),r&&Pt(Se,{})]}),Pt(Fe,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Pt(Me,{valid:C,invalid:M,loading:I,disabled:w}),Pt(Re,{loading:I,disabled:w}),s&&Pt(ze,{loading:I,disabled:w,readonly:J,value:N}),b&&nn(is,{children:[r&&Pt(Se,{}),Pt(_e,{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 Ca=be;import{jsx as vp}from"react/jsx-runtime";var ls=e=>vp(Ca,{...e});import{Fragment as dL,jsx as lL}from"react/jsx-runtime";import{Fragment as bL,jsx as fL}from"react/jsx-runtime";import{jsx as kL}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=[],uo=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})};uo.options=Mp;uo.states=Cp;uo.variants=Ap;uo.defaultOptions=Lp;uo.modifiers=Sp;uo.className=be.className;import{jsx as wt,jsxs as ln}from"react/jsx-runtime";var ds="k-actionsheet-titlebar",Ip={},Ae=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(Qe,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ae.className=ds;Ae.defaultOptions=Ip;import{jsx as dn,jsxs as Op}from"react/jsx-runtime";var cn="k-actionsheet-view",Tp=[],yp={},Ep={},fo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Ae&&dn(Ae,{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]})};fo.states=Tp;fo.options=yp;fo.className=cn;fo.defaultOptions=Ep;var La="action-sheet",er=La;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={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:r=Ma.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(fo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};te.states=Kp;te.options=_p;te.className=ms;te.defaultOptions=Ma;te.moduleName=La;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={},bo=e=>{let{children:t,...o}=e;return Up("div",{...o,className:us,children:t})};bo.states=Hp;bo.options=zp;bo.className=us;bo.defaultOptions=Fp;bo.moduleName=La;bo.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 Sa,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&&Sa($p,{children:un("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),un("span",{className:"k-actionsheet-item-text",children:[o&&Sa("span",{className:"k-actionsheet-item-title",children:o}),a&&Sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Vp;Kt.className=fn;import{jsx as NM,jsxs as kM}from"react/jsx-runtime";import{jsx as LM}from"react/jsx-runtime";import{jsx as IM}from"react/jsx-runtime";import{jsx as OM}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"}],ho=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(Ae,{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(Ae,{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})};ho.options=Xp;ho.states=qp;ho.variants=Wp;ho.defaultOptions=bs;ho.modifiers=Jp;ho.className=te.className;var hn="slider",hs=hn;import{jsx as xo,jsxs as xn}from"react/jsx-runtime";var Aa="k-slider",Yp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},Ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=Ze.type,orientation:o=Ze.orientation,gradientType:a=Ze.gradientType,readonly:r=Ze.readonly,disabled:s=Ze.disabled,handlePosition:l=Ze.handlePosition,showButtons:p=Ze.showButtons,showTicks:b=Ze.showTicks,value:x=Ze.value,min:N=Ze.min,max:k=Ze.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:I,dir:w,...J}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Le;return o==="horizontal"?(fe=w==="rtl"?"chevron-left":"chevron-right",Le=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Le="chevron-down"),xn("div",{...J,className:n(Aa,e.className,S(Aa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&xo(d,{className:"k-button-decrease",rounded:"full",icon:Le,tabIndex:-1,title:"Decrease"}),xn("div",{className:"k-slider-track-wrap",children:[b&&xo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),xn("div",{className:"k-slider-track",style:I,children:[xo("div",{className:"k-slider-selection"}),t==="range"&&xo("span",{className:n("k-draghandle","k-draghandle-start",S(Aa,{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"}),xo("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(Aa,{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&&xo(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};q.states=Yp;q.options=Qp;q.className=Aa;q.defaultOptions=Ze;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 je,jsxs as tm}from"react/jsx-runtime";var gs=e=>je(q,{"aria-label":e["aria-label"]\|\|"Slider",children:tm(em,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as om,jsx as et,jsxs as am}from"react/jsx-runtime";var vs=e=>et(q,{children:am(om,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as kS,jsx as NS,jsxs as gS}from"react/jsx-runtime";import{Fragment as SS,jsx as MS,jsxs as AS}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 _S,jsx as KS,jsxs as DS}from"react/jsx-runtime";import{Fragment as GS,jsx as US,jsxs as VS}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"}],No=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%"}})]})};No.options=im;No.states=sm;No.variants=lm;No.defaultOptions=Ls;No.modifiers=dm;No.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:I,readonly:w,id:J,"aria-label":ce,"aria-describedby":ue,...fe}=e;return vn(Y,{...fe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:I,readonly:w,className:n(e.className,ys),children:[p&&vn(Ts,{children:[vt(Ke,{children:p}),r&&vt(Se,{})]}),vt(Fe,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:I,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),vt(Me,{valid:L,invalid:C,loading:E,disabled:I}),vt(Re,{loading:E,disabled:I}),s&&vt(ze,{loading:E,disabled:I,readonly:w,value:x}),b&&vn(Ts,{children:[r&&vt(Se,{}),vt(_e,{children:b})]}),l&&vt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};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 Ia=G;import{jsx as xm}from"react/jsx-runtime";var Es=e=>xm(Ia,{...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",ko=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,T(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=ko;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={},go=e=>{let{...t}=e;return Im("div",{...t,className:n(e.className,ws),children:e.children})};go.states=Mm;go.options=Sm;go.className=ws;go.defaultOptions=Am;go.moduleName=Wt;go.folderName=ko;var Jt="checkbox",vo=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={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return 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,T(rr,{size:N,rounded:k}),S(rr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};tt.states=Tm;tt.options=ym;tt.className=rr;tt.defaultOptions=Em;tt.moduleName=Jt;tt.folderName=vo;tt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ct=tt;import{jsx as Pm}from"react/jsx-runtime";var Ks="k-checkbox-list",Om=[],Bm={},_s={layout:"vertical"},Ie=e=>{let{layout:t=_s.layout,...o}=e;return Pm("ul",{...o,className:n(e.className,Ks,{[`k-list-${t}`]:t}),children:e.children})};Ie.states=Om;Ie.options=Bm;Ie.className=Ks;Ie.defaultOptions=_s;Ie.moduleName=Jt;Ie.folderName=vo;import{jsx as _m}from"react/jsx-runtime";var Ds="k-checkbox-list-item",wm=[],Rm={},Km={},Te=e=>{let{...t}=e;return _m("li",{...t,className:n(e.className,Ds),children:e.children})};Te.states=wm;Te.options=Rm;Te.className=Ds;Te.defaultOptions=Km;Te.moduleName=Jt;Te.folderName=vo;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(ct,{id:t,...o}),Hs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as fI,jsx as uI,jsxs as bI}from"react/jsx-runtime";import{Fragment as gI,jsx as kI,jsxs as vI}from"react/jsx-runtime";import{Fragment as AI,jsx as SI,jsxs as II}from"react/jsx-runtime";import{jsx as OI}from"react/jsx-runtime";import{jsx as RI}from"react/jsx-runtime";import{jsx as HI}from"react/jsx-runtime";import{jsx as ot,jsxs as zs}from"react/jsx-runtime";var zm=Ie.options,Fm=Ie.states,Um={...Ie.defaultOptions,variant:"vertical"},Gm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vm=[],Co=e=>{let{variant:t,...o}=e;return t==="horizontal"?zs(Ie,{layout:"horizontal",...o,children:[ot(Te,{children:ot(Ct,{id:y("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})})]}):zs(Ie,{...o,children:[ot(Te,{children:ot(Ct,{id:y("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})})]})};Co.options=zm;Co.states=Fm;Co.variants=Gm;Co.defaultOptions=Um;Co.modifiers=Vm;Co.className=Ie.className;import{jsx as Ym}from"react/jsx-runtime";var $m=ct.options,Xm=ct.states,qm=ct.defaultOptions,Wm=[],Jm=[],Lo=e=>Ym(Ct,{id:y("checkbox"),...e,defaultChecked:!0,children:"Label"});Lo.options=$m;Lo.states=Xm;Lo.variants=Wm;Lo.defaultOptions=qm;Lo.modifiers=Jm;Lo.className=ct.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(tt,{checked:p}),r&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:r,className:n("k-list-item-icon",s)})}),Yt("span",{className:"k-list-item-text",children:E}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Qm;P.options=Zm;P.className=Sn;P.defaultOptions=jm;P.moduleName=Wt;P.folderName=ko;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 yT,jsx as TT,jsxs as ET}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 XT,jsx as $T,jsxs as qT}from"react/jsx-runtime";import{Fragment as jT,jsx as ZT,jsxs as ey}from"react/jsx-runtime";import{Fragment as sy,jsx as ny,jsxs as iy}from"react/jsx-runtime";import{Fragment as fy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{jsx as Ny}from"react/jsx-runtime";import{Fragment as My,jsx as Ly,jsxs as Sy}from"react/jsx-runtime";var Fs="dropdown-list",Us="dropdownlist";import{Fragment as xu,jsx as ye,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:I,readonly:w,popup:J,opened:ce,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Le,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:I,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":I?"true":void 0,"aria-label":Pr,tabIndex:0,children:[ye(Ke,{children:p}),ye(qt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:vi}),ye(Me,{valid:L,invalid:C,loading:E,disabled:I}),ye(Re,{loading:E,disabled:I}),ye(_e,{children:b}),ye(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ce&&J&&ye(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),ue&&ye(te,{adaptive:!0,...fe,header:ye(Ae,{actionsEnd:ye(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Br,inputValue:x,inputPlaceholder:N,title:Le,subtitle:$t}),children:ye("div",{className:"k-list-container",children:ye(D,{size:"large",children:En($,{"aria-label":"Options",children:[ye(P,{text:"List item"}),ye(P,{text:"List item"}),ye(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 rE}from"react/jsx-runtime";import{jsx as cE,jsxs as pE}from"react/jsx-runtime";import{Fragment as gE,jsx as NE,jsxs as kE}from"react/jsx-runtime";import{jsx as SE}from"react/jsx-runtime";import{jsx as OE,jsxs as BE}from"react/jsx-runtime";import{Fragment as FE,jsx as HE,jsxs as zE}from"react/jsx-runtime";import{jsx as XE}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=[],So=e=>{let{modifiers:t,...o}=e,a={},r=Vs(Lu,{children:[Ht("div",{className:"k-list-filter",children:Ht(Qe,{})}),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})})};So.options=gu;So.states=Nu;So.variants=Cu;So.defaultOptions=ku;So.modifiers=vu;So.className=ie.className;import{Fragment as fO,jsx as uO}from"react/jsx-runtime";import{Fragment as gO,jsx as kO}from"react/jsx-runtime";import{jsx as MO}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=[],Ao=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(Yr,{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})};Ao.options=Au;Ao.states=Mu;Ao.variants=Tu;Ao.defaultOptions=Su;Ao.modifiers=Iu;Ao.className=G.className;import{Fragment as Ta,jsx as K,jsxs as re}from"react/jsx-runtime";var $s="k-colorgradient-inputs",yu=[],Eu={size:[c.undefined,c.small,c.medium,c.large]},Xs={mode:"rgba"},Io=e=>{let{mode:t=Xs.mode,size:o,...a}=e;return re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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"})]}),re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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"})]}),re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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(Ta,{children:re("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"})]})})]})};Io.states=yu;Io.options=Eu;Io.className=$s;Io.defaultOptions=Xs;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var qs="k-colorgradient-color-contrast",Ou=[],Bu={},Pu={},To=()=>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"})]})]})]});To.states=Ou;To.options=Bu;To.className=qs;To.defaultOptions=Pu;var Ws="color-gradient",Js="colorgradient";import{jsx as at,jsxs as ya}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:I,...w}=e;return ya("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,ir,T(ir,{size:t}),S(ir,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M\|\|M==="horizontal"&&ya("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ya("div",{className:"k-hsv-controls k-hstack",children:[at(kn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(kn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&ya("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ya("div",{className:"k-hsv-controls k-vstack",children:[at(Nn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(Nn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),at(Io,{mode:e.mode,size:t}),x&&at(To,{})]})};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 dB}from"react/jsx-runtime";import{jsx as uB}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=[],yo=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})}};yo.options=_u;yo.states=Du;yo.variants=zu;yo.defaultOptions=Hu;yo.modifiers=Fu;yo.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={},Eo=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})};Eo.states=Gu;Eo.options=Vu;Eo.className=Rn;var Ys="color-palette",Qs="colorpalette";import{jsx as Ea}from"react/jsx-runtime";var lr="k-colorpalette",Xu=[i.disabled],qu={size:[c.undefined,c.small,c.medium,c.large]},Zs={columns:10},Ee=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(Ea(Eo,{color:C,tileSize:r},M))});let L=Ea(wn,{children:m},k);p.push(L)})}return Ea("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}),T(lr,{size:t})),children:Ea("table",{className:"k-colorpalette-table",role:"none",children:Ea("tbody",{children:p.length>0?p:e.children})})})};Ee.states=Xu;Ee.options=qu;Ee.className=lr;Ee.defaultOptions=Zs;Ee.moduleName=Ys;Ee.folderName=Qs;Ee.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=Ee;var Oa={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:Oa.basic,...e});import{jsx as WB}from"react/jsx-runtime";import{jsx as eP,jsxs as tP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Ju=Ee.options,Yu=Ee.states,Qu={...Ee.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=[],Oo=e=>{let{variant:t="basic",...o}=e,a=ju[t];return tf(js,{columns:a.columns,palette:a,...o})};Oo.options=Ju;Oo.states=Yu;Oo.variants=Zu;Oo.defaultOptions=Qu;Oo.modifiers=ef;Oo.className=Ee.className;var el="color-editor",tl="coloreditor";import{jsx as rt,jsxs as Bo}from"react/jsx-runtime";var cr="k-coloreditor",of=[i.focus],af={size:[c.undefined,c.small,c.medium,c.large]},Ba={view:"gradient",palette:Oa.office,actionButtons:!0,canvasOrientation:"horizontal"},oe=e=>{let{size:t,view:o=Ba.view,palette:a=Ba.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Ba.actionButtons,canvasOrientation:k=Ba.canvasOrientation,...m}=e;return Bo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",cr,T(cr,{size:t}),S(cr,{focus:l})),dir:b,children:[Bo("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Bo(B,{fillMode:"flat",children:[rt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Bo("div",{className:"k-coloreditor-preview k-vstack",children:[rt(Ot,{className:"k-coloreditor-preview-color",color:r}),rt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):rt(Ee,{palette:a,size:t})}),N&&Bo(U,{className:"k-coloreditor-footer",alignment:"start",children:[rt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};oe.states=of;oe.options=af;oe.className=cr;oe.defaultOptions=Ba;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 Po=oe;import{jsx as EP}from"react/jsx-runtime";import{jsx as wP}from"react/jsx-runtime";import{jsx as rf}from"react/jsx-runtime";var ol=e=>rf(Po,{group:!0,currentColor:"fuchsia",...e});import{jsx as nf}from"react/jsx-runtime";var al=e=>nf(Po,{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=[],wo=e=>{let{variant:t,...o}=e;return t==="palette"?rl(al,{...o,color:"white"}):rl(ol,{...o,color:"rgba(183, 118 , 118, 1.00)"})};wo.options=sf;wo.states=lf;wo.variants=cf;wo.defaultOptions=df;wo.modifiers=pf;wo.className=oe.className;var nl="color-picker",il="colorpicker";import{Fragment as ff,jsx as nt,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"},Ue=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:I,adaptive:w,adaptiveSettings:J,adaptiveTitle:ce,adaptiveSubtitle:ue,...fe}=e,Le="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":I?"true":"false","aria-controls":I\|\|w?Le:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,sl,"k-icon-picker"),children:[nt(Ke,{children:s}),nt(qt,{placeholder:b,value:p,showValue:!1,valueIcon:nt(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),nt(_e,{children:l}),nt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),I&&E&&nt(F,{id:Le,className:"k-colorpicker-popup",children:E}),w&&nt(te,{adaptive:!0,id:Le,...J,header:nt(Ae,{actionsEnd:nt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:Kn(Bt,{children:[nt(d,{text:"Cancel",size:"large"}),nt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(oe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ue.states=mf;Ue.options=uf;Ue.className=sl;Ue.defaultOptions=ll;Ue.moduleName=nl;Ue.folderName=il;Ue.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Mt=Ue;import{jsx as bf}from"react/jsx-runtime";var pr=e=>bf(Mt,{...e});import{jsx as xw}from"react/jsx-runtime";import{jsx as Cw}from"react/jsx-runtime";import{jsx as Aw}from"react/jsx-runtime";import{jsx as Ew}from"react/jsx-runtime";import{jsx as ww}from"react/jsx-runtime";import{jsx as Dw}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"}],Ro=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})})}};Ro.options=hf;Ro.states=xf;Ro.variants=Nf;Ro.defaultOptions=dl;Ro.modifiers=kf;Ro.className=Mt.className;var _n="combobox",cl=_n;import{Fragment as Dn,jsx as se,jsxs as Pa}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},ge=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:I,readonly:w,adaptive:J,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Le,id:$t,autocomplete:Br,activeDescendant:Et,"aria-label":$a,...Pr}=e,wr=$t?`${$t}-listbox`:void 0;return Pa(Dn,{children:[Pa(Y,{...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&&Pa(Dn,{children:[se(Ke,{children:s}),r&&se(Se,{})]}),se(Fe,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?wr:void 0,"aria-activedescendant":I&&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(Me,{valid:k,invalid:m,loading:C,disabled:M}),se(Re,{loading:C,disabled:M}),se(ze,{loading:C,disabled:M,readonly:w,value:p}),l&&Pa(Dn,{children:[r&&se(Se,{}),se(_e,{children:l})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),I&&E&&se(F,{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(Ae,{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:Le?se(Dt,{text:`Use "${p}"`}):void 0,size:"large",children:Pa($,{"aria-label":ue\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};ge.states=gf;ge.options=vf;ge.className=pl;ge.defaultOptions=ml;ge.moduleName=_n;ge.folderName=cl;ge.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ge=ge;import{jsx as Cf}from"react/jsx-runtime";var ul=e=>Cf(Ge,{...e});import{jsx as gR,jsxs as vR}from"react/jsx-runtime";import{jsx as IR,jsxs as TR}from"react/jsx-runtime";import{jsx as wR,jsxs as RR}from"react/jsx-runtime";import{Fragment as FR,jsx as zR}from"react/jsx-runtime";import{Fragment as qR,jsx as XR}from"react/jsx-runtime";import{jsx as jR,jsxs as eK}from"react/jsx-runtime";import{Fragment as lK,jsx as iK,jsxs as sK}from"react/jsx-runtime";import{jsx as mK}from"react/jsx-runtime";import{jsx as hK}from"react/jsx-runtime";import{jsx as CK,jsxs as LK}from"react/jsx-runtime";import{jsx as yK,jsxs as EK}from"react/jsx-runtime";import{jsx as zt,jsxs as Tf}from"react/jsx-runtime";var Lf=ge.states,Mf=ge.defaultOptions,Sf=ge.options,Af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],If=[],Ko=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})})};Ko.options=Sf;Ko.states=Lf;Ko.variants=If;Ko.defaultOptions=Mf;Ko.modifiers=Af;Ko.className=ge.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 d_}from"react/jsx-runtime";import{jsx as u_}from"react/jsx-runtime";import{jsx as x_}from"react/jsx-runtime";var Ve="menu",it=Ve;import{jsx as wa,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"},ve=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,I=k;return I\|\|(I=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"&&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:I})})]}),C]})};ve.states=Bf;ve.options=Pf;ve.className=Fn;ve.defaultOptions=xl;ve.moduleName=Ve;ve.folderName=it;import{jsx as Ra,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"},Q=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,...I}=e,w=k;return w\|\|(w=L==="rtl"?"chevron-left":"chevron-right"),Nl("li",{...I,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"&&Ra(v,{className:"k-menu-link-icon",icon:l}),Ra("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:l}),N&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:w})})]}),C,M]})};Q.states=wf;Q.options=Rf;Q.className=Un;Q.defaultOptions=Gn;Q.moduleName=Ve;Q.folderName=it;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=Ve;to.folderName=it;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=Ve;me.folderName=it;me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Uf}from"react/jsx-runtime";var Xn="k-separator",vl={orientation:"horizontal"},_o=e=>{let{orientation:t=vl.orientation,...o}=e;return Uf("li",{...o,className:n(e.className,"k-item",Xn,{[`${Xn}-${t}`]:t}),role:"separator"})};_o.className=Xn;_o.defaultOptions=vl;_o.moduleName=Ve;_o.folderName=it;import{Fragment as X_,jsx as q_}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={},Ce=e=>{let{children:t,size:o,...a}=e;return Xf("ul",{...a,className:n(e.className,qn,T(qn,{size:o})),role:"menu",children:t})};Ce.states=Gf;Ce.options=Vf;Ce.className=qn;Ce.defaultOptions=$f;Ce.moduleName=Ve;Ce.folderName=it;import{Fragment as qf,jsx as Do,jsxs as Wf}from"react/jsx-runtime";var Wn=e=>Do(me,{children:Wf(qf,{children:[Do(ve,{first:!0,text:"Item 1"}),Do(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Do(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Do(ve,{text:"Item 4"}),Do(ve,{last:!0,text:"Item 5"})]}),...e});import{Fragment as s0,jsx as n0,jsxs as i0}from"react/jsx-runtime";import{Fragment as m0,jsx as p0,jsxs as u0}from"react/jsx-runtime";import{Fragment as N0,jsx as x0,jsxs as k0}from"react/jsx-runtime";import{Fragment as M0,jsx as L0,jsxs as S0}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"}],Ho=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(F,{className:"k-menu-popup",children:jf(Ce,{children:[ao(Q,{text:"Item 1"}),ao(Q,{text:"Item 2"}),ao(_o,{}),ao(Q,{text:"Item 3"})]})});break}}),t==="vertical"?ao(Wn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):ao(Wn,{...a,...r})};Ho.options=Jf;Ho.states=Yf;Ho.variants=Qf;Ho.defaultOptions=Cl;Ho.modifiers=Zf;Ho.className=me.className;import{Fragment as aD,jsx as tD,jsxs as oD}from"react/jsx-runtime";import{jsx as sD}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"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Ml,...e},r={},s=kt(F,{className:"k-menu-popup",children:Ll(Ce,{size:a.size,children:[kt(Q,{first:!0,text:"Menu Item"}),kt(Q,{text:"Menu Item"}),kt(Q,{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]})};zo.options=tb;zo.states=eb;zo.variants=ob;zo.defaultOptions=Ml;zo.modifiers=ab;zo.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",T(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(F,{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",pt=e=>db("div",{className:n(lb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as jn,jsx as H,jsxs as Fo}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===z)C.push(H(z,{...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((I,w)=>{M.push(H(d,{...I.props,className:`${I.props.className?I.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===ge?C.push(H(ge,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ie?C.push(H(ie,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ue?C.push(H(Ue,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),Fo("div",{...x,className:n(e.className,At,T(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"&&Fo(jn,{children:[Fo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",T("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",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Fo(jn,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),Fo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",T("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",T("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)&&Fo(jn,{children:[H("span",{className:n("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",T("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={},Uo=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Tl),children:e.children})};Uo.states=ub;Uo.options=fb;Uo.className=Tl;Uo.defaultOptions=bb;Uo.moduleName=St;Uo.folderName=Ft;import{jsx as gb}from"react/jsx-runtime";var ei="k-toolbar-item",xb=[i.focus],Nb={},kb={},Go=e=>{let{focus:t,...o}=e;return gb("div",{...o,className:n(e.className,ei,S(ei,{focus:t})),children:e.children})};Go.states=xb;Go.options=Nb;Go.className=ei;Go.defaultOptions=kb;Go.moduleName=St;Go.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(F,{...r,className:n(e.className,El),children:a?yl("span",{className:n("k-toolbar-items-list",T("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 cH}from"react/jsx-runtime";import{jsx as fH}from"react/jsx-runtime";import{jsx as NH}from"react/jsx-runtime";import{jsx as MH,jsxs as SH}from"react/jsx-runtime";import{jsx as yH}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"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...Ol,...e},r={},s=Tb(Ce,{size:a.size,children:[It(Q,{first:!0,text:"Menu Item"}),It(Q,{text:"Menu Item"}),It(Q,{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"})})}};Vo.options=Sb;Vo.states=Mb;Vo.variants=Ab;Vo.defaultOptions=Ol;Vo.modifiers=Ib;Vo.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 r1,jsxs as n1}from"react/jsx-runtime";import{jsx as $e,jsxs as Pl}from"react/jsx-runtime";var wl=e=>$e(R,{scrollable:!0,...e,children:[$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Pl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Pl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Rl}from"react/jsx-runtime";var Kl=({scrollingPosition:e="start",...t})=>Xe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Rl(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"),Rl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Eb,jsx as De,jsxs as hr}from"react/jsx-runtime";var _l=({fillMode:e,size:t,...o})=>hr(Eb,{children:[De(R,{section:!0,fillMode:e,size:t,children:[De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),hr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),De(pt,{className:"k-toolbar-button-separator"}),De(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:[De(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),De(pt,{}),De(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),hr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as D1,jsx as K1,jsxs as _1}from"react/jsx-runtime";import{Fragment as J1,jsx as q1,jsxs as W1}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=[],$o=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})})}};$o.options=Ob;$o.states=Bb;$o.variants=Pb;$o.defaultOptions=Dl;$o.modifiers=wb;$o.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",mt=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",qe=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",We=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",xr=e=>{let{title:t,children:o,expanded:a,...r}=e,s=y("prompt-expander-content");return Xb("div",{...r,className:n(e.className,$b),children:[Gl(z,{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",Xo=e=>{let{...t}=e;return Wb("div",{...t,className:n(e.className,qb),children:e.children})};import{jsx as U2}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 Nr="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,Nr,T(Nr,{size:t,rounded:o,themeColor:a}),S(Nr,{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=Nr;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 pz}from"react/jsx-runtime";import{jsx as bz}from"react/jsx-runtime";import{jsx as kz}from"react/jsx-runtime";import{jsx as Lz}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},io=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"})};io.states=d.states;io.options=d.options;io.className=Ql;io.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"},ne=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"})};ne.states=d.states;ne.options=d.options;ne.className=ed;ne.defaultOptions=td;ne.moduleName=ai;ne.folderName=jl;ne.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 i3}from"react/jsx-runtime";import{jsx as c3}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(ne,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=od;Yo.modifiers=bh;Yo.className=ne.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},Z=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:I,required:w,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Le}=e;return ni(Y,{...Le,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:I,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(Ke,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ka(Se,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ka(ga,{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":I?"true":void 0}),N&&ni(rd,{children:[s&&Ka(Se,{direction:p==="horizontal"?"vertical":"horizontal"}),Ka(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Z.states=Nh;Z.options=kh;Z.className=nd;Z.defaultOptions=Qo;Z.moduleName=ri;Z.folderName=ad;Z.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 E3}from"react/jsx-runtime";import{Fragment as K3,jsx as R3}from"react/jsx-runtime";import{Fragment as U3,jsx as F3}from"react/jsx-runtime";import{jsx as X3}from"react/jsx-runtime";import{jsx as kr}from"react/jsx-runtime";var gh=Z.options,vh=Z.states,id={...Z.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]?kr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?kr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?kr(Z,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):kr(Z,{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=Z.className;import{Fragment as b5,jsx as u5,jsxs as f5}from"react/jsx-runtime";var si="suggestion",sd=si;import{jsx as gr,jsxs as Ah}from"react/jsx-runtime";var vr="k-suggestion-group",Mh=[],Sh={},ld={layout:"scrollable",scrollingPosition:"start"},st=e=>{let{layout:t=ld.layout,scrollingPosition:o,...a}=e,r=gr("div",{...a,className:n(vr,{"k-suggestion-group-scrollable":t=="scrollable",[`${vr}-scrollable-start`]:o==="start"\|\|o==="both",[`${vr}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?gr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ah("div",{className:"k-suggestion-scrollwrap",children:[gr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,gr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};st.states=Mh;st.options=Sh;st.className=vr;st.defaultOptions=ld;st.moduleName=si;st.folderName=sd;import{jsx as Eh}from"react/jsx-runtime";var Cr="k-suggestion",Ih=[i.active,i.hover,i.focus],Th={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yh={text:"Suggestion"},ut=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Eh("span",{...l,className:n(e.className,Cr,S(Cr,{hover:a,active:o,focus:r}),T(Cr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ut.states=Ih;ut.options=Th;ut.className=Cr;ut.item=yh;import{Fragment as y5,jsx as T5,jsxs as E5}from"react/jsx-runtime";import{Fragment as R5,jsx as w5,jsxs as K5}from"react/jsx-runtime";import{Fragment as F5,jsx as z5,jsxs as U5}from"react/jsx-runtime";import{Fragment as iF,jsx as rF,jsxs as nF}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var Oh="k-chip-action";var Tt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Lr(v,{icon:"x-circle",size:"small"});break;case"more":a=Lr(v,{icon:"more-vertical",size:"small"});break;default:return Lr(v,{icon:t,size:"small"})}return Lr("span",{...o,className:n(e.className,Oh,`k-chip-${t}-action`),children:a})};var li="avatar",dd=li;import{jsx as cd}from"react/jsx-runtime";var _a="k-avatar";var Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},di={type:"text",border:!1},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=di.type,border:l=di.border,...p}=e;return cd("div",{...p,className:n(e.className,_a,T(_a,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${_a}-bordered`]:l}),children:cd("span",{className:`${_a}-${s}`,children:e.children})})};Oe.states=Bh;Oe.options=Ph;Oe.className=_a;Oe.defaultOptions=di;Oe.moduleName=li;Oe.folderName=dd;Oe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var so=Oe;import{jsx as wh}from"react/jsx-runtime";var pd=e=>wh(so,{type:"icon",...e});import{jsx as Rh}from"react/jsx-runtime";var md=e=>Rh(so,{type:"text",...e});import{jsx as Kh}from"react/jsx-runtime";var ud=e=>Kh(so,{type:"image",...e});import{jsx as TF}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var _h=Oe.options,Dh=Oe.states,Hh={...Oe.defaultOptions,variant:"image"},zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Fh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(pd,{...o,children:Da(v,{icon:"star"})});case"text":return Da(md,{...o,children:"JO"});default:return Da(ud,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=_h;jo.states=Dh;jo.variants=zh;jo.defaultOptions=Hh;jo.modifiers=Fh;jo.className=Oe.className;var Ha="chip",Mr=Ha;import{jsx as ea,jsxs as Vh}from"react/jsx-runtime";var Sr="k-chip",Uh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},fd={avatarImage:"/packages/html/assets/avatar.jpg"},Be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=fd.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Vh("div",{...M,className:n(e.className,Sr,T(Sr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Sr,{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(Oe,{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})]})};Be.states=Uh;Be.options=Gh;Be.className=Sr;Be.defaultOptions=fd;Be.moduleName=Ha;Be.folderName=Mr;Be.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var lt=Be;import{jsx as Wh}from"react/jsx-runtime";var ci="k-chip-list",$h=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},qh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Wh("div",{...r,className:n(e.className,ci,T(ci,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=$h;xe.options=Xh;xe.className=ci;xe.defaultOptions=qh;xe.moduleName=Ha;xe.folderName=Mr;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 rU}from"react/jsx-runtime";import{jsx as lU}from"react/jsx-runtime";import{jsx as Jh}from"react/jsx-runtime";var Ar=e=>Jh(lt,{text:"text",...e});import{jsx as hU}from"react/jsx-runtime";import{jsx as gU}from"react/jsx-runtime";import{Fragment as AU,jsx as SU,jsxs as IU}from"react/jsx-runtime";import{jsx as BU,jsxs as PU}from"react/jsx-runtime";import{jsx as DU,jsxs as HU}from"react/jsx-runtime";import{jsx as $U,jsxs as XU}from"react/jsx-runtime";import{jsx as ta,jsxs as tx}from"react/jsx-runtime";var Yh={...lt.options,...xe.options},Qh=[],Zh=xe.states,jh={...lt.defaultOptions,...xe.defaultOptions},ex=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],oa=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return tx(xe,{size:a.size,className:o,children:[ta(Ar,{...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(Ar,{...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(Ar,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Yh;oa.states=Zh;oa.variants=Qh;oa.defaultOptions=jh;oa.modifiers=ex;oa.className=xe.className;import{jsx as pi}from"react/jsx-runtime";var ox=Be.states,ax=Be.defaultOptions,rx=Be.options,nx=[],ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[r]?pi(Tt,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[r]?pi(Tt,{type:"remove"}):void 0;break;default:break}}),pi(Be,{...o,...a,children:"Chip component"})};aa.options=rx;aa.states=ox;aa.variants=nx;aa.defaultOptions=ax;aa.modifiers=ix;aa.className=Be.className;import{Fragment as PG,jsx as OG,jsxs as BG}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var sx="k-card-callout",bd=e=>{let{callout:t,...o}=e;return lx("span",{...o,className:n(e.className,sx,{[`k-callout-${Li.calloutMap[t]\|\|t}`]:t})})};var Je="card",dt=Je;import{Fragment as mx,jsx as hd,jsxs as ux}from"react/jsx-runtime";var mi="k-card",dx=[i.hover,i.focus,i.selected,i.disabled],cx={},px={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ux("div",{...p,className:n(e.className,mi,S(mi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&hd(bd,{callout:o}),hd(mx,{children:e.children})]})};j.states=dx;j.options=cx;j.className=mi;j.defaultOptions=px;j.moduleName=Je;j.folderName=dt;j.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as xx,jsx as xd}from"react/jsx-runtime";var ui="k-card-list",fx=[],bx={},hx={},Gt=e=>{let{...t}=e;return xd("div",{...t,className:n(e.className,ui,S(ui,{})),role:"list",children:xd(xx,{children:e.children})})};Gt.states=fx;Gt.options=bx;Gt.className=ui;Gt.defaultOptions=hx;Gt.moduleName=Je;Gt.folderName=dt;Gt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as vx}from"react/jsx-runtime";var Nd="k-card-group",Nx=[],kx={},gx={},ra=e=>{let{...t}=e;return vx("div",{...t,className:n(e.className,Nd),children:e.children})};ra.states=Nx;ra.options=kx;ra.className=Nd;ra.defaultOptions=gx;ra.moduleName=Je;ra.folderName=dt;import{jsx as Sx}from"react/jsx-runtime";var fi="k-card-wrap",Cx=[i.focus,i.selected],Lx={},Mx={},na=e=>{let{focus:t,selected:o,...a}=e;return Sx("div",{...a,className:n(e.className,fi,S(fi,{focus:t,selected:o})),children:e.children})};na.states=Cx;na.options=Lx;na.className=fi;na.defaultOptions=Mx;na.moduleName=Je;na.folderName=dt;import{jsx as Ix}from"react/jsx-runtime";var bi="k-card-title",Ax=[i.hover,i.focus],lo=e=>{let{hover:t,focus:o,...a}=e;return Ix("div",{...a,className:n(e.className,bi,S(bi,{hover:t,focus:o})),children:e.children})};lo.states=Ax;lo.className=bi;import{jsx as yx}from"react/jsx-runtime";var Tx="k-card-subtitle",Ir=e=>{let{...t}=e;return yx("div",{...t,className:n(e.className,Tx),children:e.children})};import{Fragment as gd,jsx as Tr}from"react/jsx-runtime";var kd="k-card-media",hi=e=>{let{src:t,...o}=e;return Tr(gd,{children:t?Tr("img",{...o,className:n(e.className,kd),src:t}):Tr("span",{...o,className:n(e.className,kd),children:Tr(gd,{children:e.children})})})};import{Fragment as Ox,jsx as za,jsxs as Bx}from"react/jsx-runtime";var Ex="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Bx("div",{...r,className:n(e.className,Ex),children:[t&&za(lo,{children:t}),o&&za(Ir,{children:o}),za(Ox,{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 wx}from"react/jsx-runtime";var Px="k-card-footer",xi=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,Px),children:e.children})};import{Fragment as Kx,jsx as Fa,jsxs as _x}from"react/jsx-runtime";var Rx="k-card-body",Ye=e=>{let{title:t,subtitle:o,details:a,...r}=e;return _x("div",{...r,className:n(e.className,Rx),children:[t&&Fa(lo,{children:t}),o&&Fa(Ir,{children:o}),Fa(Kx,{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 Fx}from"react/jsx-runtime";var vd="k-card-deck",Dx=[],Hx={},zx={},ia=e=>{let{...t}=e;return Fx("div",{...t,className:n(e.className,vd),children:e.children})};ia.states=Dx;ia.options=Hx;ia.className=vd;ia.defaultOptions=zx;ia.moduleName=Je;ia.folderName=dt;import{jsx as $x}from"react/jsx-runtime";var Cd="k-card-deck-scrollwrap",Ux=[],Gx={},Vx={},sa=e=>{let{...t}=e;return $x("div",{...t,className:n(e.className,Cd),children:e.children})};sa.states=Ux;sa.options=Gx;sa.className=Cd;sa.defaultOptions=Vx;sa.moduleName=Je;sa.folderName=dt;import{Fragment as Xx,jsx as la,jsxs as Ld}from"react/jsx-runtime";var Md=e=>la(j,{orientation:"vertical",children:Ld(Xx,{children:[la(yt,{children:"Card Header"}),la(Ye,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ld(U,{className:"k-card-actions",children:[la(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),la(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as qx,jsx as Ua,jsxs as Sd}from"react/jsx-runtime";var Ad=e=>Ua(j,{orientation:"horizontal",children:Sd(qx,{children:[Ua(Ye,{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."})}),Sd(U,{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 J9,jsxs as Y9}from"react/jsx-runtime";import{jsx as Pe,jsxs as Ga}from"react/jsx-runtime";var Wx=j.options,Jx=j.states,Id={...j.defaultOptions,variant:"vertical"},Yx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...Id,...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(Ad,{style:{maxWidth:"420px"},...a,children:[r&&Pe(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ga("div",{children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(xi,{children:"Card Footer"})]}),(s\|\|l)&&Pe("span",{className:"k-separator k-separator-vertical"}),Ga(U,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Ga(Md,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Pe(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(xi,{children:"Card Footer"}),Ga(U,{className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Wx;da.states=Jx;da.variants=Yx;da.defaultOptions=Id;da.modifiers=Qx;da.className=j.className;import{jsx as w6,jsxs as R6}from"react/jsx-runtime";import{Fragment as q6,jsx as $6,jsxs as X6}from"react/jsx-runtime";import{Fragment as r7,jsx as o7,jsxs as a7}from"react/jsx-runtime";import{Fragment as m7,jsx as p7,jsxs as u7}from"react/jsx-runtime";var Ni="panelbar",Td=Ni;import{jsx as tN}from"react/jsx-runtime";var yd="k-panelbar",Zx=[],jx={},eN={},Ne=e=>{let{activeDescendant:t,...o}=e;return tN("ul",{...o,className:n(e.className,yd),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=Zx;Ne.options=jx;Ne.className=yd;Ne.defaultOptions=eN;Ne.moduleName=Ni;Ne.folderName=Td;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 ki from"react";import{jsx as yr,jsxs as Ed}from"react/jsx-runtime";var Od="k-panelbar-item",oN=[i.hover,i.focus,i.selected,i.disabled],aN={},Er={level:0,expanded:!1,text:"Item"},A=e=>{let{text:t=Er.text,level:o=Er.level,expanded:a=Er.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return Ed("li",{...L,className:n(e.className,Od,{"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:[Ed("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&yr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&yr("span",{className:`k-panelbar-item-icon ${N}`}),yr("span",{className:"k-panelbar-item-text",children:t}),C&&yr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&ki.Children.map(m,M=>ki.isValidElement(M)?ki.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};A.states=oN;A.options=aN;A.className=Od;A.defaultOptions=Er;import{jsx as sN}from"react/jsx-runtime";var Bd="k-panelbar-group",rN=[],nN={},iN={},ke=e=>{let{ariaHidden:t,...o}=e;return sN("ul",{...o,className:n(e.className,Bd),role:"group","aria-hidden":t?"true":void 0,children:e.children})};ke.states=rN;ke.options=nN;ke.className=Bd;ke.defaultOptions=iN;import{jsx as pN}from"react/jsx-runtime";var Pd="k-panelbar-content",lN=[],dN={},cN={},le=e=>{let{...t}=e;return pN("div",{...t,className:n(e.className,Pd),children:e.children})};le.states=lN;le.options=dN;le.className=Pd;le.defaultOptions=cN;import{Fragment as mN,jsx as Vt,jsxs as uN}from"react/jsx-runtime";var ca=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),r=y("pb-item");return Vt(Ne,{children:uN(mN,{children:[Vt(A,{header:!0,text:"Item 1",id:t,children:Vt(le,{children:"content"})}),Vt(A,{header:!0,text:"Item 2",id:o,children:Vt(le,{children:"content"})}),Vt(A,{header:!0,text:"Item 3",id:a,children:Vt(le,{children:"content"})}),Vt(A,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as H7,jsx as D7,jsxs as z7}from"react/jsx-runtime";import{Fragment as fN,jsx as we,jsxs as gi}from"react/jsx-runtime";var wd=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),r=y("pb-item"),s=y("pb-child"),l=y("pb-child"),p=y("pb-child"),b=y("pb-child"),x=y("pb-child"),N=y("pb-child"),k=y("pb-child");return we(Ne,{activeDescendant:o,children:gi(fN,{children:[we(A,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(A,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:gi(ke,{children:[we(A,{level:1,text:"Child 1",id:s}),we(A,{level:1,expanded:!0,text:"Child 2",id:l,children:gi(ke,{children:[we(A,{level:2,text:"Child 2.1",id:p}),we(A,{level:2,text:"Child 2.2",id:b})]})}),we(A,{level:1,text:"Child 3",id:x,children:we(ke,{children:we(A,{level:2,text:"Child 3.1",id:N})})}),we(A,{level:1,text:"Child 4",id:k})]})}),we(A,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(A,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as Rd,jsx as ee,jsxs as Or}from"react/jsx-runtime";var bN=Ne.options,hN=Ne.states,Kd={...Ne.defaultOptions,variant:"normal"},xN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],NN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],pa=e=>{let{variant:t,modifiers:o,...a}={...Kd,...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(Rd,{children:Or(wd,{style:{width:"300px"},...a,children:[ee(A,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Or(ke,{children:[ee(A,{level:1,text:"Child 1"}),ee(A,{level:1,expanded:!0,text:"Child 2",children:Or(ke,{children:[ee(A,{level:2,text:"Child 2.1"}),ee(A,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),ee(A,{disabled:r.disabled,level:1,text:"Child 3",children:ee(le,{children:"content"})}),ee(A,{level:1,text:"Child 4"})]})}),ee(A,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):ee(Rd,{children:Or(ca,{style:{width:"300px"},...a,children:[ee(A,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.folder,header:!0,text:"Item 2",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};pa.options=bN;pa.states=hN;pa.variants=xN;pa.defaultOptions=Kd;pa.modifiers=NN;pa.className=Ne.className;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"}],ma=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(_d,{children:de(st,{layout:"wrap",children:[g(ut,{text:"Post for work-life balance importance"}),g(ut,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(F,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(qe,{children:g(We,{children:de(ca,{children:[g(A,{header:!0,icon:"brush",text:"Change Formality",children:de(ke,{children:[g(A,{level:1,text:"Casual"}),g(A,{level:1,text:"Neutral"}),g(A,{level:1,text:"Formal"})]})}),g(A,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(ke,{children:[g(A,{level:1,text:"German"}),g(A,{level:1,text:"Spanish"})]})}),g(A,{header:!0,icon:"min-width",text:"Simplify"}),g(A,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return g(F,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(qe,{children:[g(io,{}),g(We,{children:de("div",{className:"k-card-list",children:[de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Ye,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",g("br",{}),g("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",g("br",{}),g("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",g("br",{}),g("br",{}),"\u2728 Key Points \u2728",g("br",{}),g("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",g("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",g("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",g("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",g("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",g("br",{}),g("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(U,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Ye,{children:de("p",{children:["Subject: Out of Office: [Your Name]",g("br",{}),g("br",{}),"Dear [Recipient's Name],",g("br",{}),g("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",g("br",{}),g("br",{}),"Thank you,",g("br",{}),"[Your Name]"]})}),de(U,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{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(F,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(qe,{children:de(We,{children:[g(Z,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(_d,{children:s.stt?g(ne,{fillMode:"flat"}):null})}),g(xr,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(Xo,{children:g(U,{className:"k-prompt-actions",alignment:"start",children:g(z,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ma.options=kN;ma.states=gN;ma.variants=CN;ma.defaultOptions=vN;ma.modifiers=LN;ma.className=W.className;import{jsx as He,jsxs as Va}from"react/jsx-runtime";var Q4=e=>Va(W,{...e,children:[He(mt,{children:Va(R,{fillMode:"flat",children:[He(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),He(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),He(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0,"aria-label":"More actions"})]})}),He(qe,{children:He(We,{children:Va(ca,{children:[He(A,{header:!0,text:"Command"}),He(A,{header:!0,expanded:!0,text:"Command Expanded",children:Va(ke,{children:[He(A,{level:1,expanded:!0,text:"Child Expanded",children:Va(ke,{children:[He(A,{level:2,text:"Child"}),He(A,{level:2,text:"Child"}),He(A,{level:2,text:"Child"})]})}),He(A,{level:1,text:"Child"})]})}),He(A,{header:!0,text:"Command"})]})})})]});export{Q4 as PromptMoreActions};
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 T=(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,I)=>(I.startsWith("k-")?E[I]=M[I]:E[`k-${I}`]=M[I],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 y(e){return Rr[e]=(Rr[e]\|\|0)+1,`k-${e}-${Rr[e]}`}import{Fragment as Ud,jsx as Mi}from"react/jsx-runtime";var Kr="k-font-icon",Hd=[],zd={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]},Fd={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Mi("span",{...l,className:n(e.className,Kr,T(Kr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Mi(Ud,{})};ua.states=Hd;ua.options=zd;ua.className=Kr;ua.defaultOptions=Fd;var Si=ua;import{Fragment as $d,jsx as Xa}from"react/jsx-runtime";var _r="k-svg-icon",Gd=[],Vd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ai={viewBox:"0 0 24 24"},fa=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ai.viewBox,icon:l,...p}=e;if(!l)return Xa($d,{});if(l==="none")return Xa("span",{...p,className:n(e.className,_r,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Xa("span",{...p,className:n(e.className,_r,T("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:Xa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:s,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};fa.states=Gd;fa.options=Vd;fa.className=_r;fa.defaultOptions=Ai;var Dr=fa;importas Hr from"@progress/kendo-svg-icons";var Ii="icon",Ti="icons";import{useContext as qd}from"react";import{createContext as Xd}from"react";var yi=Xd({iconsType:"svg"});import{Fragment as Ei,jsx as ba}from"react/jsx-runtime";var qa="k-icon",Wd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jd=[],Yd={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]},zr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=qd(yi),{size:o,themeColor:a,icon:r,type:s=t\|\|zr.type,rotate:l,flip:p,viewBox:b=zr.viewBox,...x}=e;if(!r)return ba(Ei,{});if((t\|\|s)==="svg"){if(r==="none")return ba(Dr,{...x,className:n(e.className,qa),icon:r,size:o});let k=Hr[r]?r:Wd(`${r}-icon`);return Hr[k]?ba(Dr,{...x,className:n(e.className,qa),icon:Hr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):ba(Ei,{})}return ba(Si,{...x,className:n(e.className,qa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Jd;v.options=Yd;v.defaultOptions=zr;v.className=qa;v.moduleName=Ii;v.folderName=Ti;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Fr="button",Oi=Fr;import{Fragment as ec,jsx as ha,jsxs as Bi}from"react/jsx-runtime";var xa="k-button",Qd=["icon-button"],Zd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],jd={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]},Ur={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Ur.showArrow,arrowIconName:p=Ur.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:I,iconClassName:w,className:J,...ce}=e,ue=E!==void 0,fe=e.children!==void 0;return Bi(t,{className:n(J,xa,Ci(xa,b),T(xa,{size:o,rounded:a,fillMode:r,themeColor:s}),S(xa,{hover:x,focus:N,active:k,disabled:L\|\|M,selected:m}),{"k-icon-button":!I&&!fe&&ue}),...ce,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L\|\|void 0,children:[E&&ha(v,{className:n(w,"k-button-icon"),icon:E}),I?Bi(ec,{children:[I&&ha("span",{className:"k-button-text",children:I}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),l&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(v,{icon:p})})]})};d.states=Zd;d.options=jd;d.variants=Qd;d.className=xa;d.defaultOptions=Ur;d.moduleName=Fr;d.folderName=Oi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as tc}from"react/jsx-runtime";var V=e=>tc(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as oc}from"react/jsx-runtime";var z=e=>oc(d,{icon:"folder",children:"Button",...e});import{jsx as ac}from"react/jsx-runtime";var Xt=e=>ac(d,{children:"Button",...e});import{jsx as Gr}from"react/jsx-runtime";var rc=d.options,nc=d.states,ic={...d.defaultOptions,variant:"text"},sc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lc=[],co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Gr(V,{...o,icon:"star"});case"icon-and-text":return Gr(z,{...o,icon:"star",children:"Button"});default:return Gr(Xt,{...o,children:"Button"})}};co.options=rc;co.states=nc;co.variants=sc;co.defaultOptions=ic;co.modifiers=lc;co.className=d.className;var Vr="button",Pi=Vr;import{jsx as mc}from"react/jsx-runtime";var Na="k-button-group",dc=[i.disabled],cc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},pc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return mc("div",{role:"group",...r,className:n(e.className,Na,T(Na,{fillMode:t}),S(Na,{disabled:o}),{[`${Na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=dc;B.options=cc;B.className=Na;B.defaultOptions=pc;B.moduleName=Vr;B.folderName=Pi;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Dk,jsx as _k,jsxs as Hk}from"react/jsx-runtime";import{Fragment as $k,jsx as Vk,jsxs as Xk}from"react/jsx-runtime";import{Fragment as Zk,jsx as Qk,jsxs as jk}from"react/jsx-runtime";import{Fragment as ng,jsx as rg,jsxs as ig}from"react/jsx-runtime";import{Fragment as mg,jsx as pg,jsxs as ug}from"react/jsx-runtime";import{Fragment as kg,jsx as Ng,jsxs as gg}from"react/jsx-runtime";import{jsx as gt,jsxs as $r}from"react/jsx-runtime";var uc={...d.options,...B.options},fc=d.states,bc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},hc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],xc=[],po=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?$r(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"?$r(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"})]}):$r(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};po.options=uc;po.states=fc;po.variants=hc;po.defaultOptions=bc;po.modifiers=xc;po.className=B.className;var ka="input",Wa=ka;import{jsx as vc}from"react/jsx-runtime";var Ja="k-input",Nc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kc={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]},gc={},Y=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 vc("span",{...k,className:n(e.className,Ja,T(Ja,{size:b,rounded:x,fillMode:N}),S(Ja,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Y.states=Nc;Y.options=kc;Y.className=Ja;Y.defaultOptions=gc;Y.moduleName=ka;Y.folderName=Wa;import{jsx as Sc}from"react/jsx-runtime";var Ya="k-picker",Cc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lc={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]},Mc={},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 Sc("span",{...k,className:n(e.className,Ya,T(Ya,{size:b,rounded:x,fillMode:N}),S(Ya,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ft.states=Cc;ft.options=Lc;ft.className=Ya;ft.defaultOptions=Mc;ft.moduleName=ka;ft.folderName=Wa;import{Fragment as Tc,jsx as Xr}from"react/jsx-runtime";var wi="k-clear-value",Ac=[i.disabled,i.loading,i.readonly],Ic={},ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?Xr(Tc,{}):Xr("span",{className:n(e.className,wi),children:Xr(v,{icon:"x"})})};ze.states=Ac;ze.options=Ic;ze.className=wi;import{jsx as Oc}from"react/jsx-runtime";var qr="k-input-inner",yc=[],Ec={},Qa={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=Qa.value,type:o=Qa.type,placeholder:a=Qa.placeholder,autocomplete:r=Qa.autocomplete,disabled:s,readOnly:l,...p}=e;return Oc("input",{...p,type:o,className:n(e.className,qr,T(qr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Fe.states=yc;Fe.options=Ec;Fe.className=qr;import{jsx as Ri,jsxs as wc}from"react/jsx-runtime";var Wr="k-input-inner",Bc=[],Pc={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return wc("span",{...l,className:n(e.className,Wr,T(Wr,e)),children:[r,!r&&s&&Ri(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};qt.states=Bc;qt.options=Pc;qt.className=Wr;import{jsx as _c}from"react/jsx-runtime";var Jr="k-input-inner",Rc=[],Kc={},Ki={value:"",placeholder:""},ga=e=>{let{value:t=Ki.value,placeholder:o=Ki.placeholder,rows:a,disabled:r,...s}=e;return _c("textarea",{...s,className:n(e.className,Jr,T(Jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};ga.states=Rc;ga.options=Kc;ga.className=Jr;import{Fragment as Hc,jsx as _i}from"react/jsx-runtime";var Di="k-input-loading-icon",Dc=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_i(Hc,{}):_i("span",{className:n(e.className,Di,"k-icon k-i-loading")})};Re.states=Dc;Re.className=Di;import{Fragment as Uc,jsx as Hi}from"react/jsx-runtime";var zi="k-input-validation-icon",zc=[i.valid,i.invalid,i.disabled,i.loading],Fc={},Me=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?Hi(Uc,{}):Hi(v,{className:n(zi),icon:s})};Me.states=zc;Me.options=Fc;Me.className=zi;import{Fragment as $c,jsx as Fi}from"react/jsx-runtime";var Gc="k-input-prefix",Vc={direction:"horizontal"},Ke=e=>{let{direction:t=Vc.direction,...o}=e;return e.children?Fi("span",{...o,className:n(Gc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Fi($c,{})};import{Fragment as Wc,jsx as Ui}from"react/jsx-runtime";var Xc="k-input-suffix",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-suffix-${t}`]:t}),children:e.children}):Ui(Wc,{})};import{jsx as gv}from"react/jsx-runtime";import{jsx as Yc}from"react/jsx-runtime";var Jc="k-input-suffix-text",Yr=e=>{let{children:t,...o}=e;return Yc("span",{...o,className:n(Jc,e.className),children:t})};import{jsx as Zc}from"react/jsx-runtime";var Gi="k-input-separator",Qc={direction:"vertical"},Se=e=>{let{direction:t=Qc.direction,...o}=e;return Zc("span",{...o,className:n(Gi,e.className,{[`${Gi}-${t}`]:t})})};import{Fragment as Vi,jsx as bt,jsxs as Qr}from"react/jsx-runtime";var jc=Y.states,ep=Y.defaultOptions,tp=Y.options,op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ap=[],mo=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 Qr(Y,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&Qr(Vi,{children:[bt(Ke,{children:bt(v,{icon:"lock"})}),m&&bt(Se,{})]}),bt(Fe,{placeholder:"Placeholder",value:"Value"}),k&&bt(Me,{valid:o,invalid:a,loading:r,disabled:s}),bt(Re,{loading:r,disabled:s}),N&&bt(ze,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&Qr(Vi,{children:[m&&bt(Se,{}),bt(_e,{children:bt(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};mo.options=tp;mo.states=jc;mo.variants=ap;mo.defaultOptions=ep;mo.modifiers=op;mo.className=Y.className;import{jsx as $i,jsxs as ip}from"react/jsx-runtime";var Xi="k-color-preview",rp=[],np={},Ot=e=>{let{color:t,iconName:o,...a}=e;return ip("span",{...a,className:n(e.className,Xi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&$i(v,{icon:o,className:"k-color-preview-icon"}),$i("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=rp;Ot.options=np;Ot.className=Xi;var Zr="popup",qi=Zr;import{jsx as Wi}from"react/jsx-runtime";var Ji="k-animation-container",sp=[],lp={},Yi={positionMode:"absolute"},ht=e=>{let{positionMode:t=Yi.positionMode,animationStyle:o,offset:a,...r}=e;return Wi("div",{...r,style:{...a,...e.style},className:n(e.className,Ji,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Wi("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=sp;ht.options=lp;ht.className=Ji;ht.defaultOptions=Yi;ht.moduleName=Zr;ht.folderName=qi;var jr="popup",Qi=jr;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",dp=[],cp={},es={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=es.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return Zi(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:Zi("div",{...p,className:n(e.className,ji),children:e.children})})};F.states=dp;F.options=cp;F.className=ji;F.defaultOptions=es;F.moduleName=jr;F.folderName=Qi;F.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var en="action-buttons",ts=en;import{jsx as up}from"react/jsx-runtime";var Za="k-actions",pp=[],mp={},tn={alignment:"start",orientation:"horizontal"},U=e=>{let{alignment:t=tn.alignment,orientation:o=tn.orientation,...a}=e;return up("div",{...a,className:n(Za,{[`${Za}-${t}`]:t,[`${Za}-${o}`]:o},e.className),children:e.children})};U.states=pp;U.options=mp;U.className=Za;U.defaultOptions=tn;U.moduleName=en;U.folderName=ts;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":U,...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 va,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"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=an.showIcon,icon:C=an.icon,"aria-label":M,...E}=e;return Np(Y,{...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&&va(v,{className:"k-input-icon",icon:C}),va(Fe,{placeholder:o,value:t,"aria-label":M}),va(Re,{...e}),va(Me,{...e}),va(ze,{...e})]})};Qe.states=hp;Qe.options=xp;Qe.className=rs;Qe.defaultOptions=an;Qe.moduleName=on;Qe.folderName=as;import{jsx as $C}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:I,disabled:w,readonly:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Le}=e;return nn(Y,{...Le,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:I,disabled:w,readonly:J,className:n(e.className,ss),children:[p&&nn(is,{children:[Pt(Ke,{children:p}),r&&Pt(Se,{})]}),Pt(Fe,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Pt(Me,{valid:C,invalid:M,loading:I,disabled:w}),Pt(Re,{loading:I,disabled:w}),s&&Pt(ze,{loading:I,disabled:w,readonly:J,value:N}),b&&nn(is,{children:[r&&Pt(Se,{}),Pt(_e,{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 Ca=be;import{jsx as vp}from"react/jsx-runtime";var ls=e=>vp(Ca,{...e});import{Fragment as dL,jsx as lL}from"react/jsx-runtime";import{Fragment as bL,jsx as fL}from"react/jsx-runtime";import{jsx as kL}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=[],uo=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})};uo.options=Mp;uo.states=Cp;uo.variants=Ap;uo.defaultOptions=Lp;uo.modifiers=Sp;uo.className=be.className;import{jsx as wt,jsxs as ln}from"react/jsx-runtime";var ds="k-actionsheet-titlebar",Ip={},Ae=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(Qe,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ae.className=ds;Ae.defaultOptions=Ip;import{jsx as dn,jsxs as Op}from"react/jsx-runtime";var cn="k-actionsheet-view",Tp=[],yp={},Ep={},fo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Ae&&dn(Ae,{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]})};fo.states=Tp;fo.options=yp;fo.className=cn;fo.defaultOptions=Ep;var La="action-sheet",er=La;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={},Ma={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},te=e=>{let{side:t=Ma.side,fullscreen:o=Ma.fullscreen,adaptive:a=Ma.adaptive,overlay:r=Ma.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(fo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};te.states=Kp;te.options=_p;te.className=ms;te.defaultOptions=Ma;te.moduleName=La;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={},bo=e=>{let{children:t,...o}=e;return Up("div",{...o,className:us,children:t})};bo.states=Hp;bo.options=zp;bo.className=us;bo.defaultOptions=Fp;bo.moduleName=La;bo.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 Sa,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&&Sa($p,{children:un("span",{className:"k-actionsheet-action",children:[t&&Sa("span",{className:"k-icon-wrap",children:Sa(v,{className:"k-actionsheet-item-icon",icon:t})}),un("span",{className:"k-actionsheet-item-text",children:[o&&Sa("span",{className:"k-actionsheet-item-title",children:o}),a&&Sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=Vp;Kt.className=fn;import{jsx as NM,jsxs as kM}from"react/jsx-runtime";import{jsx as LM}from"react/jsx-runtime";import{jsx as IM}from"react/jsx-runtime";import{jsx as OM}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"}],ho=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(Ae,{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(Ae,{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})};ho.options=Xp;ho.states=qp;ho.variants=Wp;ho.defaultOptions=bs;ho.modifiers=Jp;ho.className=te.className;var hn="slider",hs=hn;import{jsx as xo,jsxs as xn}from"react/jsx-runtime";var Aa="k-slider",Yp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qp={},Ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=Ze.type,orientation:o=Ze.orientation,gradientType:a=Ze.gradientType,readonly:r=Ze.readonly,disabled:s=Ze.disabled,handlePosition:l=Ze.handlePosition,showButtons:p=Ze.showButtons,showTicks:b=Ze.showTicks,value:x=Ze.value,min:N=Ze.min,max:k=Ze.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:I,dir:w,...J}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Le;return o==="horizontal"?(fe=w==="rtl"?"chevron-left":"chevron-right",Le=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Le="chevron-down"),xn("div",{...J,className:n(Aa,e.className,S(Aa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&xo(d,{className:"k-button-decrease",rounded:"full",icon:Le,tabIndex:-1,title:"Decrease"}),xn("div",{className:"k-slider-track-wrap",children:[b&&xo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),xn("div",{className:"k-slider-track",style:I,children:[xo("div",{className:"k-slider-selection"}),t==="range"&&xo("span",{className:n("k-draghandle","k-draghandle-start",S(Aa,{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"}),xo("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(Aa,{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&&xo(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};q.states=Yp;q.options=Qp;q.className=Aa;q.defaultOptions=Ze;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 je,jsxs as tm}from"react/jsx-runtime";var gs=e=>je(q,{"aria-label":e["aria-label"]\|\|"Slider",children:tm(em,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as om,jsx as et,jsxs as am}from"react/jsx-runtime";var vs=e=>et(q,{children:am(om,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as kS,jsx as NS,jsxs as gS}from"react/jsx-runtime";import{Fragment as SS,jsx as MS,jsxs as AS}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 _S,jsx as KS,jsxs as DS}from"react/jsx-runtime";import{Fragment as GS,jsx as US,jsxs as VS}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"}],No=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%"}})]})};No.options=im;No.states=sm;No.variants=lm;No.defaultOptions=Ls;No.modifiers=dm;No.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:I,readonly:w,id:J,"aria-label":ce,"aria-describedby":ue,...fe}=e;return vn(Y,{...fe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:I,readonly:w,className:n(e.className,ys),children:[p&&vn(Ts,{children:[vt(Ke,{children:p}),r&&vt(Se,{})]}),vt(Fe,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:I,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),vt(Me,{valid:L,invalid:C,loading:E,disabled:I}),vt(Re,{loading:E,disabled:I}),s&&vt(ze,{loading:E,disabled:I,readonly:w,value:x}),b&&vn(Ts,{children:[r&&vt(Se,{}),vt(_e,{children:b})]}),l&&vt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};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 Ia=G;import{jsx as xm}from"react/jsx-runtime";var Es=e=>xm(Ia,{...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",ko=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,T(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=ko;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={},go=e=>{let{...t}=e;return Im("div",{...t,className:n(e.className,ws),children:e.children})};go.states=Mm;go.options=Sm;go.className=ws;go.defaultOptions=Am;go.moduleName=Wt;go.folderName=ko;var Jt="checkbox",vo=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={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return 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,T(rr,{size:N,rounded:k}),S(rr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};tt.states=Tm;tt.options=ym;tt.className=rr;tt.defaultOptions=Em;tt.moduleName=Jt;tt.folderName=vo;tt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ct=tt;import{jsx as Pm}from"react/jsx-runtime";var Ks="k-checkbox-list",Om=[],Bm={},_s={layout:"vertical"},Ie=e=>{let{layout:t=_s.layout,...o}=e;return Pm("ul",{...o,className:n(e.className,Ks,{[`k-list-${t}`]:t}),children:e.children})};Ie.states=Om;Ie.options=Bm;Ie.className=Ks;Ie.defaultOptions=_s;Ie.moduleName=Jt;Ie.folderName=vo;import{jsx as _m}from"react/jsx-runtime";var Ds="k-checkbox-list-item",wm=[],Rm={},Km={},Te=e=>{let{...t}=e;return _m("li",{...t,className:n(e.className,Ds),children:e.children})};Te.states=wm;Te.options=Rm;Te.className=Ds;Te.defaultOptions=Km;Te.moduleName=Jt;Te.folderName=vo;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(ct,{id:t,...o}),Hs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as fI,jsx as uI,jsxs as bI}from"react/jsx-runtime";import{Fragment as gI,jsx as kI,jsxs as vI}from"react/jsx-runtime";import{Fragment as AI,jsx as SI,jsxs as II}from"react/jsx-runtime";import{jsx as OI}from"react/jsx-runtime";import{jsx as RI}from"react/jsx-runtime";import{jsx as HI}from"react/jsx-runtime";import{jsx as ot,jsxs as zs}from"react/jsx-runtime";var zm=Ie.options,Fm=Ie.states,Um={...Ie.defaultOptions,variant:"vertical"},Gm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vm=[],Co=e=>{let{variant:t,...o}=e;return t==="horizontal"?zs(Ie,{layout:"horizontal",...o,children:[ot(Te,{children:ot(Ct,{id:y("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})})]}):zs(Ie,{...o,children:[ot(Te,{children:ot(Ct,{id:y("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})}),ot(Te,{children:ot(Ct,{id:y("cb"),children:"Label"})})]})};Co.options=zm;Co.states=Fm;Co.variants=Gm;Co.defaultOptions=Um;Co.modifiers=Vm;Co.className=Ie.className;import{jsx as Ym}from"react/jsx-runtime";var $m=ct.options,Xm=ct.states,qm=ct.defaultOptions,Wm=[],Jm=[],Lo=e=>Ym(Ct,{id:y("checkbox"),...e,defaultChecked:!0,children:"Label"});Lo.options=$m;Lo.states=Xm;Lo.variants=Wm;Lo.defaultOptions=qm;Lo.modifiers=Jm;Lo.className=ct.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(tt,{checked:p}),r&&Yt("span",{className:"k-list-item-icon-wrapper",children:Yt(v,{icon:r,className:n("k-list-item-icon",s)})}),Yt("span",{className:"k-list-item-text",children:E}),m&&Yt("div",{className:"k-list-item-actions",children:m}),L&&Yt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Yt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Qm;P.options=Zm;P.className=Sn;P.defaultOptions=jm;P.moduleName=Wt;P.folderName=ko;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 yT,jsx as TT,jsxs as ET}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 XT,jsx as $T,jsxs as qT}from"react/jsx-runtime";import{Fragment as jT,jsx as ZT,jsxs as ey}from"react/jsx-runtime";import{Fragment as sy,jsx as ny,jsxs as iy}from"react/jsx-runtime";import{Fragment as fy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{jsx as Ny}from"react/jsx-runtime";import{Fragment as My,jsx as Ly,jsxs as Sy}from"react/jsx-runtime";var Fs="dropdown-list",Us="dropdownlist";import{Fragment as xu,jsx as ye,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:I,readonly:w,popup:J,opened:ce,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Le,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:I,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":I?"true":void 0,"aria-label":Pr,tabIndex:0,children:[ye(Ke,{children:p}),ye(qt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:vi}),ye(Me,{valid:L,invalid:C,loading:E,disabled:I}),ye(Re,{loading:E,disabled:I}),ye(_e,{children:b}),ye(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),ce&&J&&ye(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),ue&&ye(te,{adaptive:!0,...fe,header:ye(Ae,{actionsEnd:ye(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Br,inputValue:x,inputPlaceholder:N,title:Le,subtitle:$t}),children:ye("div",{className:"k-list-container",children:ye(D,{size:"large",children:En($,{"aria-label":"Options",children:[ye(P,{text:"List item"}),ye(P,{text:"List item"}),ye(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 rE}from"react/jsx-runtime";import{jsx as cE,jsxs as pE}from"react/jsx-runtime";import{Fragment as gE,jsx as NE,jsxs as kE}from"react/jsx-runtime";import{jsx as SE}from"react/jsx-runtime";import{jsx as OE,jsxs as BE}from"react/jsx-runtime";import{Fragment as FE,jsx as HE,jsxs as zE}from"react/jsx-runtime";import{jsx as XE}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=[],So=e=>{let{modifiers:t,...o}=e,a={},r=Vs(Lu,{children:[Ht("div",{className:"k-list-filter",children:Ht(Qe,{})}),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})})};So.options=gu;So.states=Nu;So.variants=Cu;So.defaultOptions=ku;So.modifiers=vu;So.className=ie.className;import{Fragment as fO,jsx as uO}from"react/jsx-runtime";import{Fragment as gO,jsx as kO}from"react/jsx-runtime";import{jsx as MO}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=[],Ao=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(Yr,{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})};Ao.options=Au;Ao.states=Mu;Ao.variants=Tu;Ao.defaultOptions=Su;Ao.modifiers=Iu;Ao.className=G.className;import{Fragment as Ta,jsx as K,jsxs as re}from"react/jsx-runtime";var $s="k-colorgradient-inputs",yu=[],Eu={size:[c.undefined,c.small,c.medium,c.large]},Xs={mode:"rgba"},Io=e=>{let{mode:t=Xs.mode,size:o,...a}=e;return re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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"})]}),re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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"})]}),re("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"&&re(Ta,{children:[re("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"})]}),re("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"})]}),re("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(Ta,{children:re("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"})]})})]})};Io.states=yu;Io.options=Eu;Io.className=$s;Io.defaultOptions=Xs;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var qs="k-colorgradient-color-contrast",Ou=[],Bu={},Pu={},To=()=>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"})]})]})]});To.states=Ou;To.options=Bu;To.className=qs;To.defaultOptions=Pu;var Ws="color-gradient",Js="colorgradient";import{jsx as at,jsxs as ya}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:I,...w}=e;return ya("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":r?"true":void 0,className:n(e.className,ir,T(ir,{size:t}),S(ir,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M\|\|M==="horizontal"&&ya("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ya("div",{className:"k-hsv-controls k-hstack",children:[at(kn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(kn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&ya("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ya("div",{className:"k-hsv-controls k-vstack",children:[at(Nn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&at(Nn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),at(Io,{mode:e.mode,size:t}),x&&at(To,{})]})};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 dB}from"react/jsx-runtime";import{jsx as uB}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=[],yo=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})}};yo.options=_u;yo.states=Du;yo.variants=zu;yo.defaultOptions=Hu;yo.modifiers=Fu;yo.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={},Eo=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})};Eo.states=Gu;Eo.options=Vu;Eo.className=Rn;var Ys="color-palette",Qs="colorpalette";import{jsx as Ea}from"react/jsx-runtime";var lr="k-colorpalette",Xu=[i.disabled],qu={size:[c.undefined,c.small,c.medium,c.large]},Zs={columns:10},Ee=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(Ea(Eo,{color:C,tileSize:r},M))});let L=Ea(wn,{children:m},k);p.push(L)})}return Ea("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}),T(lr,{size:t})),children:Ea("table",{className:"k-colorpalette-table",role:"none",children:Ea("tbody",{children:p.length>0?p:e.children})})})};Ee.states=Xu;Ee.options=qu;Ee.className=lr;Ee.defaultOptions=Zs;Ee.moduleName=Ys;Ee.folderName=Qs;Ee.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=Ee;var Oa={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:Oa.basic,...e});import{jsx as WB}from"react/jsx-runtime";import{jsx as eP,jsxs as tP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Ju=Ee.options,Yu=Ee.states,Qu={...Ee.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=[],Oo=e=>{let{variant:t="basic",...o}=e,a=ju[t];return tf(js,{columns:a.columns,palette:a,...o})};Oo.options=Ju;Oo.states=Yu;Oo.variants=Zu;Oo.defaultOptions=Qu;Oo.modifiers=ef;Oo.className=Ee.className;var el="color-editor",tl="coloreditor";import{jsx as rt,jsxs as Bo}from"react/jsx-runtime";var cr="k-coloreditor",of=[i.focus],af={size:[c.undefined,c.small,c.medium,c.large]},Ba={view:"gradient",palette:Oa.office,actionButtons:!0,canvasOrientation:"horizontal"},oe=e=>{let{size:t,view:o=Ba.view,palette:a=Ba.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Ba.actionButtons,canvasOrientation:k=Ba.canvasOrientation,...m}=e;return Bo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",cr,T(cr,{size:t}),S(cr,{focus:l})),dir:b,children:[Bo("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Bo(B,{fillMode:"flat",children:[rt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Bo("div",{className:"k-coloreditor-preview k-vstack",children:[rt(Ot,{className:"k-coloreditor-preview-color",color:r}),rt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):rt(Ee,{palette:a,size:t})}),N&&Bo(U,{className:"k-coloreditor-footer",alignment:"start",children:[rt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};oe.states=of;oe.options=af;oe.className=cr;oe.defaultOptions=Ba;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 Po=oe;import{jsx as EP}from"react/jsx-runtime";import{jsx as wP}from"react/jsx-runtime";import{jsx as rf}from"react/jsx-runtime";var ol=e=>rf(Po,{group:!0,currentColor:"fuchsia",...e});import{jsx as nf}from"react/jsx-runtime";var al=e=>nf(Po,{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=[],wo=e=>{let{variant:t,...o}=e;return t==="palette"?rl(al,{...o,color:"white"}):rl(ol,{...o,color:"rgba(183, 118 , 118, 1.00)"})};wo.options=sf;wo.states=lf;wo.variants=cf;wo.defaultOptions=df;wo.modifiers=pf;wo.className=oe.className;var nl="color-picker",il="colorpicker";import{Fragment as ff,jsx as nt,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"},Ue=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:I,adaptive:w,adaptiveSettings:J,adaptiveTitle:ce,adaptiveSubtitle:ue,...fe}=e,Le="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":I?"true":"false","aria-controls":I\|\|w?Le:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,sl,"k-icon-picker"),children:[nt(Ke,{children:s}),nt(qt,{placeholder:b,value:p,showValue:!1,valueIcon:nt(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),nt(_e,{children:l}),nt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),I&&E&&nt(F,{id:Le,className:"k-colorpicker-popup",children:E}),w&&nt(te,{adaptive:!0,id:Le,...J,header:nt(Ae,{actionsEnd:nt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:Kn(Bt,{children:[nt(d,{text:"Cancel",size:"large"}),nt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(oe,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ue.states=mf;Ue.options=uf;Ue.className=sl;Ue.defaultOptions=ll;Ue.moduleName=nl;Ue.folderName=il;Ue.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Mt=Ue;import{jsx as bf}from"react/jsx-runtime";var pr=e=>bf(Mt,{...e});import{jsx as xw}from"react/jsx-runtime";import{jsx as Cw}from"react/jsx-runtime";import{jsx as Aw}from"react/jsx-runtime";import{jsx as Ew}from"react/jsx-runtime";import{jsx as ww}from"react/jsx-runtime";import{jsx as Dw}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"}],Ro=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})})}};Ro.options=hf;Ro.states=xf;Ro.variants=Nf;Ro.defaultOptions=dl;Ro.modifiers=kf;Ro.className=Mt.className;var _n="combobox",cl=_n;import{Fragment as Dn,jsx as se,jsxs as Pa}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},ge=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:I,readonly:w,adaptive:J,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Le,id:$t,autocomplete:Br,activeDescendant:Et,"aria-label":$a,...Pr}=e,wr=$t?`${$t}-listbox`:void 0;return Pa(Dn,{children:[Pa(Y,{...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&&Pa(Dn,{children:[se(Ke,{children:s}),r&&se(Se,{})]}),se(Fe,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?wr:void 0,"aria-activedescendant":I&&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(Me,{valid:k,invalid:m,loading:C,disabled:M}),se(Re,{loading:C,disabled:M}),se(ze,{loading:C,disabled:M,readonly:w,value:p}),l&&Pa(Dn,{children:[r&&se(Se,{}),se(_e,{children:l})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),I&&E&&se(F,{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(Ae,{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:Le?se(Dt,{text:`Use "${p}"`}):void 0,size:"large",children:Pa($,{"aria-label":ue\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};ge.states=gf;ge.options=vf;ge.className=pl;ge.defaultOptions=ml;ge.moduleName=_n;ge.folderName=cl;ge.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ge=ge;import{jsx as Cf}from"react/jsx-runtime";var ul=e=>Cf(Ge,{...e});import{jsx as gR,jsxs as vR}from"react/jsx-runtime";import{jsx as IR,jsxs as TR}from"react/jsx-runtime";import{jsx as wR,jsxs as RR}from"react/jsx-runtime";import{Fragment as FR,jsx as zR}from"react/jsx-runtime";import{Fragment as qR,jsx as XR}from"react/jsx-runtime";import{jsx as jR,jsxs as eK}from"react/jsx-runtime";import{Fragment as lK,jsx as iK,jsxs as sK}from"react/jsx-runtime";import{jsx as mK}from"react/jsx-runtime";import{jsx as hK}from"react/jsx-runtime";import{jsx as CK,jsxs as LK}from"react/jsx-runtime";import{jsx as yK,jsxs as EK}from"react/jsx-runtime";import{jsx as zt,jsxs as Tf}from"react/jsx-runtime";var Lf=ge.states,Mf=ge.defaultOptions,Sf=ge.options,Af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],If=[],Ko=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})})};Ko.options=Sf;Ko.states=Lf;Ko.variants=If;Ko.defaultOptions=Mf;Ko.modifiers=Af;Ko.className=ge.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 d_}from"react/jsx-runtime";import{jsx as u_}from"react/jsx-runtime";import{jsx as x_}from"react/jsx-runtime";var Ve="menu",it=Ve;import{jsx as wa,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"},ve=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,I=k;return I\|\|(I=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"&&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:I})})]}),C]})};ve.states=Bf;ve.options=Pf;ve.className=Fn;ve.defaultOptions=xl;ve.moduleName=Ve;ve.folderName=it;import{jsx as Ra,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"},Q=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,...I}=e,w=k;return w\|\|(w=L==="rtl"?"chevron-left":"chevron-right"),Nl("li",{...I,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"&&Ra(v,{className:"k-menu-link-icon",icon:l}),Ra("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Ra(v,{className:"k-menu-link-icon",icon:l}),N&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(v,{icon:w})})]}),C,M]})};Q.states=wf;Q.options=Rf;Q.className=Un;Q.defaultOptions=Gn;Q.moduleName=Ve;Q.folderName=it;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=Ve;to.folderName=it;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=Ve;me.folderName=it;me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Uf}from"react/jsx-runtime";var Xn="k-separator",vl={orientation:"horizontal"},_o=e=>{let{orientation:t=vl.orientation,...o}=e;return Uf("li",{...o,className:n(e.className,"k-item",Xn,{[`${Xn}-${t}`]:t}),role:"separator"})};_o.className=Xn;_o.defaultOptions=vl;_o.moduleName=Ve;_o.folderName=it;import{Fragment as X_,jsx as q_}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={},Ce=e=>{let{children:t,size:o,...a}=e;return Xf("ul",{...a,className:n(e.className,qn,T(qn,{size:o})),role:"menu",children:t})};Ce.states=Gf;Ce.options=Vf;Ce.className=qn;Ce.defaultOptions=$f;Ce.moduleName=Ve;Ce.folderName=it;import{Fragment as qf,jsx as Do,jsxs as Wf}from"react/jsx-runtime";var Wn=e=>Do(me,{children:Wf(qf,{children:[Do(ve,{first:!0,text:"Item 1"}),Do(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Do(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Do(ve,{text:"Item 4"}),Do(ve,{last:!0,text:"Item 5"})]}),...e});import{Fragment as s0,jsx as n0,jsxs as i0}from"react/jsx-runtime";import{Fragment as m0,jsx as p0,jsxs as u0}from"react/jsx-runtime";import{Fragment as N0,jsx as x0,jsxs as k0}from"react/jsx-runtime";import{Fragment as M0,jsx as L0,jsxs as S0}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"}],Ho=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(F,{className:"k-menu-popup",children:jf(Ce,{children:[ao(Q,{text:"Item 1"}),ao(Q,{text:"Item 2"}),ao(_o,{}),ao(Q,{text:"Item 3"})]})});break}}),t==="vertical"?ao(Wn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):ao(Wn,{...a,...r})};Ho.options=Jf;Ho.states=Yf;Ho.variants=Qf;Ho.defaultOptions=Cl;Ho.modifiers=Zf;Ho.className=me.className;import{Fragment as aD,jsx as tD,jsxs as oD}from"react/jsx-runtime";import{jsx as sD}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"}],zo=e=>{let{variant:t,modifiers:o,...a}={...Ml,...e},r={},s=kt(F,{className:"k-menu-popup",children:Ll(Ce,{size:a.size,children:[kt(Q,{first:!0,text:"Menu Item"}),kt(Q,{text:"Menu Item"}),kt(Q,{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]})};zo.options=tb;zo.states=eb;zo.variants=ob;zo.defaultOptions=Ml;zo.modifiers=ab;zo.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",T(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(F,{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",pt=e=>db("div",{className:n(lb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as jn,jsx as H,jsxs as Fo}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===z)C.push(H(z,{...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((I,w)=>{M.push(H(d,{...I.props,className:`${I.props.className?I.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===ge?C.push(H(ge,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ie?C.push(H(ie,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ue?C.push(H(Ue,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),Fo("div",{...x,className:n(e.className,At,T(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"&&Fo(jn,{children:[Fo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",T("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",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Fo(jn,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),Fo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",T("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",T("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)&&Fo(jn,{children:[H("span",{className:n("k-toolbar-prev","k-button",T("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",T("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={},Uo=e=>{let{...t}=e;return hb("div",{...t,className:n(e.className,Tl),children:e.children})};Uo.states=ub;Uo.options=fb;Uo.className=Tl;Uo.defaultOptions=bb;Uo.moduleName=St;Uo.folderName=Ft;import{jsx as gb}from"react/jsx-runtime";var ei="k-toolbar-item",xb=[i.focus],Nb={},kb={},Go=e=>{let{focus:t,...o}=e;return gb("div",{...o,className:n(e.className,ei,S(ei,{focus:t})),children:e.children})};Go.states=xb;Go.options=Nb;Go.className=ei;Go.defaultOptions=kb;Go.moduleName=St;Go.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(F,{...r,className:n(e.className,El),children:a?yl("span",{className:n("k-toolbar-items-list",T("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 cH}from"react/jsx-runtime";import{jsx as fH}from"react/jsx-runtime";import{jsx as NH}from"react/jsx-runtime";import{jsx as MH,jsxs as SH}from"react/jsx-runtime";import{jsx as yH}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"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...Ol,...e},r={},s=Tb(Ce,{size:a.size,children:[It(Q,{first:!0,text:"Menu Item"}),It(Q,{text:"Menu Item"}),It(Q,{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"})})}};Vo.options=Sb;Vo.states=Mb;Vo.variants=Ab;Vo.defaultOptions=Ol;Vo.modifiers=Ib;Vo.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 r1,jsxs as n1}from"react/jsx-runtime";import{jsx as $e,jsxs as Pl}from"react/jsx-runtime";var wl=e=>$e(R,{scrollable:!0,...e,children:[$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Pl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),Pl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Rl}from"react/jsx-runtime";var Kl=({scrollingPosition:e="start",...t})=>Xe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Rl(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"),Rl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Eb,jsx as De,jsxs as hr}from"react/jsx-runtime";var _l=({fillMode:e,size:t,...o})=>hr(Eb,{children:[De(R,{section:!0,fillMode:e,size:t,children:[De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),hr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),De(pt,{className:"k-toolbar-button-separator"}),De(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:[De(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),De(pt,{}),De(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),hr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as D1,jsx as K1,jsxs as _1}from"react/jsx-runtime";import{Fragment as J1,jsx as q1,jsxs as W1}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=[],$o=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})})}};$o.options=Ob;$o.states=Bb;$o.variants=Pb;$o.defaultOptions=Dl;$o.modifiers=wb;$o.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",mt=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",qe=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",We=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",xr=e=>{let{title:t,children:o,expanded:a,...r}=e,s=y("prompt-expander-content");return Xb("div",{...r,className:n(e.className,$b),children:[Gl(z,{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",Xo=e=>{let{...t}=e;return Wb("div",{...t,className:n(e.className,qb),children:e.children})};import{jsx as U2}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 Nr="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,Nr,T(Nr,{size:t,rounded:o,themeColor:a}),S(Nr,{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=Nr;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 pz}from"react/jsx-runtime";import{jsx as bz}from"react/jsx-runtime";import{jsx as kz}from"react/jsx-runtime";import{jsx as Lz}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},io=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"})};io.states=d.states;io.options=d.options;io.className=Ql;io.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"},ne=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"})};ne.states=d.states;ne.options=d.options;ne.className=ed;ne.defaultOptions=td;ne.moduleName=ai;ne.folderName=jl;ne.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 i3}from"react/jsx-runtime";import{jsx as c3}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(ne,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=od;Yo.modifiers=bh;Yo.className=ne.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},Z=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:I,required:w,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Le}=e;return ni(Y,{...Le,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:I,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(Ke,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ka(Se,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ka(ga,{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":I?"true":void 0}),N&&ni(rd,{children:[s&&Ka(Se,{direction:p==="horizontal"?"vertical":"horizontal"}),Ka(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Z.states=Nh;Z.options=kh;Z.className=nd;Z.defaultOptions=Qo;Z.moduleName=ri;Z.folderName=ad;Z.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 E3}from"react/jsx-runtime";import{Fragment as K3,jsx as R3}from"react/jsx-runtime";import{Fragment as U3,jsx as F3}from"react/jsx-runtime";import{jsx as X3}from"react/jsx-runtime";import{jsx as kr}from"react/jsx-runtime";var gh=Z.options,vh=Z.states,id={...Z.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]?kr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?kr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?kr(Z,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):kr(Z,{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=Z.className;import{Fragment as b5,jsx as u5,jsxs as f5}from"react/jsx-runtime";var si="suggestion",sd=si;import{jsx as gr,jsxs as Ah}from"react/jsx-runtime";var vr="k-suggestion-group",Mh=[],Sh={},ld={layout:"scrollable",scrollingPosition:"start"},st=e=>{let{layout:t=ld.layout,scrollingPosition:o,...a}=e,r=gr("div",{...a,className:n(vr,{"k-suggestion-group-scrollable":t=="scrollable",[`${vr}-scrollable-start`]:o==="start"\|\|o==="both",[`${vr}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?gr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ah("div",{className:"k-suggestion-scrollwrap",children:[gr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,gr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};st.states=Mh;st.options=Sh;st.className=vr;st.defaultOptions=ld;st.moduleName=si;st.folderName=sd;import{jsx as Eh}from"react/jsx-runtime";var Cr="k-suggestion",Ih=[i.active,i.hover,i.focus],Th={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yh={text:"Suggestion"},ut=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Eh("span",{...l,className:n(e.className,Cr,S(Cr,{hover:a,active:o,focus:r}),T(Cr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ut.states=Ih;ut.options=Th;ut.className=Cr;ut.item=yh;import{Fragment as y5,jsx as T5,jsxs as E5}from"react/jsx-runtime";import{Fragment as R5,jsx as w5,jsxs as K5}from"react/jsx-runtime";import{Fragment as F5,jsx as z5,jsxs as U5}from"react/jsx-runtime";import{Fragment as iF,jsx as rF,jsxs as nF}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var Oh="k-chip-action";var Tt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Lr(v,{icon:"x-circle",size:"small"});break;case"more":a=Lr(v,{icon:"more-vertical",size:"small"});break;default:return Lr(v,{icon:t,size:"small"})}return Lr("span",{...o,className:n(e.className,Oh,`k-chip-${t}-action`),children:a})};var li="avatar",dd=li;import{jsx as cd}from"react/jsx-runtime";var _a="k-avatar";var Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},di={type:"text",border:!1},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=di.type,border:l=di.border,...p}=e;return cd("div",{...p,className:n(e.className,_a,T(_a,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${_a}-bordered`]:l}),children:cd("span",{className:`${_a}-${s}`,children:e.children})})};Oe.states=Bh;Oe.options=Ph;Oe.className=_a;Oe.defaultOptions=di;Oe.moduleName=li;Oe.folderName=dd;Oe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var so=Oe;import{jsx as wh}from"react/jsx-runtime";var pd=e=>wh(so,{type:"icon",...e});import{jsx as Rh}from"react/jsx-runtime";var md=e=>Rh(so,{type:"text",...e});import{jsx as Kh}from"react/jsx-runtime";var ud=e=>Kh(so,{type:"image",...e});import{jsx as TF}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var _h=Oe.options,Dh=Oe.states,Hh={...Oe.defaultOptions,variant:"image"},zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Fh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(pd,{...o,children:Da(v,{icon:"star"})});case"text":return Da(md,{...o,children:"JO"});default:return Da(ud,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=_h;jo.states=Dh;jo.variants=zh;jo.defaultOptions=Hh;jo.modifiers=Fh;jo.className=Oe.className;var Ha="chip",Mr=Ha;import{jsx as ea,jsxs as Vh}from"react/jsx-runtime";var Sr="k-chip",Uh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},fd={avatarImage:"/packages/html/assets/avatar.jpg"},Be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=fd.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Vh("div",{...M,className:n(e.className,Sr,T(Sr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Sr,{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(Oe,{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})]})};Be.states=Uh;Be.options=Gh;Be.className=Sr;Be.defaultOptions=fd;Be.moduleName=Ha;Be.folderName=Mr;Be.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var lt=Be;import{jsx as Wh}from"react/jsx-runtime";var ci="k-chip-list",$h=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},qh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Wh("div",{...r,className:n(e.className,ci,T(ci,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=$h;xe.options=Xh;xe.className=ci;xe.defaultOptions=qh;xe.moduleName=Ha;xe.folderName=Mr;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 rU}from"react/jsx-runtime";import{jsx as lU}from"react/jsx-runtime";import{jsx as Jh}from"react/jsx-runtime";var Ar=e=>Jh(lt,{text:"text",...e});import{jsx as hU}from"react/jsx-runtime";import{jsx as gU}from"react/jsx-runtime";import{Fragment as AU,jsx as SU,jsxs as IU}from"react/jsx-runtime";import{jsx as BU,jsxs as PU}from"react/jsx-runtime";import{jsx as DU,jsxs as HU}from"react/jsx-runtime";import{jsx as $U,jsxs as XU}from"react/jsx-runtime";import{jsx as ta,jsxs as tx}from"react/jsx-runtime";var Yh={...lt.options,...xe.options},Qh=[],Zh=xe.states,jh={...lt.defaultOptions,...xe.defaultOptions},ex=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],oa=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return tx(xe,{size:a.size,className:o,children:[ta(Ar,{...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(Ar,{...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(Ar,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Yh;oa.states=Zh;oa.variants=Qh;oa.defaultOptions=jh;oa.modifiers=ex;oa.className=xe.className;import{jsx as pi}from"react/jsx-runtime";var ox=Be.states,ax=Be.defaultOptions,rx=Be.options,nx=[],ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[r]?pi(Tt,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[r]?pi(Tt,{type:"remove"}):void 0;break;default:break}}),pi(Be,{...o,...a,children:"Chip component"})};aa.options=rx;aa.states=ox;aa.variants=nx;aa.defaultOptions=ax;aa.modifiers=ix;aa.className=Be.className;import{Fragment as PG,jsx as OG,jsxs as BG}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var sx="k-card-callout",bd=e=>{let{callout:t,...o}=e;return lx("span",{...o,className:n(e.className,sx,{[`k-callout-${Li.calloutMap[t]\|\|t}`]:t})})};var Je="card",dt=Je;import{Fragment as mx,jsx as hd,jsxs as ux}from"react/jsx-runtime";var mi="k-card",dx=[i.hover,i.focus,i.selected,i.disabled],cx={},px={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ux("div",{...p,className:n(e.className,mi,S(mi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&hd(bd,{callout:o}),hd(mx,{children:e.children})]})};j.states=dx;j.options=cx;j.className=mi;j.defaultOptions=px;j.moduleName=Je;j.folderName=dt;j.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as xx,jsx as xd}from"react/jsx-runtime";var ui="k-card-list",fx=[],bx={},hx={},Gt=e=>{let{...t}=e;return xd("div",{...t,className:n(e.className,ui,S(ui,{})),role:"list",children:xd(xx,{children:e.children})})};Gt.states=fx;Gt.options=bx;Gt.className=ui;Gt.defaultOptions=hx;Gt.moduleName=Je;Gt.folderName=dt;Gt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as vx}from"react/jsx-runtime";var Nd="k-card-group",Nx=[],kx={},gx={},ra=e=>{let{...t}=e;return vx("div",{...t,className:n(e.className,Nd),children:e.children})};ra.states=Nx;ra.options=kx;ra.className=Nd;ra.defaultOptions=gx;ra.moduleName=Je;ra.folderName=dt;import{jsx as Sx}from"react/jsx-runtime";var fi="k-card-wrap",Cx=[i.focus,i.selected],Lx={},Mx={},na=e=>{let{focus:t,selected:o,...a}=e;return Sx("div",{...a,className:n(e.className,fi,S(fi,{focus:t,selected:o})),children:e.children})};na.states=Cx;na.options=Lx;na.className=fi;na.defaultOptions=Mx;na.moduleName=Je;na.folderName=dt;import{jsx as Ix}from"react/jsx-runtime";var bi="k-card-title",Ax=[i.hover,i.focus],lo=e=>{let{hover:t,focus:o,...a}=e;return Ix("div",{...a,className:n(e.className,bi,S(bi,{hover:t,focus:o})),children:e.children})};lo.states=Ax;lo.className=bi;import{jsx as yx}from"react/jsx-runtime";var Tx="k-card-subtitle",Ir=e=>{let{...t}=e;return yx("div",{...t,className:n(e.className,Tx),children:e.children})};import{Fragment as gd,jsx as Tr}from"react/jsx-runtime";var kd="k-card-media",hi=e=>{let{src:t,...o}=e;return Tr(gd,{children:t?Tr("img",{...o,className:n(e.className,kd),src:t}):Tr("span",{...o,className:n(e.className,kd),children:Tr(gd,{children:e.children})})})};import{Fragment as Ox,jsx as za,jsxs as Bx}from"react/jsx-runtime";var Ex="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Bx("div",{...r,className:n(e.className,Ex),children:[t&&za(lo,{children:t}),o&&za(Ir,{children:o}),za(Ox,{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 wx}from"react/jsx-runtime";var Px="k-card-footer",xi=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,Px),children:e.children})};import{Fragment as Kx,jsx as Fa,jsxs as _x}from"react/jsx-runtime";var Rx="k-card-body",Ye=e=>{let{title:t,subtitle:o,details:a,...r}=e;return _x("div",{...r,className:n(e.className,Rx),children:[t&&Fa(lo,{children:t}),o&&Fa(Ir,{children:o}),Fa(Kx,{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 Fx}from"react/jsx-runtime";var vd="k-card-deck",Dx=[],Hx={},zx={},ia=e=>{let{...t}=e;return Fx("div",{...t,className:n(e.className,vd),children:e.children})};ia.states=Dx;ia.options=Hx;ia.className=vd;ia.defaultOptions=zx;ia.moduleName=Je;ia.folderName=dt;import{jsx as $x}from"react/jsx-runtime";var Cd="k-card-deck-scrollwrap",Ux=[],Gx={},Vx={},sa=e=>{let{...t}=e;return $x("div",{...t,className:n(e.className,Cd),children:e.children})};sa.states=Ux;sa.options=Gx;sa.className=Cd;sa.defaultOptions=Vx;sa.moduleName=Je;sa.folderName=dt;import{Fragment as Xx,jsx as la,jsxs as Ld}from"react/jsx-runtime";var Md=e=>la(j,{orientation:"vertical",children:Ld(Xx,{children:[la(yt,{children:"Card Header"}),la(Ye,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ld(U,{className:"k-card-actions",children:[la(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),la(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as qx,jsx as Ua,jsxs as Sd}from"react/jsx-runtime";var Ad=e=>Ua(j,{orientation:"horizontal",children:Sd(qx,{children:[Ua(Ye,{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."})}),Sd(U,{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 J9,jsxs as Y9}from"react/jsx-runtime";import{jsx as Pe,jsxs as Ga}from"react/jsx-runtime";var Wx=j.options,Jx=j.states,Id={...j.defaultOptions,variant:"vertical"},Yx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...Id,...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(Ad,{style:{maxWidth:"420px"},...a,children:[r&&Pe(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ga("div",{children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(xi,{children:"Card Footer"})]}),(s\|\|l)&&Pe("span",{className:"k-separator k-separator-vertical"}),Ga(U,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Ga(Md,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Pe(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(xi,{children:"Card Footer"}),Ga(U,{className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Wx;da.states=Jx;da.variants=Yx;da.defaultOptions=Id;da.modifiers=Qx;da.className=j.className;import{jsx as w6,jsxs as R6}from"react/jsx-runtime";import{Fragment as q6,jsx as $6,jsxs as X6}from"react/jsx-runtime";import{Fragment as r7,jsx as o7,jsxs as a7}from"react/jsx-runtime";import{Fragment as m7,jsx as p7,jsxs as u7}from"react/jsx-runtime";var Ni="panelbar",Td=Ni;import{jsx as tN}from"react/jsx-runtime";var yd="k-panelbar",Zx=[],jx={},eN={},Ne=e=>{let{activeDescendant:t,...o}=e;return tN("ul",{...o,className:n(e.className,yd),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=Zx;Ne.options=jx;Ne.className=yd;Ne.defaultOptions=eN;Ne.moduleName=Ni;Ne.folderName=Td;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 ki from"react";import{jsx as yr,jsxs as Ed}from"react/jsx-runtime";var Od="k-panelbar-item",oN=[i.hover,i.focus,i.selected,i.disabled],aN={},Er={level:0,expanded:!1,text:"Item"},A=e=>{let{text:t=Er.text,level:o=Er.level,expanded:a=Er.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return Ed("li",{...L,className:n(e.className,Od,{"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:[Ed("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&yr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&yr("span",{className:`k-panelbar-item-icon ${N}`}),yr("span",{className:"k-panelbar-item-text",children:t}),C&&yr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&ki.Children.map(m,M=>ki.isValidElement(M)?ki.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};A.states=oN;A.options=aN;A.className=Od;A.defaultOptions=Er;import{jsx as sN}from"react/jsx-runtime";var Bd="k-panelbar-group",rN=[],nN={},iN={},ke=e=>{let{ariaHidden:t,...o}=e;return sN("ul",{...o,className:n(e.className,Bd),role:"group","aria-hidden":t?"true":void 0,children:e.children})};ke.states=rN;ke.options=nN;ke.className=Bd;ke.defaultOptions=iN;import{jsx as pN}from"react/jsx-runtime";var Pd="k-panelbar-content",lN=[],dN={},cN={},le=e=>{let{...t}=e;return pN("div",{...t,className:n(e.className,Pd),children:e.children})};le.states=lN;le.options=dN;le.className=Pd;le.defaultOptions=cN;import{Fragment as mN,jsx as Vt,jsxs as uN}from"react/jsx-runtime";var ca=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),r=y("pb-item");return Vt(Ne,{children:uN(mN,{children:[Vt(A,{header:!0,text:"Item 1",id:t,children:Vt(le,{children:"content"})}),Vt(A,{header:!0,text:"Item 2",id:o,children:Vt(le,{children:"content"})}),Vt(A,{header:!0,text:"Item 3",id:a,children:Vt(le,{children:"content"})}),Vt(A,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as H7,jsx as D7,jsxs as z7}from"react/jsx-runtime";import{Fragment as fN,jsx as we,jsxs as gi}from"react/jsx-runtime";var wd=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),r=y("pb-item"),s=y("pb-child"),l=y("pb-child"),p=y("pb-child"),b=y("pb-child"),x=y("pb-child"),N=y("pb-child"),k=y("pb-child");return we(Ne,{activeDescendant:o,children:gi(fN,{children:[we(A,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(A,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:gi(ke,{children:[we(A,{level:1,text:"Child 1",id:s}),we(A,{level:1,expanded:!0,text:"Child 2",id:l,children:gi(ke,{children:[we(A,{level:2,text:"Child 2.1",id:p}),we(A,{level:2,text:"Child 2.2",id:b})]})}),we(A,{level:1,text:"Child 3",id:x,children:we(ke,{children:we(A,{level:2,text:"Child 3.1",id:N})})}),we(A,{level:1,text:"Child 4",id:k})]})}),we(A,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(A,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as Rd,jsx as ee,jsxs as Or}from"react/jsx-runtime";var bN=Ne.options,hN=Ne.states,Kd={...Ne.defaultOptions,variant:"normal"},xN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],NN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],pa=e=>{let{variant:t,modifiers:o,...a}={...Kd,...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(Rd,{children:Or(wd,{style:{width:"300px"},...a,children:[ee(A,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Or(ke,{children:[ee(A,{level:1,text:"Child 1"}),ee(A,{level:1,expanded:!0,text:"Child 2",children:Or(ke,{children:[ee(A,{level:2,text:"Child 2.1"}),ee(A,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),ee(A,{disabled:r.disabled,level:1,text:"Child 3",children:ee(le,{children:"content"})}),ee(A,{level:1,text:"Child 4"})]})}),ee(A,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):ee(Rd,{children:Or(ca,{style:{width:"300px"},...a,children:[ee(A,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.folder,header:!0,text:"Item 2",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(A,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};pa.options=bN;pa.states=hN;pa.variants=xN;pa.defaultOptions=Kd;pa.modifiers=NN;pa.className=Ne.className;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"}],ma=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(_d,{children:de(st,{layout:"wrap",children:[g(ut,{text:"Post for work-life balance importance"}),g(ut,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(F,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(qe,{children:g(We,{children:de(ca,{children:[g(A,{header:!0,icon:"brush",text:"Change Formality",children:de(ke,{children:[g(A,{level:1,text:"Casual"}),g(A,{level:1,text:"Neutral"}),g(A,{level:1,text:"Formal"})]})}),g(A,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(ke,{children:[g(A,{level:1,text:"German"}),g(A,{level:1,text:"Spanish"})]})}),g(A,{header:!0,icon:"min-width",text:"Simplify"}),g(A,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return g(F,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(qe,{children:[g(io,{}),g(We,{children:de("div",{className:"k-card-list",children:[de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Ye,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",g("br",{}),g("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",g("br",{}),g("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",g("br",{}),g("br",{}),"\u2728 Key Points \u2728",g("br",{}),g("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",g("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",g("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",g("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",g("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",g("br",{}),g("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(U,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(j,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Ye,{children:de("p",{children:["Subject: Out of Office: [Your Name]",g("br",{}),g("br",{}),"Dear [Recipient's Name],",g("br",{}),g("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",g("br",{}),g("br",{}),"Thank you,",g("br",{}),"[Your Name]"]})}),de(U,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{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(F,{className:"k-prompt-popup",children:de(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(R,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(qe,{children:de(We,{children:[g(Z,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(_d,{children:s.stt?g(ne,{fillMode:"flat"}):null})}),g(xr,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(Xo,{children:g(U,{className:"k-prompt-actions",alignment:"start",children:g(z,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ma.options=kN;ma.states=gN;ma.variants=CN;ma.defaultOptions=vN;ma.modifiers=LN;ma.className=W.className;import{jsx as He,jsxs as Va}from"react/jsx-runtime";var Q4=e=>Va(W,{...e,children:[He(mt,{children:Va(R,{fillMode:"flat",children:[He(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),He(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),He(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0,"aria-label":"More actions"})]})}),He(qe,{children:He(We,{children:Va(ca,{children:[He(A,{header:!0,text:"Command"}),He(A,{header:!0,expanded:!0,text:"Command Expanded",children:Va(ke,{children:[He(A,{level:1,expanded:!0,text:"Child Expanded",children:Va(ke,{children:[He(A,{level:2,text:"Child"}),He(A,{level:2,text:"Child"}),He(A,{level:2,text:"Child"})]})}),He(A,{level:1,text:"Child"})]})}),He(A,{header:!0,text:"Command"})]})})})]});export{Q4 as PromptMoreActions};