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

package/dist/esm/editor/templates/editor-normal.mjs

@@ -1 +1 @@
-var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>i({[`${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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:c,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:g,highlighted:k,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!c,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":k},Object.keys(S).reduce((E,M)=>(M.startsWith("k-")?E[M]=S[M]:E[`k-${M}`]=S[M],E),{}))};function Dn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ba={};function K(e){return ba[e]=(ba[e]||0)+1,`k-${e}-${ba[e]}`}import{jsx as is}from"react/jsx-runtime";var fa="k-editor-content",rs=[r.focus],Ho=e=>{let{focus:t,readonly:o,"aria-label":a,...n}=e;return is("div",{...n,className:i(e.className,fa,C(fa,{focus:t})),contentEditable:o?"false":"true",suppressContentEditableWarning:!0,role:"textbox","aria-label":a||"Editor content","aria-readonly":o?"true":void 0,children:e.children})};Ho.states=rs;Ho.className=fa;import{Fragment as cs,jsx as Hn}from"react/jsx-runtime";var ha="k-font-icon",ss=[],ls={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},ds={},mo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...c}=e;return a?Hn("span",{...c,className:i(e.className,ha,y(ha,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Hn(cs,{})};mo.states=ss;mo.options=ls;mo.className=ha;mo.defaultOptions=ds;var zn=mo;import{Fragment as ms,jsx as zo}from"react/jsx-runtime";var xa="k-svg-icon",ps=[],us={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Un={viewBox:"0 0 24 24"},bo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=Un.viewBox,icon:c,...u}=e;if(!c)return zo(ms,{});if(c==="none")return zo("span",{...u,className:i(e.className,xa,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return zo("span",{...u,className:i(e.className,xa,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:zo("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};bo.states=ps;bo.options=us;bo.className=xa;bo.defaultOptions=Un;var Na=bo;import*as ka from"@progress/kendo-svg-icons";var Gn="icon",Fn="icons";import{useContext as fs}from"react";import{createContext as bs}from"react";var Vn=bs({iconsType:"svg"});import{Fragment as $n,jsx as fo}from"react/jsx-runtime";var Uo="k-icon",hs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),xs=[],Ns={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},va={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=fs(Vn),{size:o,themeColor:a,icon:n,type:s=t||va.type,rotate:c,flip:u,viewBox:f=va.viewBox,...h}=e;if(!n)return fo($n,{});if((t||s)==="svg"){if(n==="none")return fo(Na,{...h,className:i(e.className,Uo),icon:n,size:o});let x=ka[n]?n:hs(`${n}-icon`);return ka[x]?fo(Na,{...h,className:i(e.className,Uo),icon:ka[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):fo($n,{})}return fo(zn,{...h,className:i(e.className,Uo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};L.states=xs;L.options=Ns;L.defaultOptions=va;L.className=Uo;L.moduleName=Gn;L.folderName=Fn;L.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 ga="button",Xn=ga;import{Fragment as Ls,jsx as ho,jsxs as qn}from"react/jsx-runtime";var xo="k-button",ks=["icon-button"],vs=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],gs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},La={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:c=La.showArrow,arrowIconName:u=La.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:S,icon:E,text:M,iconClassName:B,className:X,...te}=e,ie=E!==void 0,se=e.children!==void 0;return qn(t,{className:i(X,xo,Dn(xo,f),y(xo,{size:o,rounded:a,fillMode:n,themeColor:s}),C(xo,{hover:h,focus:N,active:x,disabled:g||S,selected:p}),{"k-icon-button":!M&&!se&&ie}),...te,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:g||void 0,children:[E&&ho(L,{className:i(B,"k-button-icon"),icon:E}),M?qn(Ls,{children:[M&&ho("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ho("span",{className:"k-button-text",children:e.children}),c&&ho("span",{className:"k-menu-button-arrow k-button-arrow",children:ho(L,{icon:u})})]})};l.states=vs;l.options=gs;l.variants=ks;l.className=xo;l.defaultOptions=La;l.moduleName=ga;l.folderName=Xn;l.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 Ms}from"react/jsx-runtime";var ot=e=>Ms(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ss}from"react/jsx-runtime";var No=e=>Ss(l,{icon:"folder",children:"Button",...e});import{jsx as Is}from"react/jsx-runtime";var ht=e=>Is(l,{children:"Button",...e});import{jsx as Ma}from"react/jsx-runtime";var Cs=l.options,ys=l.states,Ts={...l.defaultOptions,variant:"text"},Es=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],As=[],At=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ma(ot,{...o,icon:"star"});case"icon-and-text":return Ma(No,{...o,icon:"star",children:"Button"});default:return Ma(ht,{...o,children:"Button"})}};At.options=Cs;At.states=ys;At.variants=Es;At.defaultOptions=Ts;At.modifiers=As;At.className=l.className;var Sa="button",Jn=Sa;import{jsx as Ps}from"react/jsx-runtime";var ko="k-button-group",Os=[r.disabled],ws={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Bs={},I=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Ps("div",{role:"group",...n,className:i(e.className,ko,y(ko,{fillMode:t}),C(ko,{disabled:o}),{[`${ko}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};I.states=Os;I.options=ws;I.className=ko;I.defaultOptions=Bs;I.moduleName=Sa;I.folderName=Jn;I.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 Ib,jsx as Sb,jsxs as Cb}from"react/jsx-runtime";import{Fragment as wb,jsx as Ob,jsxs as Bb}from"react/jsx-runtime";import{Fragment as Hb,jsx as Db,jsxs as zb}from"react/jsx-runtime";import{Fragment as Xb,jsx as $b,jsxs as qb}from"react/jsx-runtime";import{Fragment as jb,jsx as Zb,jsxs as ef}from"react/jsx-runtime";import{Fragment as sf,jsx as rf,jsxs as lf}from"react/jsx-runtime";import{jsx as Xe,jsxs as Ia}from"react/jsx-runtime";var Rs={...l.options,...I.options},Ks=l.states,_s={...l.defaultOptions,...I.defaultOptions,variant:"text-button"},Ds=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hs=[],Ot=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ia(I,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,icon:"star"}),Xe(l,{...a,icon:"star"}),Xe(l,{...a,icon:"star"})]}):t==="icon-text-button"?Ia(I,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,icon:"star",children:"First"}),Xe(l,{...a,icon:"star",children:"Middle"}),Xe(l,{...a,icon:"star",children:"Last"})]}):Ia(I,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,children:"First"}),Xe(l,{...a,children:"Middle"}),Xe(l,{...a,children:"Last"})]})};Ot.options=Rs;Ot.states=Ks;Ot.variants=Ds;Ot.defaultOptions=_s;Ot.modifiers=Hs;Ot.className=I.className;var vo="input",Go=vo;import{jsx as Fs}from"react/jsx-runtime";var Fo="k-input",zs=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Us={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Gs={},q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Fs("span",{...x,className:i(e.className,Fo,y(Fo,{size:f,rounded:h,fillMode:N}),C(Fo,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u}))})};q.states=zs;q.options=Us;q.className=Fo;q.defaultOptions=Gs;q.moduleName=vo;q.folderName=Go;import{jsx as qs}from"react/jsx-runtime";var Vo="k-picker",Vs=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$s={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Xs={},He=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return qs("span",{...x,className:i(e.className,Vo,y(Vo,{size:f,rounded:h,fillMode:N}),C(Vo,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u})),children:e.children})};He.states=Vs;He.options=$s;He.className=Vo;He.defaultOptions=Xs;He.moduleName=vo;He.folderName=Go;import{Fragment as Ys,jsx as Ca}from"react/jsx-runtime";var Wn="k-clear-value",Js=[r.disabled,r.loading,r.readonly],Ws={},xe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?Ca(Ys,{}):Ca("span",{className:i(e.className,Wn),children:Ca(L,{icon:"x"})})};xe.states=Js;xe.options=Ws;xe.className=Wn;import{jsx as js}from"react/jsx-runtime";var ya="k-input-inner",Qs=[],Zs={},$o={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=$o.value,type:o=$o.type,placeholder:a=$o.placeholder,autocomplete:n=$o.autocomplete,disabled:s,readOnly:c,...u}=e;return js("input",{...u,type:o,className:i(e.className,ya,y(ya,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};Ne.states=Qs;Ne.options=Zs;Ne.className=ya;import{jsx as Yn,jsxs as ol}from"react/jsx-runtime";var Ta="k-input-inner",el=[],tl={},xt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...c}=e;return ol("span",{...c,className:i(e.className,Ta,y(Ta,e)),children:[n,!n&&s&&Yn(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Yn("span",{className:"k-input-value-text",children:t})]})};xt.states=el;xt.options=tl;xt.className=Ta;import{jsx as rl}from"react/jsx-runtime";var Ea="k-input-inner",al=[],nl={},Qn={value:"",placeholder:""},Aa=e=>{let{value:t=Qn.value,placeholder:o=Qn.placeholder,rows:a,disabled:n,...s}=e;return rl("textarea",{...s,className:i(e.className,Ea,y(Ea,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Aa.states=al;Aa.options=nl;Aa.className=Ea;import{Fragment as sl,jsx as Zn}from"react/jsx-runtime";var jn="k-input-loading-icon",il=[r.disabled,r.loading],be=e=>{let{disabled:t,loading:o}=e;return t||!o?Zn(sl,{}):Zn("span",{className:i(e.className,jn,"k-icon k-i-loading")})};be.states=il;be.className=jn;import{Fragment as cl,jsx as er}from"react/jsx-runtime";var tr="k-input-validation-icon",ll=[r.valid,r.invalid,r.disabled,r.loading],dl={},le=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?er(cl,{}):er(L,{className:i(tr),icon:s})};le.states=ll;le.options=dl;le.className=tr;import{Fragment as ml,jsx as or}from"react/jsx-runtime";var pl="k-input-prefix",ul={direction:"horizontal"},Se=e=>{let{direction:t=ul.direction,...o}=e;return e.children?or("span",{...o,className:i(pl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):or(ml,{})};import{Fragment as hl,jsx as ar}from"react/jsx-runtime";var bl="k-input-suffix",fl={direction:"horizontal"},Ie=e=>{let{direction:t=fl.direction,...o}=e;return e.children?ar("span",{...o,className:i(bl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ar(hl,{})};import{jsx as lh}from"react/jsx-runtime";import{jsx as Nl}from"react/jsx-runtime";var xl="k-input-suffix-text",Oa=e=>{let{children:t,...o}=e;return Nl("span",{...o,className:i(xl,e.className),children:t})};import{jsx as vl}from"react/jsx-runtime";var nr="k-input-separator",kl={direction:"vertical"},Ce=e=>{let{direction:t=kl.direction,...o}=e;return vl("span",{...o,className:i(nr,e.className,{[`${nr}-${t}`]:t})})};import{Fragment as rr,jsx as ze,jsxs as wa}from"react/jsx-runtime";var gl=q.states,Ll=q.defaultOptions,Ml=q.options,Sl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Il=[],wt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return wa(q,{...u,valid:o,invalid:a,loading:n,disabled:s,readonly:c,style:{width:300},children:[f&&wa(rr,{children:[ze(Se,{children:ze(L,{icon:"lock"})}),p&&ze(Ce,{})]}),ze(Ne,{placeholder:"Placeholder",value:"Value"}),x&&ze(le,{valid:o,invalid:a,loading:n,disabled:s}),ze(be,{loading:n,disabled:s}),N&&ze(xe,{loading:n,disabled:s,readonly:c,value:"Value"}),h&&wa(rr,{children:[p&&ze(Ce,{}),ze(Ie,{children:ze(ht,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};wt.options=Ml;wt.states=gl;wt.variants=Il;wt.defaultOptions=Ll;wt.modifiers=Sl;wt.className=q.className;import{jsx as ir,jsxs as Tl}from"react/jsx-runtime";var sr="k-color-preview",Cl=[],yl={},at=e=>{let{color:t,iconName:o,...a}=e;return Tl("span",{...a,className:i(e.className,sr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ir(L,{icon:o,className:"k-color-preview-icon"}),ir("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};at.states=Cl;at.options=yl;at.className=sr;var Ba="popup",lr=Ba;import{jsx as dr}from"react/jsx-runtime";var cr="k-animation-container",El=[],Al={},pr={positionMode:"absolute"},Ue=e=>{let{positionMode:t=pr.positionMode,animationStyle:o,offset:a,...n}=e;return dr("div",{...n,style:{...a,...e.style},className:i(e.className,cr,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:dr("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ue.states=El;Ue.options=Al;Ue.className=cr;Ue.defaultOptions=pr;Ue.moduleName=Ba;Ue.folderName=lr;var Pa="popup",ur=Pa;import{jsx as mr}from"react/jsx-runtime";var br="k-popup",Ol=[],wl={},fr={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=fr.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:c,...u}=e;return mr(Ue,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":c,children:mr("div",{...u,className:i(e.className,br),children:e.children})})};G.states=Ol;G.options=wl;G.className=br;G.defaultOptions=fr;G.moduleName=Pa;G.folderName=ur;G.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 Ra="action-buttons",hr=Ra;import{jsx as Rl}from"react/jsx-runtime";var Xo="k-actions",Bl=[],Pl={},Ka={alignment:"start",orientation:"horizontal"},Ge=e=>{let{alignment:t=Ka.alignment,orientation:o=Ka.orientation,...a}=e;return Rl("div",{...a,className:i(Xo,{[`${Xo}-${t}`]:t,[`${Xo}-${o}`]:o},e.className),children:e.children})};Ge.states=Bl;Ge.options=Pl;Ge.className=Xo;Ge.defaultOptions=Ka;Ge.moduleName=Ra;Ge.folderName=hr;import{jsx as _l}from"react/jsx-runtime";var Kl="k-actionsheet-footer",xr={alignment:"stretched",orientation:"horizontal"},nt=e=>{let{alignment:t=xr.alignment,orientation:o=xr.orientation,template:a,as:n=a?"div":Ge,...s}=e;return _l(n,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Kl),children:e.children})};var _a="searchbox",Nr=_a;import{jsx as go,jsxs as zl}from"react/jsx-runtime";var kr="k-searchbox",Dl=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Hl={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Da={showIcon:!0,icon:"search"},ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=Da.showIcon,icon:k=Da.icon,"aria-label":S,...E}=e;return zl(q,{...E,size:a,rounded:n,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,kr),children:[g&&go(L,{className:"k-input-icon",icon:k}),go(Ne,{placeholder:o,value:t,"aria-label":S}),go(be,{...e}),go(le,{...e}),go(xe,{...e})]})};ye.states=Dl;ye.options=Hl;ye.className=kr;ye.defaultOptions=Da;ye.moduleName=_a;ye.folderName=Nr;import{jsx as Bx}from"react/jsx-runtime";var Ha="textbox",vr=Ha;import{Fragment as gr,jsx as rt,jsxs as za}from"react/jsx-runtime";var Lr="k-textbox",Ul=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Gl={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},qo={showClearButton:!0,showValidationIcon:!0,separators:!0},j=e=>{let{size:t,rounded:o,fillMode:a,separators:n=qo.separators,showClearButton:s=qo.showClearButton,showValidationIcon:c=qo.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:S,required:E,loading:M,disabled:B,readonly:X,id:te,"aria-label":ie,"aria-describedby":se,...he}=e;return za(q,{...he,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:S,required:E,loading:M,disabled:B,readonly:X,className:i(e.className,Lr),children:[u&&za(gr,{children:[rt(Se,{children:u}),n&&rt(Ce,{})]}),rt(Ne,{id:te,placeholder:x,value:N,type:h,disabled:B,"aria-label":ie,"aria-describedby":se,"aria-invalid":S?"true":void 0}),c&&rt(le,{valid:k,invalid:S,loading:M,disabled:B}),rt(be,{loading:M,disabled:B}),s&&rt(xe,{loading:M,disabled:B,readonly:X,value:N}),f&&za(gr,{children:[n&&rt(Ce,{}),rt(Ie,{children:f})]})]})};j.states=Ul;j.options=Gl;j.className=Lr;j.defaultOptions=qo;j.moduleName=Ha;j.folderName=vr;j.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 Lo=j;import{jsx as Fl}from"react/jsx-runtime";var Mr=e=>Fl(Lo,{...e});import{Fragment as Qx,jsx as Yx}from"react/jsx-runtime";import{Fragment as aN,jsx as oN}from"react/jsx-runtime";import{jsx as sN}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";var Vl=j.states,$l=j.defaultOptions,Xl=j.options,ql=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Jl=[],Bt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ua(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ua(ht,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ua(Mr,{value:"Value",style:{width:300},...o,...a})};Bt.options=Xl;Bt.states=Vl;Bt.variants=Jl;Bt.defaultOptions=$l;Bt.modifiers=ql;Bt.className=j.className;import{jsx as it,jsxs as Ga}from"react/jsx-runtime";var Sr="k-actionsheet-titlebar",Wl={},de=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return Ga("div",{...p,className:i(e.className,Sr),children:[Ga("div",{className:"k-actionsheet-titlebar-group",children:[a&&it("div",{className:"k-actionsheet-actions",children:a}),!x&&Ga("div",{className:"k-actionsheet-title",id:N,children:[t&&it("div",{className:"k-text-center",children:t}),o&&it("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&it("div",{className:"k-actionsheet-title",id:N,children:x}),n&&it("div",{className:"k-actionsheet-actions",children:n})]}),(c||s)&&it("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?it(j,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):it(ye,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};de.className=Sr;de.defaultOptions=Wl;import{jsx as Fa,jsxs as jl}from"react/jsx-runtime";var Va="k-actionsheet-view",Yl=[],Ql={},Zl={},Pt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:c,...u}=e,f=n?.type===de&&Fa(de,{adaptive:t,titleId:c,...n?.props}),h=s?.type===nt&&Fa(nt,{...s?.props});return jl("div",{...u,className:i(e.className,Va,{[`${Va}-animated`]:o}),children:[f,Fa("div",{className:"k-actionsheet-content",children:a}),h]})};Pt.states=Yl;Pt.options=Ql;Pt.className=Va;Pt.defaultOptions=Zl;var Mo="action-sheet",Jo=Mo;var $a="overlay",Ir=$a;import{jsx as ad}from"react/jsx-runtime";var Cr="k-overlay",ed=[],td={},od={},st=e=>{let{...t}=e;return ad("div",{...t,className:i(e.className,Cr),children:e.children})};st.states=ed;st.options=td;st.className=Cr;st.defaultOptions=od;st.moduleName=$a;st.folderName=Ir;import{jsx as Wo,jsxs as id}from"react/jsx-runtime";var yr="k-actionsheet",nd=[],rd={},So={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},V=e=>{let{side:t=So.side,fullscreen:o=So.fullscreen,adaptive:a=So.adaptive,overlay:n=So.overlay,template:s,children:c,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return id("div",{className:"k-actionsheet-container",children:[n&&Wo(st,{}),Wo(Ue,{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:Wo("div",{...N,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:i(e.className,yr,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Wo(Pt,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};V.states=nd;V.options=rd;V.className=yr;V.defaultOptions=So;V.moduleName=Mo;V.folderName=Jo;V.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 cd}from"react/jsx-runtime";var Tr="k-actionsheet-container",sd=[],ld={},dd={},Rt=e=>{let{children:t,...o}=e;return cd("div",{...o,className:Tr,children:t})};Rt.states=sd;Rt.options=ld;Rt.className=Tr;Rt.defaultOptions=dd;Rt.moduleName=Mo;Rt.folderName=Jo;import{jsx as pd}from"react/jsx-runtime";var Xa=e=>{let{...t}=e;return pd("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as md,jsx as Io,jsxs as qa}from"react/jsx-runtime";var Ja="k-actionsheet-item",ud=[r.hover,r.focus,r.selected,r.disabled],lt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:c,disabled:u,...f}=e;return qa("span",{...f,className:i(e.className,Ja,C(Ja,{hover:n,focus:s,selected:c,disabled:u})),children:[!e.children&&Io(md,{children:qa("span",{className:"k-actionsheet-action",children:[t&&Io("span",{className:"k-icon-wrap",children:Io(L,{className:"k-actionsheet-item-icon",icon:t})}),qa("span",{className:"k-actionsheet-item-text",children:[o&&Io("span",{className:"k-actionsheet-item-title",children:o}),a&&Io("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lt.states=ud;lt.className=Ja;import{jsx as ik,jsxs as sk}from"react/jsx-runtime";import{jsx as pk}from"react/jsx-runtime";import{jsx as fk}from"react/jsx-runtime";import{jsx as kk}from"react/jsx-runtime";import{jsx as ee,jsxs as Wa}from"react/jsx-runtime";var bd=V.options,fd=V.states,Ar={...V.defaultOptions,variant:"normal"},hd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],xd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Kt=e=>{let{variant:t,modifiers:o,...a}={...Ar,...e},n={},s=Wa(Xa,{children:[ee(lt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ee(lt,{text:"Add to Favorites",iconName:"heart"}),ee(lt,{text:"Upload New",iconName:"upload",disabled:!0}),ee("hr",{className:"k-hr"}),ee(lt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?c:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ee(V,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ee(de,{actionsStart:n.actionsStart?ee(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?Wa(nt,{alignment:"stretched",children:[ee(l,{text:"Cancel",size:"large",themeColor:"base"}),ee(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ee(V,{...a,fullscreen:n.fullScreen,header:ee(de,{actionsStart:n.actionsStart?ee(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Wa(nt,{alignment:"stretched",children:[ee(l,{text:"Apply",themeColor:"primary"}),ee(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Kt.options=bd;Kt.states=fd;Kt.variants=hd;Kt.defaultOptions=Ar;Kt.modifiers=xd;Kt.className=V.className;var Ya="slider",Or=Ya;import{jsx as _t,jsxs as Qa}from"react/jsx-runtime";var Co="k-slider",Nd=[r.hover,r.focus,r.active,r.disabled,r.readonly],kd={},Te={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},U=e=>{let{type:t=Te.type,orientation:o=Te.orientation,gradientType:a=Te.gradientType,readonly:n=Te.readonly,disabled:s=Te.disabled,handlePosition:c=Te.handlePosition,showButtons:u=Te.showButtons,showTicks:f=Te.showTicks,value:h=Te.value,min:N=Te.min,max:x=Te.max,startValue:p,endValue:g,hover:k,focus:S,active:E,trackStyle:M,dir:B,...X}=e,ie=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),se,he;return o==="horizontal"?(se=B==="rtl"?"chevron-left":"chevron-right",he=B==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(se="chevron-up",he="chevron-down"),Qa("div",{...X,className:i(Co,e.className,C(Co,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:B,children:[u&&_t(l,{className:"k-button-decrease",rounded:"full",icon:he,tabIndex:-1,title:"Decrease"}),Qa("div",{className:"k-slider-track-wrap",children:[f&&_t("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Qa("div",{className:"k-slider-track",style:M,children:[_t("div",{className:"k-slider-selection"}),t==="range"&&_t("span",{className:i("k-draghandle","k-draghandle-start",C(Co,{hover:k,focus:S,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":g??x,"aria-orientation":ie,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),_t("span",{className:i("k-draghandle",`k-draghandle-${c}`,C(Co,{hover:k,focus:S,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":ie,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),u&&_t(l,{className:"k-button-increase",rounded:"full",icon:se,tabIndex:-1,title:"Increase"})]})};U.states=Nd;U.options=kd;U.className=Co;U.defaultOptions=Te;U.moduleName=Ya;U.folderName=Or;U.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 wr}from"react/jsx-runtime";var Br="k-tick",vd=[],gd={},Pr={label:!1},T=e=>{let{style:t,label:o=Pr.label,orientation:a,large:n,text:s,...c}=e;return wr("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,Br,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&wr("span",{className:"k-label",children:s})})};T.states=vd;T.options=gd;T.className=Br;T.defaultOptions=Pr;import{Fragment as Ld,jsx as Ee,jsxs as Md}from"react/jsx-runtime";var Rr=e=>Ee(U,{"aria-label":e["aria-label"]||"Slider",children:Md(Ld,{children:[Ee(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{label:!0,large:!0,text:"5"}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Sd,jsx as Ae,jsxs as Id}from"react/jsx-runtime";var Kr=e=>Ae(U,{children:Id(Sd,{children:[Ae(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{label:!0,large:!0,text:"5"}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as sv,jsx as iv,jsxs as lv}from"react/jsx-runtime";import{Fragment as mv,jsx as uv,jsxs as bv}from"react/jsx-runtime";import{jsx as Cd}from"react/jsx-runtime";var Za=e=>Cd(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as yd}from"react/jsx-runtime";var ja=e=>yd(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Iv,jsx as Sv,jsxs as Cv}from"react/jsx-runtime";import{Fragment as Ov,jsx as Av,jsxs as wv}from"react/jsx-runtime";import{jsx as Fe,jsxs as _r}from"react/jsx-runtime";var Td=U.options,Ed=U.states,Dr={...U.defaultOptions,variant:"horizontal",label:!0},Ad=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Od=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Dt=e=>{let{variant:t,modifiers:o,...a}={...Dr,...e},n={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!o?.[h];break}case"label":{n.label=!!o?.[h];break}case"tick":{n.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=n,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?_r(Kr,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[Fe(T,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):_r(Rr,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[Fe(T,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Dt.options=Td;Dt.states=Ed;Dt.variants=Ad;Dt.defaultOptions=Dr;Dt.modifiers=Od;Dt.className=U.className;import{jsx as Hr,jsxs as Kd}from"react/jsx-runtime";var zr="k-spin-button",Pd=[],Rd={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},en={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=en.increaseLabel,decreaseLabel:s=en.decreaseLabel,...c}=e;return Kd("span",{...c,className:i(zr,e.className),children:[Hr(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Hr(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Pd;dt.options=Rd;dt.className=zr;dt.defaultOptions=en;dt.moduleName=null;dt.folderName=null;var Ur="numeric-textbox",Gr="numerictextbox";import{Fragment as Fr,jsx as qe,jsxs as tn}from"react/jsx-runtime";var Vr="k-numerictextbox",_d=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Dd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Yo={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Yo.separators,showClearButton:s=Yo.showClearButton,showSpinButton:c=Yo.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,id:X,"aria-label":te,"aria-describedby":ie,...se}=e;return tn(q,{...se,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,className:i(e.className,Vr),children:[u&&tn(Fr,{children:[qe(Se,{children:u}),n&&qe(Ce,{})]}),qe(Ne,{id:X,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":te,"aria-describedby":ie,"aria-invalid":k?"true":void 0}),qe(le,{valid:g,invalid:k,loading:E,disabled:M}),qe(be,{loading:E,disabled:M}),s&&qe(xe,{loading:E,disabled:M,readonly:B,value:h}),f&&tn(Fr,{children:[n&&qe(Ce,{}),qe(Ie,{children:f})]}),c&&qe(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=_d;_.options=Dd;_.className=Vr;_.defaultOptions=Yo;_.moduleName=Ur;_.folderName=Gr;_.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 yo=_;import{jsx as Hd}from"react/jsx-runtime";var $r=e=>Hd(yo,{...e});import an from"react";import{jsx as Xr}from"react/jsx-runtime";var zd="k-list-group-sticky-header",on=e=>Xr("div",{className:i(zd,e.className),children:Xr("div",{className:"k-list-header-text",children:e.children})});import{jsx as Gd}from"react/jsx-runtime";var Ud="k-no-data",Qo=e=>{let{live:t,...o}=e;return Gd("span",{...o,className:i(Ud,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Nt="list",Ht=Nt;import{jsx as qr,jsxs as Jr}from"react/jsx-runtime";var nn="k-list",Fd=[],Vd={size:[d.undefined,d.small,d.medium,d.large]},$d={},P=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,x=an.Children.toArray(a)[0],p=x?.props?.children?an.Children.count(x.props.children):an.Children.count(a);return Jr("div",{...h,className:i(e.className,nn,y(nn,{size:t}),{"k-virtual-list":o}),children:[s,c,n&&qr(on,{children:n}),a||(u!==void 0?u:qr(Qo,{live:!0,children:"No data found."})),f&&a&&Jr(Qo,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};P.states=Fd;P.options=Vd;P.className=nn;P.defaultOptions=$d;P.moduleName=Nt;P.folderName=Ht;P.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 Wd}from"react/jsx-runtime";var Wr="k-list-container",Xd=[],qd={},Jd={},zt=e=>{let{...t}=e;return Wd("div",{...t,className:i(e.className,Wr),children:e.children})};zt.states=Xd;zt.options=qd;zt.className=Wr;zt.defaultOptions=Jd;zt.moduleName=Nt;zt.folderName=Ht;var kt="checkbox",Ut=kt;import{jsx as Yr}from"react/jsx-runtime";var Zo="k-checkbox",Yd=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Qd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Zd={},Oe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:c,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return Yr("span",{className:"k-checkbox-wrap",role:p,children:Yr("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,Zo,y(Zo,{size:N,rounded:x}),C(Zo,{hover:n,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Oe.states=Yd;Oe.options=Qd;Oe.className=Zo;Oe.defaultOptions=Zd;Oe.moduleName=kt;Oe.folderName=Ut;Oe.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 _e=Oe;import{jsx as tc}from"react/jsx-runtime";var Qr="k-checkbox-list",jd=[],ec={},Zr={layout:"vertical"},ce=e=>{let{layout:t=Zr.layout,...o}=e;return tc("ul",{...o,className:i(e.className,Qr,{[`k-list-${t}`]:t}),children:e.children})};ce.states=jd;ce.options=ec;ce.className=Qr;ce.defaultOptions=Zr;ce.moduleName=kt;ce.folderName=Ut;import{jsx as rc}from"react/jsx-runtime";var jr="k-checkbox-list-item",oc=[],ac={},nc={},pe=e=>{let{...t}=e;return rc("li",{...t,className:i(e.className,jr),children:e.children})};pe.states=oc;pe.options=ac;pe.className=jr;pe.defaultOptions=nc;pe.moduleName=kt;pe.folderName=Ut;import{Fragment as ic,jsx as ei,jsxs as sc}from"react/jsx-runtime";var Je=({children:e="Label",id:t="cb-label-after",...o})=>sc(ic,{children:[ei(_e,{id:t,...o}),ei("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as oL,jsx as tL,jsxs as aL}from"react/jsx-runtime";import{Fragment as lL,jsx as sL,jsxs as dL}from"react/jsx-runtime";import{Fragment as bL,jsx as mL,jsxs as fL}from"react/jsx-runtime";import{jsx as kL}from"react/jsx-runtime";import{jsx as ML}from"react/jsx-runtime";import{jsx as yL}from"react/jsx-runtime";import{jsx as we,jsxs as ti}from"react/jsx-runtime";var lc=ce.options,dc=ce.states,cc={...ce.defaultOptions,variant:"vertical"},pc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],uc=[],Gt=e=>{let{variant:t,...o}=e;return t==="horizontal"?ti(ce,{layout:"horizontal",...o,children:[we(pe,{children:we(Je,{id:K("cb"),defaultChecked:!0,children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})})]}):ti(ce,{...o,children:[we(pe,{children:we(Je,{id:K("cb"),defaultChecked:!0,children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})})]})};Gt.options=lc;Gt.states=dc;Gt.variants=pc;Gt.defaultOptions=cc;Gt.modifiers=uc;Gt.className=ce.className;import{jsx as Nc}from"react/jsx-runtime";var mc=_e.options,bc=_e.states,fc=_e.defaultOptions,hc=[],xc=[],Ft=e=>Nc(Je,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Ft.options=mc;Ft.states=bc;Ft.variants=hc;Ft.defaultOptions=fc;Ft.modifiers=xc;Ft.className=_e.className;import{jsx as vt,jsxs as Lc}from"react/jsx-runtime";var rn="k-list-item",kc=[r.hover,r.focus,r.selected,r.disabled],vc={},gc={},A=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...S}=e,E=t||e.children;return Lc("li",{...S,id:k,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:i(e.className,a?"k-list-group-item":rn,C(rn,{hover:f,focus:h,disabled:x,selected:N})),children:[c&&vt(Oe,{checked:u}),n&&vt("span",{className:"k-list-item-icon-wrapper",children:vt(L,{icon:n,className:i("k-list-item-icon",s)})}),vt("span",{className:"k-list-item-text",children:E}),p&&vt("div",{className:"k-list-item-actions",children:p}),g&&vt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&vt("div",{className:"k-list-item-group-label",children:o})]})};A.states=kc;A.options=vc;A.className=rn;A.defaultOptions=gc;A.moduleName=Nt;A.folderName=Ht;A.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 Sc}from"react/jsx-runtime";var Mc="k-list-ul",We=e=>{let{children:t,role:o,id:a,...n}=e;return Sc("ul",{...n,id:a,role:o,className:i(Mc,e.className),children:t})};We.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as sn,jsxs as Cc}from"react/jsx-runtime";var Ic="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...c}=e;return Cc("div",{...c,className:i(Ic,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:sn(We,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&sn("div",{className:"k-height-container",children:sn("div",{})})]})};D.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 xM,jsx as hM,jsxs as NM}from"react/jsx-runtime";import{jsx as ln,jsxs as Tc}from"react/jsx-runtime";var yc="k-list-group-item",gt=e=>{let{groupIconName:t,...o}=e;return Tc("li",{...o,role:"presentation",className:i(yc,e.className),children:[t&&ln("span",{className:"k-list-item-icon-wrapper",children:ln(L,{icon:t,className:"k-list-item-icon"})}),ln("span",{className:"k-list-item-text",children:e.children})]})};gt.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 wc}from"react/jsx-runtime";var dn="k-list-optionlabel",Ec=[r.hover,r.focus,r.selected,r.disabled],Ac={},Oc={},jo=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...c}=e;return wc("div",{...c,className:i(dn,C(dn,{hover:o,focus:a,selected:n,disabled:s})),children:t})};jo.states=Ec;jo.options=Ac;jo.className=dn;jo.defaultOptions=Oc;import{jsx as Kc}from"react/jsx-runtime";var cn="k-list-custom-value",Bc=[r.hover,r.focus,r.selected,r.disabled],Pc={},Rc={},ct=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...c}=e;return Kc("div",{...c,className:i(cn,C(cn,{hover:o,focus:a,selected:n,disabled:s})),children:t})};ct.states=Bc;ct.options=Pc;ct.className=cn;ct.defaultOptions=Rc;import{Fragment as PM,jsx as BM,jsxs as RM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as GM}from"react/jsx-runtime";import{Fragment as WM,jsx as qM,jsxs as JM}from"react/jsx-runtime";import{Fragment as oS,jsx as eS,jsxs as tS}from"react/jsx-runtime";import{jsx as iS}from"react/jsx-runtime";import{Fragment as uS,jsx as pS,jsxs as mS}from"react/jsx-runtime";var oi="dropdown-list",ai="dropdownlist";import{Fragment as Hc,jsx as ue,jsxs as pn}from"react/jsx-runtime";var ni="k-dropdownlist",_c=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Dc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},un={showValue:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=un.arrowIconName,showValue:s=un.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,popup:X,opened:te,adaptive:ie,adaptiveSettings:se,adaptiveTitle:he,adaptiveSubtitle:ft,adaptiveFilter:pa,id:tt,activeDescendant:Do,"aria-label":ua,...ma}=e,ns=tt?`${tt}-listbox`:void 0,_n=tt?`${tt}-value`:void 0;return pn(Hc,{children:[pn(He,{...ma,id:tt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,className:i(e.className,ni,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":te?"true":"false","aria-controls":te?ns:void 0,"aria-activedescendant":te&&Do?Do:void 0,"aria-describedby":te?_n:void 0,"aria-disabled":M?"true":void 0,"aria-label":ua,tabIndex:0,children:[ue(Se,{children:u}),ue(xt,{placeholder:N,value:h,showValue:s,valueIconName:c,id:_n}),ue(le,{valid:g,invalid:k,loading:E,disabled:M}),ue(be,{loading:E,disabled:M}),ue(Ie,{children:f}),ue(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),te&&X&&ue(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),ie&&ue(V,{adaptive:!0,...se,header:ue(de,{actionsEnd:ue(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:pa,inputValue:h,inputPlaceholder:N,title:he,subtitle:ft}),children:ue("div",{className:"k-list-container",children:ue(P,{size:"large",children:pn(D,{"aria-label":"Options",children:[ue(A,{text:"List item"}),ue(A,{text:"List item"}),ue(A,{text:"List item"})]})})})})]})};W.states=_c;W.options=Dc;W.className=ni;W.defaultOptions=un;W.moduleName=oi;W.folderName=ai;W.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 XS}from"react/jsx-runtime";import{jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{Fragment as lI,jsx as iI,jsxs as sI}from"react/jsx-runtime";import{jsx as mI}from"react/jsx-runtime";import{jsx as kI,jsxs as vI}from"react/jsx-runtime";import{Fragment as EI,jsx as yI,jsxs as TI}from"react/jsx-runtime";import{jsx as PI}from"react/jsx-runtime";import{Fragment as $c,jsx as pt,jsxs as ri}from"react/jsx-runtime";var zc=W.states,Uc=W.defaultOptions,Gc=W.options,Fc=[{name:"opened",title:"Opened"}],Vc=[],$t=e=>{let{modifiers:t,...o}=e,a={},n=ri($c,{children:[pt("div",{className:"k-list-filter",children:pt(ye,{})}),pt(P,{style:{width:300},size:o.size,children:ri(D,{children:[pt(A,{children:"List item"}),pt(A,{children:"List item"}),pt(A,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),pt("div",{children:pt(W,{placeholder:"Value",style:{width:300},...o,...a})})};$t.options=Gc;$t.states=zc;$t.variants=Vc;$t.defaultOptions=Uc;$t.modifiers=Fc;$t.className=W.className;import{Fragment as oC,jsx as tC}from"react/jsx-runtime";import{Fragment as lC,jsx as sC}from"react/jsx-runtime";import{jsx as uC}from"react/jsx-runtime";import{jsx as mn}from"react/jsx-runtime";var Xc=_.states,qc=_.defaultOptions,Jc=_.options,Wc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Yc=[],Xt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?mn(W,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?mn(Oa,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),mn($r,{value:"Value",style:{width:300},...o,...a})};Xt.options=Jc;Xt.states=Xc;Xt.variants=Yc;Xt.defaultOptions=qc;Xt.modifiers=Wc;Xt.className=_.className;import{Fragment as To,jsx as O,jsxs as J}from"react/jsx-runtime";var ii="k-colorgradient-inputs",Qc=[],Zc={size:[d.undefined,d.small,d.medium,d.large]},si={mode:"rgba"},qt=e=>{let{mode:t=si.mode,size:o,...a}=e;return J("div",{...a,className:i(ii,"k-hstack"),children:[O("div",{className:"k-vstack",children:O(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&O(To,{children:J("div",{className:"k-vstack k-flex-1",children:[O(j,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),O("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};qt.states=Qc;qt.options=Zc;qt.className=ii;qt.defaultOptions=si;import{jsx as Lt,jsxs as Mt}from"react/jsx-runtime";var li="k-colorgradient-color-contrast",jc=[],ep={},tp={},Jt=()=>Mt("div",{className:i(li,"k-vbox"),children:[Mt("div",{className:"k-contrast-ratio",children:[Lt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Mt("span",{className:"k-contrast-validation !k-text-success",children:[Lt(L,{icon:"check"}),Lt(L,{icon:"check"})]})]}),Mt("div",{children:[Lt("span",{children:"AA: 4.5"}),Mt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Lt(L,{icon:"check"})]})]}),Mt("div",{children:[Lt("span",{children:"AAA: 7.0"}),Mt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Lt(L,{icon:"x"})]})]})]});Jt.states=jc;Jt.options=ep;Jt.className=li;Jt.defaultOptions=tp;var di="color-gradient",ci="colorgradient";import{jsx as Be,jsxs as Eo}from"react/jsx-runtime";var ea="k-colorgradient",op=[r.hover,r.focus,r.readonly,r.disabled],ap={size:[d.undefined,d.small,d.medium,d.large]},Ve={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"},Q=e=>{let{size:t,mode:o=Ve.mode,readonly:a=Ve.readonly,disabled:n=Ve.disabled,gradientStyle:s=Ve.gradientStyle,dragHandleStyle:c=Ve.dragHandleStyle,alphaStyle:u=Ve.alphaStyle,alphaStyleHorizontal:f=Ve.alphaStyleHorizontal,contrast:h=Ve.contrast,dir:N,hover:x,focus:p,hoverHandle:g,focusHandle:k,canvasOrientation:S=Ve.canvasOrientation,role:E,tabIndex:M,...B}=e;return Eo("div",{...B,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:i(e.className,ea,y(ea,{size:t}),C(ea,{hover:x,focus:p,readonly:a,disabled:n})),dir:N,children:[!S||S==="horizontal"&&Eo("div",{className:"k-colorgradient-canvas k-hstack",children:[Be("div",{className:"k-hsv-rectangle",style:s,children:Be("div",{className:"k-hsv-gradient",children:Be("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,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})})}),Eo("div",{className:"k-hsv-controls k-hstack",children:[Be(ja,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Be(ja,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:u})]})]}),S==="vertical"&&Eo("div",{className:"k-colorgradient-canvas k-vstack",children:[Be("div",{className:"k-hsv-rectangle",style:s,children:Be("div",{className:"k-hsv-gradient",children:Be("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,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})})}),Eo("div",{className:"k-hsv-controls k-vstack",children:[Be(Za,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Be(Za,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),Be(qt,{mode:e.mode,size:t}),h&&Be(Jt,{})]})};Q.states=op;Q.options=ap;Q.className=ea;Q.defaultOptions=Ve;Q.moduleName=di;Q.folderName=ci;Q.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 np}from"react/jsx-runtime";var ta=e=>np(Q,{...e});import{jsx as QC}from"react/jsx-runtime";import{jsx as ty}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var rp=Q.options,ip=Q.states,sp={...Q.defaultOptions,variant:"rgba"},lp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],dp=[],Wt=e=>{let{variant:t,...o}=e;switch(t){case"hex":return bn(ta,{...o,mode:t});case"rgb":return bn(ta,{...o,mode:t});default:return bn(ta,{...o,mode:t})}};Wt.options=rp;Wt.states=ip;Wt.variants=lp;Wt.defaultOptions=sp;Wt.modifiers=dp;Wt.className=Q.className;import{jsx as cp}from"react/jsx-runtime";var fn=e=>cp("tr",{role:"row",children:e.children});import{jsx as mp}from"react/jsx-runtime";var hn="k-colorpalette-tile",pp=[r.hover,r.focus,r.selected],up={},Yt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mp("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,hn,C(hn,{hover:a,focus:n,selected:s})),style:u})};Yt.states=pp;Yt.options=up;Yt.className=hn;var pi="color-palette",ui="colorpalette";import{jsx as Ao}from"react/jsx-runtime";var oa="k-colorpalette",bp=[r.disabled],fp={size:[d.undefined,d.small,d.medium,d.large]},mi={columns:10},me=e=>{let{size:t,palette:o,columns:a=mi.columns,tileSize:n,disabled:s,...c}=e,u=[];if(o){let f=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(x*f,(x+1)*f).map((k,S)=>{p.push(Ao(Yt,{color:k,tileSize:n},S))});let g=Ao(fn,{children:p},x);u.push(g)})}return Ao("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,oa,C(oa,{disabled:s}),y(oa,{size:t})),children:Ao("table",{className:"k-colorpalette-table",role:"none",children:Ao("tbody",{children:u.length>0?u:e.children})})})};me.states=bp;me.options=fp;me.className=oa;me.defaultOptions=mi;me.moduleName=pi;me.folderName=ui;me.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 aa=me;var Oo={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 hp}from"react/jsx-runtime";var bi=e=>hp(aa,{palette:Oo.basic,...e});import{jsx as Ky}from"react/jsx-runtime";import{jsx as Gy,jsxs as Fy}from"react/jsx-runtime";import{jsx as Mp}from"react/jsx-runtime";var xp=me.options,Np=me.states,kp={...me.defaultOptions,variant:"basic"},vp=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],gp={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}},Lp=[],Qt=e=>{let{variant:t="basic",...o}=e,a=gp[t];return Mp(bi,{columns:a.columns,palette:a,...o})};Qt.options=xp;Qt.states=Np;Qt.variants=vp;Qt.defaultOptions=kp;Qt.modifiers=Lp;Qt.className=me.className;var fi="color-editor",hi="coloreditor";import{jsx as Pe,jsxs as Zt}from"react/jsx-runtime";var na="k-coloreditor",Sp=[r.focus],Ip={size:[d.undefined,d.small,d.medium,d.large]},wo={view:"gradient",palette:Oo.office,actionButtons:!0,canvasOrientation:"horizontal"},$=e=>{let{size:t,view:o=wo.view,palette:a=wo.palette,color:n,currentColor:s,focus:c,focusView:u,dir:f,group:h,actionButtons:N=wo.actionButtons,canvasOrientation:x=wo.canvasOrientation,...p}=e;return Zt("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",na,y(na,{size:t}),C(na,{focus:c})),dir:f,children:[Zt("div",{className:"k-coloreditor-header k-hstack",children:[Pe("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Zt(I,{fillMode:"flat",children:[Pe(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Pe(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Pe("div",{className:"k-spacer"}),Zt("div",{className:"k-coloreditor-header-actions k-hstack",children:[Pe(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zt("div",{className:"k-coloreditor-preview k-vstack",children:[Pe(at,{className:"k-coloreditor-preview-color",color:n}),Pe(at,{className:"k-coloreditor-current-color",color:s})]})]})]}),Pe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Pe(Q,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Pe(me,{palette:a,size:t})}),N&&Zt(Ge,{className:"k-coloreditor-footer",alignment:"start",children:[Pe(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Pe(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};$.states=Sp;$.options=Ip;$.className=na;$.defaultOptions=wo;$.moduleName=fi;$.folderName=hi;$.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 jt=$;import{jsx as NT}from"react/jsx-runtime";import{jsx as LT}from"react/jsx-runtime";import{jsx as Cp}from"react/jsx-runtime";var xi=e=>Cp(jt,{group:!0,currentColor:"fuchsia",...e});import{jsx as yp}from"react/jsx-runtime";var Ni=e=>yp(jt,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ki}from"react/jsx-runtime";var Tp=$.options,Ep=$.states,Ap={...$.defaultOptions,variant:"gradient"},Op=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],wp=[],eo=e=>{let{variant:t,...o}=e;return t==="palette"?ki(Ni,{...o,color:"white"}):ki(xi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};eo.options=Tp;eo.states=Ep;eo.variants=Op;eo.defaultOptions=Ap;eo.modifiers=wp;eo.className=$.className;var vi="color-picker",gi="colorpicker";import{Fragment as Rp,jsx as Re,jsxs as xn}from"react/jsx-runtime";var Li="k-colorpicker",Bp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Pp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Mi={arrowIconName:"chevron-down"},ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Mi.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:S,popup:E,opened:M,adaptive:B,adaptiveSettings:X,adaptiveTitle:te,adaptiveSubtitle:ie,...se}=e,he="colorpicker-popup";return xn(Rp,{children:[xn(He,{...se,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||B?he:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:i(e.className,Li,"k-icon-picker"),children:[Re(Se,{children:s}),Re(xt,{placeholder:f,value:u,showValue:!1,valueIcon:Re(at,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Re(Ie,{children:c}),Re(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&E&&Re(G,{id:he,className:"k-colorpicker-popup",children:E}),B&&Re(V,{adaptive:!0,id:he,...X,header:Re(de,{actionsEnd:Re(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:ie}),footer:xn(nt,{children:[Re(l,{text:"Cancel",size:"large"}),Re(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Re($,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ke.states=Bp;ke.options=Pp;ke.className=Li;ke.defaultOptions=Mi;ke.moduleName=vi;ke.folderName=gi;ke.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 Ye=ke;import{jsx as Kp}from"react/jsx-runtime";var ra=e=>Kp(Ye,{...e});import{jsx as rE}from"react/jsx-runtime";import{jsx as cE}from"react/jsx-runtime";import{jsx as bE}from"react/jsx-runtime";import{jsx as NE}from"react/jsx-runtime";import{jsx as LE}from"react/jsx-runtime";import{jsx as CE}from"react/jsx-runtime";import{jsx as St}from"react/jsx-runtime";var _p=Ye.options,Dp=Ye.states,Si={...Ye.defaultOptions,variant:"color"},Hp=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],zp=[{name:"opened",title:"Opened"}],to=e=>{let{variant:t,modifiers:o,...a}={...Si,...e},n={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?St($,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return St("div",{style:s,children:St(ra,{...a,...n})});case"icon":return St("div",{style:s,children:St(ra,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return St("div",{style:s,children:St(ra,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};to.options=_p;to.states=Dp;to.variants=Hp;to.defaultOptions=Si;to.modifiers=zp;to.className=Ye.className;var Nn="combobox",Ii=Nn;import{Fragment as kn,jsx as Y,jsxs as Bo}from"react/jsx-runtime";var Ci="k-combobox",Up=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Gp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},yi={separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=yi.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,popup:E,opened:M,readonly:B,adaptive:X,adaptiveSettings:te,adaptiveTitle:ie,adaptiveSubtitle:se,adaptiveCustomValue:he,id:ft,autocomplete:pa,activeDescendant:tt,"aria-label":Do,...ua}=e,ma=ft?`${ft}-listbox`:void 0;return Bo(kn,{children:[Bo(q,{...ua,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,readonly:B,className:i(e.className,Ci),children:[s&&Bo(kn,{children:[Y(Se,{children:s}),n&&Y(Ce,{})]}),Y(Ne,{id:ft,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?ma:void 0,"aria-activedescendant":M&&tt?tt:void 0,"aria-autocomplete":pa,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Do,disabled:S,readOnly:B}),Y(le,{valid:x,invalid:p,loading:k,disabled:S}),Y(be,{loading:k,disabled:S}),Y(xe,{loading:k,disabled:S,readonly:B,value:u}),c&&Bo(kn,{children:[n&&Y(Ce,{}),Y(Ie,{children:c})]}),Y(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&E&&Y(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),X&&Y(V,{adaptive:!0,id:ft?`${ft}-adaptive`:void 0,...te,header:Y(de,{actionsEnd:Y(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ie,subtitle:se}),children:Y("div",{className:"k-list-container",children:Y(P,{customValue:he?Y(ct,{text:`Use "${u}"`}):void 0,size:"large",children:Bo(D,{"aria-label":ie||"Options",children:[Y(A,{text:"List item"}),Y(A,{text:"List item"}),Y(A,{text:"List item"})]})})})})]})};oe.states=Up;oe.options=Gp;oe.className=Ci;oe.defaultOptions=yi;oe.moduleName=Nn;oe.folderName=Ii;oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var ve=oe;import{jsx as Fp}from"react/jsx-runtime";var Ti=e=>Fp(ve,{...e});import{jsx as lA,jsxs as dA}from"react/jsx-runtime";import{jsx as fA,jsxs as hA}from"react/jsx-runtime";import{jsx as LA,jsxs as MA}from"react/jsx-runtime";import{Fragment as EA,jsx as TA}from"react/jsx-runtime";import{Fragment as RA,jsx as PA}from"react/jsx-runtime";import{jsx as UA,jsxs as GA}from"react/jsx-runtime";import{Fragment as YA,jsx as JA,jsxs as WA}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{jsx as nO}from"react/jsx-runtime";import{jsx as cO,jsxs as pO}from"react/jsx-runtime";import{jsx as xO,jsxs as NO}from"react/jsx-runtime";import{jsx as ut,jsxs as Wp}from"react/jsx-runtime";var Vp=oe.states,$p=oe.defaultOptions,Xp=oe.options,qp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Jp=[],oo=e=>{let{modifiers:t,...o}=e,a={},n=ut(P,{style:{width:300},size:o.size,children:Wp(D,{children:[ut(A,{children:"List item"}),ut(A,{children:"List item"}),ut(A,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?ut(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?ut(ot,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),ut("div",{children:ut(Ti,{value:"Value",style:{width:300},...o,...a})})};oo.options=Xp;oo.states=Vp;oo.variants=Jp;oo.defaultOptions=$p;oo.modifiers=qp;oo.className=oe.className;var vn="menu-button",Ei=vn;import{jsx as Zp}from"react/jsx-runtime";var Ai="k-menu-button",Yp=[r.hover,r.focus,r.active,r.selected,r.disabled],Qp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},gn={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=gn.showArrow,arrowIconName:g=gn.arrowIconName,expanded:k,...S}=e;return Zp(l,{...S,className:i(e.className,Ai),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};H.states=Yp;H.options=Qp;H.className=Ai;H.defaultOptions=gn;H.moduleName=vn;H.folderName=Ei;H.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as QO}from"react/jsx-runtime";import{jsx as tw}from"react/jsx-runtime";import{jsx as rw}from"react/jsx-runtime";var ge="menu",Ke=ge;import{jsx as Po,jsxs as Oi}from"react/jsx-runtime";var Ln="k-menu-item",jp=[r.hover,r.focus,r.active,r.selected,r.disabled],eu={},wi={iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=wi.iconPosition,dir:g,children:k,expanded:S,...E}=e,M=x;return M||(M=g==="rtl"?"chevron-left":"chevron-right"),Oi("li",{...E,className:i(e.className,Ln,"k-item",C(Ln,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Oi("span",{className:i("k-link k-menu-link"),children:[c&&p==="before"&&Po(L,{className:"k-menu-link-icon",icon:c}),Po("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Po(L,{className:"k-menu-link-icon",icon:c}),N&&Po("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Po(L,{icon:M})})]}),k]})};ae.states=jp;ae.options=eu;ae.className=Ln;ae.defaultOptions=wi;ae.moduleName=ge;ae.folderName=Ke;import{jsx as Ro,jsxs as Bi}from"react/jsx-runtime";var Mn="k-menu-item",tu=[r.hover,r.focus,r.active,r.selected,r.disabled],ou={},Sn={dir:"ltr",iconPosition:"before"},F=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Sn.iconPosition,dir:g=Sn.dir,children:k,popup:S,expanded:E,...M}=e,B=x;return B||(B=g==="rtl"?"chevron-left":"chevron-right"),Bi("li",{...M,className:i(e.className,Mn,"k-item",C(Mn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Bi("span",{className:i("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[c&&p==="before"&&Ro(L,{className:"k-menu-link-icon",icon:c}),Ro("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Ro(L,{className:"k-menu-link-icon",icon:c}),N&&Ro("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ro(L,{icon:B})})]}),k,S]})};F.states=tu;F.options=ou;F.className=Mn;F.defaultOptions=Sn;F.moduleName=ge;F.folderName=Ke;import{jsx as iu}from"react/jsx-runtime";var Pi="k-menu-scroll-wrapper",au=[],nu={},ru={},It=e=>{let{className:t,children:o,orientation:a,...n}=e;return iu("div",{...n,className:i(t,Pi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};It.states=au;It.options=nu;It.className=Pi;It.defaultOptions=ru;It.moduleName=ge;It.folderName=Ke;var Ri=It;import{Fragment as In,jsx as Ct,jsxs as sa}from"react/jsx-runtime";var Cn="k-menu",su=[],lu={},la={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Z=e=>{let{children:t,orientation:o=la.orientation,header:a=la.header,scrollable:n,scrollButtonsPosition:s=la.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Ct("ul",{dir:u,...N,className:i(e.className,"k-reset",Cn,{[`${Cn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return sa(In,{children:[n?sa(Ri,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&sa(In,{children:[Ct(l,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ct(l,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ct(l,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&sa(In,{children:[Ct(l,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ct(l,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ct(l,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};Z.states=su;Z.options=lu;Z.className=Cn;Z.defaultOptions=la;Z.moduleName=ge;Z.folderName=Ke;Z.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 du}from"react/jsx-runtime";var yn="k-separator",Ki={orientation:"horizontal"},ao=e=>{let{orientation:t=Ki.orientation,...o}=e;return du("li",{...o,className:i(e.className,"k-item",yn,{[`${yn}-${t}`]:t}),role:"separator"})};ao.className=yn;ao.defaultOptions=Ki;ao.moduleName=ge;ao.folderName=Ke;import{Fragment as Pw,jsx as Rw}from"react/jsx-runtime";import{jsx as mu}from"react/jsx-runtime";var Tn="k-menu-group",cu=[],pu={size:[d.undefined,d.small,d.medium,d.large]},uu={},ne=e=>{let{children:t,size:o,...a}=e;return mu("ul",{...a,className:i(e.className,Tn,y(Tn,{size:o})),role:"menu",children:t})};ne.states=cu;ne.options=pu;ne.className=Tn;ne.defaultOptions=uu;ne.moduleName=ge;ne.folderName=Ke;import{Fragment as bu,jsx as no,jsxs as fu}from"react/jsx-runtime";var En=e=>no(Z,{children:fu(bu,{children:[no(ae,{first:!0,text:"Item 1"}),no(ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),no(ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),no(ae,{text:"Item 4"}),no(ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as Ww,jsx as qw,jsxs as Jw}from"react/jsx-runtime";import{Fragment as eB,jsx as jw,jsxs as tB}from"react/jsx-runtime";import{Fragment as iB,jsx as rB,jsxs as sB}from"react/jsx-runtime";import{Fragment as uB,jsx as pB,jsxs as mB}from"react/jsx-runtime";import{jsx as yt,jsxs as vu}from"react/jsx-runtime";var hu=Z.options,xu=Z.states,_i={...Z.defaultOptions,variant:"horizontal"},Nu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ku=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ro=e=>{let{variant:t,modifiers:o,...a}={..._i,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!o?.[s];break;case"opened":n.opened=!!o?.[s],n.popup=yt(G,{className:"k-menu-popup",children:vu(ne,{children:[yt(F,{text:"Item 1"}),yt(F,{text:"Item 2"}),yt(ao,{}),yt(F,{text:"Item 3"})]})});break}}),t==="vertical"?yt(En,{...a,...n,orientation:"vertical",style:{width:"200px"}}):yt(En,{...a,...n})};ro.options=hu;ro.states=xu;ro.variants=Nu;ro.defaultOptions=_i;ro.modifiers=ku;ro.className=Z.className;import{Fragment as $B,jsx as FB,jsxs as VB}from"react/jsx-runtime";import{jsx as WB}from"react/jsx-runtime";import{Fragment as Iu,jsx as $e,jsxs as Di}from"react/jsx-runtime";var gu=l.states,Hi={...l.defaultOptions,variant:"text"},Lu=l.options,Mu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Su=[{name:"opened",title:"Opened"}],io=e=>{let{variant:t,modifiers:o,...a}={...Hi,...e},n={},s=$e(G,{className:"k-menu-popup",children:Di(ne,{size:a.size,children:[$e(F,{first:!0,text:"Menu Item"}),$e(F,{text:"Menu Item"}),$e(F,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=$e("div",{children:$e(H,{...a,...n,icon:"star"})});break;case"icon-and-text":c=$e("div",{children:$e(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=$e("div",{children:$e(H,{...a,...n,children:"Dropdown Button"})});break}return Di(Iu,{children:[c,o?.opened&&s]})};io.options=Lu;io.states=gu;io.variants=Mu;io.defaultOptions=Hi;io.modifiers=Su;io.className=H.className;var An="split-button",zi=An;import{Fragment as Tu,jsx as On,jsxs as Ui}from"react/jsx-runtime";var wn="k-split-button",Cu=[r.hover,r.focus,r.active,r.selected,r.disabled],yu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Gi={arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Gi.arrowIconName,popup:g,opened:k,popupId:S,...E}=e;return Ui(Tu,{children:[Ui("div",{...E,className:i(e.className,wn,"k-button-group",y(wn,{rounded:o})),children:[On(l,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),On(l,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&On(G,{className:"k-menu-popup",children:g})]})};w.states=Cu;w.options=yu;w.className=wn;w.defaultOptions=Gi;w.moduleName=An;w.folderName=zi;w.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Bn=w;import{jsx as Au}from"react/jsx-runtime";var Eu="k-toolbar-separator",De=e=>Au("div",{className:i(Eu,e.className,"k-separator")});var Qe="toolbar",mt=Qe;import{Fragment as Pn,jsx as R,jsxs as so}from"react/jsx-runtime";var Ze="k-toolbar",Ou=[r.focus],wu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Bu={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===l&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(R(l,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===l)k.push(R(l,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===No)k.push(R(No,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ot)k.push(R(ot,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===H)k.push(R(H,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Bn)k.push(R(Bn,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===I||p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((M,B)=>{S.push(R(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${B}-${new Date().getTime()}`))}),k.push(R(I,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${g}-${new Date().getTime()}`))}else p.type===oe?k.push(R(oe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===W?k.push(R(W,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===ke?k.push(R(ke,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):k.push(p);k.forEach(S=>{N.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,k)=>{x(g,k)}),so("div",{...h,className:i(e.className,Ze,y(Ze,{size:t,fillMode:o}),C(Ze,{focus:a}),{[`${Ze}-resizable`]:n,[`${Ze}-scrollable`]:s,[`${Ze}-scrollable-overlay`]:s&&c==="hidden",[`${Ze}-scrollable-${u}`]:u&&u!=="both",[`${Ze}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&c==="hidden"&&R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&c==="start"&&so(Pn,{children:[so(I,{children:[R("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-left"})}),R("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-right"})})]}),R(De,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&c==="end"&&so(Pn,{children:[R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),R(De,{className:"k-toolbar-button-separator"}),so(I,{children:[R("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-left"})}),R("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(c==="around"||!c)&&so(Pn,{children:[R("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-left"})}),R(De,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),R(De,{className:"k-toolbar-button-separator"}),R("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=Ou;z.options=wu;z.className=Ze;z.defaultOptions=Bu;z.moduleName=Qe;z.folderName=mt;z.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 _u}from"react/jsx-runtime";var Fi="k-floating-toolbar",Pu=[],Ru={},Ku={},lo=e=>{let{...t}=e;return _u("div",{...t,className:i(e.className,Fi),children:e.children})};lo.states=Pu;lo.options=Ru;lo.className=Fi;lo.defaultOptions=Ku;lo.moduleName=Qe;lo.folderName=mt;import{jsx as Uu}from"react/jsx-runtime";var Rn="k-toolbar-item",Du=[r.focus],Hu={},zu={},co=e=>{let{focus:t,...o}=e;return Uu("div",{...o,className:i(e.className,Rn,C(Rn,{focus:t})),children:e.children})};co.states=Du;co.options=Hu;co.className=Rn;co.defaultOptions=zu;co.moduleName=Qe;co.folderName=mt;import{jsx as Vi}from"react/jsx-runtime";var $i="k-toolbar-popup",Gu=[],Fu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Vu={},Tt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Vi(G,{...n,className:i(e.className,$i),children:a?Vi("span",{className:i("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Tt.states=Gu;Tt.options=Fu;Tt.className=$i;Tt.defaultOptions=Vu;Tt.moduleName=Qe;Tt.folderName=mt;var da=Tt;import{jsx as ZP}from"react/jsx-runtime";import{jsx as o0}from"react/jsx-runtime";import{jsx as i0}from"react/jsx-runtime";import{jsx as u0,jsxs as m0}from"react/jsx-runtime";import{jsx as x0}from"react/jsx-runtime";import{jsx as je,jsxs as Wu}from"react/jsx-runtime";var $u=w.states,Xi={...w.defaultOptions,variant:"text"},Xu=w.options,qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ju=[{name:"opened",title:"Opened"}],po=e=>{let{variant:t,modifiers:o,...a}={...Xi,...e},n={},s=Wu(ne,{size:a.size,children:[je(F,{first:!0,text:"Menu Item"}),je(F,{text:"Menu Item"}),je(F,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?s:"")}),t){case"icon-only":return je("div",{children:je(w,{...a,...n,icon:"star"})});case"icon-and-text":return je("div",{children:je(w,{...a,...n,icon:"star",children:"Split Button"})});default:return je("div",{children:je(w,{...a,...n,children:"Split Button"})})}};po.options=Xu;po.states=$u;po.variants=qu;po.defaultOptions=Xi;po.modifiers=Ju;po.className=w.className;import{jsx as Et,jsxs as Yu}from"react/jsx-runtime";var qi=e=>Et(z,{children:[Et(l,{children:"Button"},"toolbar-button"),Et(H,{text:"Menu button"},"toolbar-menu-button"),Et(w,{children:"Split button"},"toolbar-split-button"),Yu(I,{children:[Et(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Et(l,{icon:"align-center",children:"Center"}),Et(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as X0,jsxs as q0}from"react/jsx-runtime";import{jsx as Le,jsxs as Ji}from"react/jsx-runtime";var Wi=e=>Le(z,{scrollable:!0,...e,children:[Le(l,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(w,{children:"Split button"},"toolbar-split-button"),Ji(I,{children:[Le(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(l,{icon:"align-center",children:"Center"}),Le(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Le(l,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(w,{children:"Split button"},"toolbar-split-button"),Ji(I,{children:[Le(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(l,{icon:"align-center",children:"Center"}),Le(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Me,jsxs as Yi}from"react/jsx-runtime";var Qi=({scrollingPosition:e="start",...t})=>Me(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Me(l,{children:"Button"},"toolbar-button"),Me(H,{text:"Menu button"},"toolbar-menu-button"),Me(w,{children:"Split button"},"toolbar-split-button"),Yi(I,{children:[Me(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Me(l,{icon:"align-center",children:"Center"}),Me(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Me(l,{children:"Button"},"toolbar-button"),Me(H,{text:"Menu button"},"toolbar-menu-button"),Me(w,{children:"Split button"},"toolbar-split-button"),Yi(I,{children:[Me(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Me(l,{icon:"align-center",children:"Center"}),Me(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Qu,jsx as fe,jsxs as ca}from"react/jsx-runtime";var Zi=({fillMode:e,size:t,...o})=>ca(Qu,{children:[fe(z,{section:!0,fillMode:e,size:t,children:[fe(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ca(I,{fillMode:e,children:[fe(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),fe(De,{className:"k-toolbar-button-separator"}),fe(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),ca(da,{size:t,fillMode:e,section:!0,...o,children:[fe(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),fe(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),fe(De,{}),fe(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),ca(I,{fillMode:e,children:[fe(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as CR,jsx as SR,jsxs as IR}from"react/jsx-runtime";import{Fragment as _R,jsx as RR,jsxs as KR}from"react/jsx-runtime";import{jsx as bt}from"react/jsx-runtime";var Zu=z.options,ju=z.states,ji={...z.defaultOptions,variant:"default"},em=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],tm=[],uo=e=>{let{variant:t,...o}={...ji,...e};switch(t){case"responsive":return bt("div",{children:bt(Zi,{style:{width:"583px"},...o})});case"overlay":return bt("div",{children:bt(Qi,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return bt("div",{children:bt(Wi,{style:{width:"583px"},...o})});default:return bt("div",{children:bt(qi,{style:{width:"583px"},...o})})}};uo.options=Zu;uo.states=ju;uo.variants=em;uo.defaultOptions=ji;uo.modifiers=tm;uo.className=z.className;import{jsx as am}from"react/jsx-runtime";var om="k-editor-toolbar",es=e=>{let{resizable:t,...o}=e;return am(z,{...o,className:i(e.className,om),resizable:t,children:e.children})};var Kn="editor",ts=Kn;import{jsx as os,jsxs as im}from"react/jsx-runtime";var Ko="k-editor",nm=[r.readonly,r.disabled,r.focus],rm={},as={toolbarResizable:!1},et=e=>{let{readonly:t,disabled:o,focus:a,toolbarItems:n,toolbarResizable:s=as.toolbarResizable,resizable:c,...u}=e;return im("div",{...u,className:i(e.className,Ko,C(Ko,{readonly:t,disabled:o}),{[`${Ko}-resizable`]:c}),children:[os(es,{resizable:s,children:n}),os(Ho,{readonly:t,className:i(C(Ko,{focus:a})),children:e.children})]})};et.states=nm;et.options=rm;et.className=Ko;et.defaultOptions=as;et.moduleName=Kn;et.folderName=ts;et.ariaSpec={selector:".k-editor",rules:[{selector:".k-editor-content[contenteditable]",attribute:"role=textbox",usage:"Specifies the role of the component as text input."},{selector:".k-editor-content[contenteditable]",attribute:"aria-label",usage:"The component focusable element needs an accessible name."},{selector:'.k-editor.k-readonly .k-editor-content[contenteditable="false"]',attribute:"aria-readonly=true",usage:"Rendered only when the Editor is readonly."}]};import{Fragment as sm,jsx as re,jsxs as _o}from"react/jsx-runtime";var gK=e=>re(et,{toolbarItems:[_o(I,{children:[re(l,{className:"k-group-start",disabled:!0,icon:"undo","aria-label":"Undo"}),re(l,{className:"k-group-end",disabled:!0,icon:"redo","aria-label":"Redo"})]},"history"),_o(I,{children:[re(l,{className:"k-group-start",icon:"bold","aria-label":"Bold"}),re(l,{icon:"italic","aria-label":"Italic"}),re(l,{icon:"underline","aria-label":"Underline"}),re(l,{className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]},"format"),_o(I,{children:[re(l,{className:"k-group-start",icon:"subscript","aria-label":"Subscript"}),re(l,{className:"k-group-end",icon:"supscript","aria-label":"Superscript"})]},"script"),_o(I,{children:[re(l,{className:"k-group-start",icon:"indent","aria-label":"Indent"}),re(l,{disabled:!0,className:"k-group-end",icon:"outdent","aria-label":"Outdent"})]},"indent"),_o(I,{children:[re(l,{className:"k-group-start",icon:"align-left","aria-label":"Align left"}),re(l,{icon:"align-center","aria-label":"Align center"}),re(l,{icon:"align-right","aria-label":"Align right"}),re(l,{className:"k-group-end",icon:"align-justify","aria-label":"Justify"})]},"align")],children:re(sm,{children:"Editor Content"}),...e});export{gK as EditorNormal};
+var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>i({[`${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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:c,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:g,highlighted:k,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!c,"k-loading":x,"k-empty":p,"k-readonly":g,"k-highlighted":k},Object.keys(S).reduce((E,M)=>(M.startsWith("k-")?E[M]=S[M]:E[`k-${M}`]=S[M],E),{}))};function Dn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},m={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ba={};function K(e){return ba[e]=(ba[e]||0)+1,`k-${e}-${ba[e]}`}import{jsx as is}from"react/jsx-runtime";var fa="k-editor-content",rs=[r.focus],Ho=e=>{let{focus:t,readonly:o,"aria-label":a,...n}=e;return is("div",{...n,className:i(e.className,fa,C(fa,{focus:t})),contentEditable:o?"false":"true",suppressContentEditableWarning:!0,role:"textbox","aria-label":a||"Editor content","aria-readonly":o?"true":void 0,children:e.children})};Ho.states=rs;Ho.className=fa;import{Fragment as cs,jsx as Hn}from"react/jsx-runtime";var ha="k-font-icon",ss=[],ls={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},ds={},mo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...c}=e;return a?Hn("span",{...c,className:i(e.className,ha,y(ha,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Hn(cs,{})};mo.states=ss;mo.options=ls;mo.className=ha;mo.defaultOptions=ds;var zn=mo;import{Fragment as ms,jsx as zo}from"react/jsx-runtime";var xa="k-svg-icon",ps=[],us={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Un={viewBox:"0 0 24 24"},bo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=Un.viewBox,icon:c,...u}=e;if(!c)return zo(ms,{});if(c==="none")return zo("span",{...u,className:i(e.className,xa,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return zo("span",{...u,className:i(e.className,xa,y("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:zo("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};bo.states=ps;bo.options=us;bo.className=xa;bo.defaultOptions=Un;var Na=bo;import*as ka from"@progress/kendo-svg-icons";var Gn="icon",Fn="icons";import{useContext as fs}from"react";import{createContext as bs}from"react";var Vn=bs({iconsType:"svg"});import{Fragment as $n,jsx as fo}from"react/jsx-runtime";var Uo="k-icon",hs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),xs=[],Ns={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},va={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=fs(Vn),{size:o,themeColor:a,icon:n,type:s=t||va.type,rotate:c,flip:u,viewBox:f=va.viewBox,...h}=e;if(!n)return fo($n,{});if((t||s)==="svg"){if(n==="none")return fo(Na,{...h,className:i(e.className,Uo),icon:n,size:o});let x=ka[n]?n:hs(`${n}-icon`);return ka[x]?fo(Na,{...h,className:i(e.className,Uo),icon:ka[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):fo($n,{})}return fo(zn,{...h,className:i(e.className,Uo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};L.states=xs;L.options=Ns;L.defaultOptions=va;L.className=Uo;L.moduleName=Gn;L.folderName=Fn;L.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 ga="button",Xn=ga;import{Fragment as Ls,jsx as ho,jsxs as qn}from"react/jsx-runtime";var xo="k-button",ks=["icon-button"],vs=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],gs={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},La={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:c=La.showArrow,arrowIconName:u=La.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:g,togglable:k,ariaDisabled:S,icon:E,text:M,iconClassName:B,className:X,...te}=e,ie=E!==void 0,se=e.children!==void 0;return qn(t,{className:i(X,xo,Dn(xo,f),y(xo,{size:o,rounded:a,fillMode:n,themeColor:s}),C(xo,{hover:h,focus:N,active:x,disabled:g||S,selected:p}),{"k-icon-button":!M&&!se&&ie}),...te,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:g||void 0,children:[E&&ho(L,{className:i(B,"k-button-icon"),icon:E}),M?qn(Ls,{children:[M&&ho("span",{className:"k-button-text",children:M}),e.children]}):e.children&&ho("span",{className:"k-button-text",children:e.children}),c&&ho("span",{className:"k-menu-button-arrow k-button-arrow",children:ho(L,{icon:u})})]})};l.states=vs;l.options=gs;l.variants=ks;l.className=xo;l.defaultOptions=La;l.moduleName=ga;l.folderName=Xn;l.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 Ms}from"react/jsx-runtime";var ot=e=>Ms(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ss}from"react/jsx-runtime";var No=e=>Ss(l,{icon:"folder",children:"Button",...e});import{jsx as Is}from"react/jsx-runtime";var ht=e=>Is(l,{children:"Button",...e});import{jsx as Ma}from"react/jsx-runtime";var Cs=l.options,ys=l.states,Ts={...l.defaultOptions,variant:"text"},Es=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],As=[],At=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ma(ot,{...o,icon:"star"});case"icon-and-text":return Ma(No,{...o,icon:"star",children:"Button"});default:return Ma(ht,{...o,children:"Button"})}};At.options=Cs;At.states=ys;At.variants=Es;At.defaultOptions=Ts;At.modifiers=As;At.className=l.className;var Sa="button",Jn=Sa;import{jsx as Ps}from"react/jsx-runtime";var ko="k-button-group",Os=[r.disabled],ws={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Bs={},I=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Ps("div",{role:"group",...n,className:i(e.className,ko,y(ko,{fillMode:t}),C(ko,{disabled:o}),{[`${ko}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};I.states=Os;I.options=ws;I.className=ko;I.defaultOptions=Bs;I.moduleName=Sa;I.folderName=Jn;I.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 Ib,jsx as Sb,jsxs as Cb}from"react/jsx-runtime";import{Fragment as wb,jsx as Ob,jsxs as Bb}from"react/jsx-runtime";import{Fragment as Hb,jsx as Db,jsxs as zb}from"react/jsx-runtime";import{Fragment as Xb,jsx as $b,jsxs as qb}from"react/jsx-runtime";import{Fragment as jb,jsx as Zb,jsxs as ef}from"react/jsx-runtime";import{Fragment as sf,jsx as rf,jsxs as lf}from"react/jsx-runtime";import{jsx as Xe,jsxs as Ia}from"react/jsx-runtime";var Rs={...l.options,...I.options},Ks=l.states,_s={...l.defaultOptions,...I.defaultOptions,variant:"text-button"},Ds=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Hs=[],Ot=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Ia(I,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,icon:"star"}),Xe(l,{...a,icon:"star"}),Xe(l,{...a,icon:"star"})]}):t==="icon-text-button"?Ia(I,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,icon:"star",children:"First"}),Xe(l,{...a,icon:"star",children:"Middle"}),Xe(l,{...a,icon:"star",children:"Last"})]}):Ia(I,{fillMode:a.fillMode,className:o,children:[Xe(l,{...a,children:"First"}),Xe(l,{...a,children:"Middle"}),Xe(l,{...a,children:"Last"})]})};Ot.options=Rs;Ot.states=Ks;Ot.variants=Ds;Ot.defaultOptions=_s;Ot.modifiers=Hs;Ot.className=I.className;var vo="input",Go=vo;import{jsx as Fs}from"react/jsx-runtime";var Fo="k-input",zs=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Us={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Gs={},q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return Fs("span",{...x,className:i(e.className,Fo,y(Fo,{size:f,rounded:h,fillMode:N}),C(Fo,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u}))})};q.states=zs;q.options=Us;q.className=Fo;q.defaultOptions=Gs;q.moduleName=vo;q.folderName=Go;import{jsx as qs}from"react/jsx-runtime";var Vo="k-picker",Vs=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],$s={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Xs={},He=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return qs("span",{...x,className:i(e.className,Vo,y(Vo,{size:f,rounded:h,fillMode:N}),C(Vo,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:c,readonly:u})),children:e.children})};He.states=Vs;He.options=$s;He.className=Vo;He.defaultOptions=Xs;He.moduleName=vo;He.folderName=Go;import{Fragment as Ys,jsx as Ca}from"react/jsx-runtime";var Wn="k-clear-value",Js=[r.disabled,r.loading,r.readonly],Ws={},xe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?Ca(Ys,{}):Ca("span",{className:i(e.className,Wn),children:Ca(L,{icon:"x"})})};xe.states=Js;xe.options=Ws;xe.className=Wn;import{jsx as js}from"react/jsx-runtime";var ya="k-input-inner",Qs=[],Zs={},$o={type:"text",autocomplete:"off",value:"",placeholder:""},Ne=e=>{let{value:t=$o.value,type:o=$o.type,placeholder:a=$o.placeholder,autocomplete:n=$o.autocomplete,disabled:s,readOnly:c,...u}=e;return js("input",{...u,type:o,className:i(e.className,ya,y(ya,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};Ne.states=Qs;Ne.options=Zs;Ne.className=ya;import{jsx as Yn,jsxs as ol}from"react/jsx-runtime";var Ta="k-input-inner",el=[],tl={},xt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...c}=e;return ol("span",{...c,className:i(e.className,Ta,y(Ta,e)),children:[n,!n&&s&&Yn(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Yn("span",{className:"k-input-value-text",children:t})]})};xt.states=el;xt.options=tl;xt.className=Ta;import{jsx as rl}from"react/jsx-runtime";var Ea="k-input-inner",al=[],nl={},Qn={value:"",placeholder:""},Aa=e=>{let{value:t=Qn.value,placeholder:o=Qn.placeholder,rows:a,disabled:n,...s}=e;return rl("textarea",{...s,className:i(e.className,Ea,y(Ea,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Aa.states=al;Aa.options=nl;Aa.className=Ea;import{Fragment as sl,jsx as Zn}from"react/jsx-runtime";var jn="k-input-loading-icon",il=[r.disabled,r.loading],be=e=>{let{disabled:t,loading:o}=e;return t||!o?Zn(sl,{}):Zn("span",{className:i(e.className,jn,"k-icon k-i-loading")})};be.states=il;be.className=jn;import{Fragment as cl,jsx as er}from"react/jsx-runtime";var tr="k-input-validation-icon",ll=[r.valid,r.invalid,r.disabled,r.loading],dl={},le=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?er(cl,{}):er(L,{className:i(tr),icon:s})};le.states=ll;le.options=dl;le.className=tr;import{Fragment as ml,jsx as or}from"react/jsx-runtime";var pl="k-input-prefix",ul={direction:"horizontal"},Se=e=>{let{direction:t=ul.direction,...o}=e;return e.children?or("span",{...o,className:i(pl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):or(ml,{})};import{Fragment as hl,jsx as ar}from"react/jsx-runtime";var bl="k-input-suffix",fl={direction:"horizontal"},Ie=e=>{let{direction:t=fl.direction,...o}=e;return e.children?ar("span",{...o,className:i(bl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ar(hl,{})};import{jsx as lh}from"react/jsx-runtime";import{jsx as Nl}from"react/jsx-runtime";var xl="k-input-suffix-text",Oa=e=>{let{children:t,...o}=e;return Nl("span",{...o,className:i(xl,e.className),children:t})};import{jsx as vl}from"react/jsx-runtime";var nr="k-input-separator",kl={direction:"vertical"},Ce=e=>{let{direction:t=kl.direction,...o}=e;return vl("span",{...o,className:i(nr,e.className,{[`${nr}-${t}`]:t})})};import{Fragment as rr,jsx as ze,jsxs as wa}from"react/jsx-runtime";var gl=q.states,Ll=q.defaultOptions,Ml=q.options,Sl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Il=[],wt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,N=t?.["clear-button"],x=t?.["validation-icon"],p=t?.separators;return wa(q,{...u,valid:o,invalid:a,loading:n,disabled:s,readonly:c,style:{width:300},children:[f&&wa(rr,{children:[ze(Se,{children:ze(L,{icon:"lock"})}),p&&ze(Ce,{})]}),ze(Ne,{placeholder:"Placeholder",value:"Value"}),x&&ze(le,{valid:o,invalid:a,loading:n,disabled:s}),ze(be,{loading:n,disabled:s}),N&&ze(xe,{loading:n,disabled:s,readonly:c,value:"Value"}),h&&wa(rr,{children:[p&&ze(Ce,{}),ze(Ie,{children:ze(ht,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};wt.options=Ml;wt.states=gl;wt.variants=Il;wt.defaultOptions=Ll;wt.modifiers=Sl;wt.className=q.className;import{jsx as ir,jsxs as Tl}from"react/jsx-runtime";var sr="k-color-preview",Cl=[],yl={},at=e=>{let{color:t,iconName:o,...a}=e;return Tl("span",{...a,className:i(e.className,sr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ir(L,{icon:o,className:"k-color-preview-icon"}),ir("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};at.states=Cl;at.options=yl;at.className=sr;var Ba="popup",lr=Ba;import{jsx as dr}from"react/jsx-runtime";var cr="k-animation-container",El=[],Al={},pr={positionMode:"absolute"},Ue=e=>{let{positionMode:t=pr.positionMode,animationStyle:o,offset:a,...n}=e;return dr("div",{...n,style:{...a,...e.style},className:i(e.className,cr,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:dr("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ue.states=El;Ue.options=Al;Ue.className=cr;Ue.defaultOptions=pr;Ue.moduleName=Ba;Ue.folderName=lr;var Pa="popup",ur=Pa;import{jsx as mr}from"react/jsx-runtime";var br="k-popup",Ol=[],wl={},fr={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=fr.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:c,...u}=e;return mr(Ue,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":c,children:mr("div",{...u,className:i(e.className,br),children:e.children})})};G.states=Ol;G.options=wl;G.className=br;G.defaultOptions=fr;G.moduleName=Pa;G.folderName=ur;G.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 Ra="action-buttons",hr=Ra;import{jsx as Rl}from"react/jsx-runtime";var Xo="k-actions",Bl=[],Pl={},Ka={alignment:"start",orientation:"horizontal"},Ge=e=>{let{alignment:t=Ka.alignment,orientation:o=Ka.orientation,...a}=e;return Rl("div",{...a,className:i(Xo,{[`${Xo}-${t}`]:t,[`${Xo}-${o}`]:o},e.className),children:e.children})};Ge.states=Bl;Ge.options=Pl;Ge.className=Xo;Ge.defaultOptions=Ka;Ge.moduleName=Ra;Ge.folderName=hr;import{jsx as _l}from"react/jsx-runtime";var Kl="k-actionsheet-footer",xr={alignment:"stretched",orientation:"horizontal"},nt=e=>{let{alignment:t=xr.alignment,orientation:o=xr.orientation,template:a,as:n=a?"div":Ge,...s}=e;return _l(n,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Kl),children:e.children})};var _a="searchbox",Nr=_a;import{jsx as go,jsxs as zl}from"react/jsx-runtime";var kr="k-searchbox",Dl=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Hl={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Da={showIcon:!0,icon:"search"},ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:g=Da.showIcon,icon:k=Da.icon,"aria-label":S,...E}=e;return zl(q,{...E,size:a,rounded:n,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:i(e.className,kr),children:[g&&go(L,{className:"k-input-icon",icon:k}),go(Ne,{placeholder:o,value:t,"aria-label":S}),go(be,{...e}),go(le,{...e}),go(xe,{...e})]})};ye.states=Dl;ye.options=Hl;ye.className=kr;ye.defaultOptions=Da;ye.moduleName=_a;ye.folderName=Nr;import{jsx as Bx}from"react/jsx-runtime";var Ha="textbox",vr=Ha;import{Fragment as gr,jsx as rt,jsxs as za}from"react/jsx-runtime";var Lr="k-textbox",Ul=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Gl={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},qo={showClearButton:!0,showValidationIcon:!0,separators:!0},j=e=>{let{size:t,rounded:o,fillMode:a,separators:n=qo.separators,showClearButton:s=qo.showClearButton,showValidationIcon:c=qo.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:g,valid:k,invalid:S,required:E,loading:M,disabled:B,readonly:X,id:te,"aria-label":ie,"aria-describedby":se,...he}=e;return za(q,{...he,size:t,rounded:o,fillMode:a,hover:p,focus:g,valid:k,invalid:S,required:E,loading:M,disabled:B,readonly:X,className:i(e.className,Lr),children:[u&&za(gr,{children:[rt(Se,{children:u}),n&&rt(Ce,{})]}),rt(Ne,{id:te,placeholder:x,value:N,type:h,disabled:B,"aria-label":ie,"aria-describedby":se,"aria-invalid":S?"true":void 0}),c&&rt(le,{valid:k,invalid:S,loading:M,disabled:B}),rt(be,{loading:M,disabled:B}),s&&rt(xe,{loading:M,disabled:B,readonly:X,value:N}),f&&za(gr,{children:[n&&rt(Ce,{}),rt(Ie,{children:f})]})]})};j.states=Ul;j.options=Gl;j.className=Lr;j.defaultOptions=qo;j.moduleName=Ha;j.folderName=vr;j.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 Lo=j;import{jsx as Fl}from"react/jsx-runtime";var Mr=e=>Fl(Lo,{...e});import{Fragment as Qx,jsx as Yx}from"react/jsx-runtime";import{Fragment as aN,jsx as oN}from"react/jsx-runtime";import{jsx as sN}from"react/jsx-runtime";import{jsx as Ua}from"react/jsx-runtime";var Vl=j.states,$l=j.defaultOptions,Xl=j.options,ql=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Jl=[],Bt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Ua(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Ua(ht,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Ua(Mr,{value:"Value",style:{width:300},...o,...a})};Bt.options=Xl;Bt.states=Vl;Bt.variants=Jl;Bt.defaultOptions=$l;Bt.modifiers=ql;Bt.className=j.className;import{jsx as it,jsxs as Ga}from"react/jsx-runtime";var Sr="k-actionsheet-titlebar",Wl={},de=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return Ga("div",{...p,className:i(e.className,Sr),children:[Ga("div",{className:"k-actionsheet-titlebar-group",children:[a&&it("div",{className:"k-actionsheet-actions",children:a}),!x&&Ga("div",{className:"k-actionsheet-title",id:N,children:[t&&it("div",{className:"k-text-center",children:t}),o&&it("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&it("div",{className:"k-actionsheet-title",id:N,children:x}),n&&it("div",{className:"k-actionsheet-actions",children:n})]}),(c||s)&&it("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?it(j,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):it(ye,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};de.className=Sr;de.defaultOptions=Wl;import{jsx as Fa,jsxs as jl}from"react/jsx-runtime";var Va="k-actionsheet-view",Yl=[],Ql={},Zl={},Pt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:c,...u}=e,f=n?.type===de&&Fa(de,{adaptive:t,titleId:c,...n?.props}),h=s?.type===nt&&Fa(nt,{...s?.props});return jl("div",{...u,className:i(e.className,Va,{[`${Va}-animated`]:o}),children:[f,Fa("div",{className:"k-actionsheet-content",children:a}),h]})};Pt.states=Yl;Pt.options=Ql;Pt.className=Va;Pt.defaultOptions=Zl;var Mo="action-sheet",Jo=Mo;var $a="overlay",Ir=$a;import{jsx as ad}from"react/jsx-runtime";var Cr="k-overlay",ed=[],td={},od={},st=e=>{let{...t}=e;return ad("div",{...t,className:i(e.className,Cr),children:e.children})};st.states=ed;st.options=td;st.className=Cr;st.defaultOptions=od;st.moduleName=$a;st.folderName=Ir;import{jsx as Wo,jsxs as id}from"react/jsx-runtime";var yr="k-actionsheet",nd=[],rd={},So={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},V=e=>{let{side:t=So.side,fullscreen:o=So.fullscreen,adaptive:a=So.adaptive,overlay:n=So.overlay,template:s,children:c,header:u,footer:f,id:h,...N}=e,x=h&&!s&&u?`${h}-title`:void 0;return id("div",{className:"k-actionsheet-container",children:[n&&Wo(st,{}),Wo(Ue,{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:Wo("div",{...N,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:i(e.className,yr,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||Wo(Pt,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};V.states=nd;V.options=rd;V.className=yr;V.defaultOptions=So;V.moduleName=Mo;V.folderName=Jo;V.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 cd}from"react/jsx-runtime";var Tr="k-actionsheet-container",sd=[],ld={},dd={},Rt=e=>{let{children:t,...o}=e;return cd("div",{...o,className:Tr,children:t})};Rt.states=sd;Rt.options=ld;Rt.className=Tr;Rt.defaultOptions=dd;Rt.moduleName=Mo;Rt.folderName=Jo;import{jsx as pd}from"react/jsx-runtime";var Xa=e=>{let{...t}=e;return pd("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as md,jsx as Io,jsxs as qa}from"react/jsx-runtime";var Ja="k-actionsheet-item",ud=[r.hover,r.focus,r.selected,r.disabled],lt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:c,disabled:u,...f}=e;return qa("span",{...f,className:i(e.className,Ja,C(Ja,{hover:n,focus:s,selected:c,disabled:u})),children:[!e.children&&Io(md,{children:qa("span",{className:"k-actionsheet-action",children:[t&&Io("span",{className:"k-icon-wrap",children:Io(L,{className:"k-actionsheet-item-icon",icon:t})}),qa("span",{className:"k-actionsheet-item-text",children:[o&&Io("span",{className:"k-actionsheet-item-title",children:o}),a&&Io("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};lt.states=ud;lt.className=Ja;import{jsx as ik,jsxs as sk}from"react/jsx-runtime";import{jsx as pk}from"react/jsx-runtime";import{jsx as fk}from"react/jsx-runtime";import{jsx as kk}from"react/jsx-runtime";import{jsx as ee,jsxs as Wa}from"react/jsx-runtime";var bd=V.options,fd=V.states,Ar={...V.defaultOptions,variant:"normal"},hd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],xd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Kt=e=>{let{variant:t,modifiers:o,...a}={...Ar,...e},n={},s=Wa(Xa,{children:[ee(lt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ee(lt,{text:"Add to Favorites",iconName:"heart"}),ee(lt,{text:"Upload New",iconName:"upload",disabled:!0}),ee("hr",{className:"k-hr"}),ee(lt,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?c:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ee(V,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ee(de,{actionsStart:n.actionsStart?ee(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?Wa(nt,{alignment:"stretched",children:[ee(l,{text:"Cancel",size:"large",themeColor:"base"}),ee(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ee(V,{...a,fullscreen:n.fullScreen,header:ee(de,{actionsStart:n.actionsStart?ee(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ee(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Wa(nt,{alignment:"stretched",children:[ee(l,{text:"Apply",themeColor:"primary"}),ee(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Kt.options=bd;Kt.states=fd;Kt.variants=hd;Kt.defaultOptions=Ar;Kt.modifiers=xd;Kt.className=V.className;var Ya="slider",Or=Ya;import{jsx as _t,jsxs as Qa}from"react/jsx-runtime";var Co="k-slider",Nd=[r.hover,r.focus,r.active,r.disabled,r.readonly],kd={},Te={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},U=e=>{let{type:t=Te.type,orientation:o=Te.orientation,gradientType:a=Te.gradientType,readonly:n=Te.readonly,disabled:s=Te.disabled,handlePosition:c=Te.handlePosition,showButtons:u=Te.showButtons,showTicks:f=Te.showTicks,value:h=Te.value,min:N=Te.min,max:x=Te.max,startValue:p,endValue:g,hover:k,focus:S,active:E,trackStyle:M,dir:B,...X}=e,ie=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),se,he;return o==="horizontal"?(se=B==="rtl"?"chevron-left":"chevron-right",he=B==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(se="chevron-up",he="chevron-down"),Qa("div",{...X,className:i(Co,e.className,C(Co,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:B,children:[u&&_t(l,{className:"k-button-decrease",rounded:"full",icon:he,tabIndex:-1,title:"Decrease"}),Qa("div",{className:"k-slider-track-wrap",children:[f&&_t("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Qa("div",{className:"k-slider-track",style:M,children:[_t("div",{className:"k-slider-selection"}),t==="range"&&_t("span",{className:i("k-draghandle","k-draghandle-start",C(Co,{hover:k,focus:S,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":g??x,"aria-orientation":ie,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":X["aria-label"]?`${X["aria-label"]} start`:"Range start"}),_t("span",{className:i("k-draghandle",`k-draghandle-${c}`,C(Co,{hover:k,focus:S,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?g??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":ie,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?X["aria-label"]?`${X["aria-label"]} end`:"Range end":X["aria-label"]})]})]}),u&&_t(l,{className:"k-button-increase",rounded:"full",icon:se,tabIndex:-1,title:"Increase"})]})};U.states=Nd;U.options=kd;U.className=Co;U.defaultOptions=Te;U.moduleName=Ya;U.folderName=Or;U.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 wr}from"react/jsx-runtime";var Br="k-tick",vd=[],gd={},Pr={label:!1},T=e=>{let{style:t,label:o=Pr.label,orientation:a,large:n,text:s,...c}=e;return wr("li",{...c,role:"presentation",title:s||"Tick",className:i(e.className,Br,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&wr("span",{className:"k-label",children:s})})};T.states=vd;T.options=gd;T.className=Br;T.defaultOptions=Pr;import{Fragment as Ld,jsx as Ee,jsxs as Md}from"react/jsx-runtime";var Rr=e=>Ee(U,{"aria-label":e["aria-label"]||"Slider",children:Md(Ld,{children:[Ee(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{label:!0,large:!0,text:"5"}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{}),Ee(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Sd,jsx as Ae,jsxs as Id}from"react/jsx-runtime";var Kr=e=>Ae(U,{children:Id(Sd,{children:[Ae(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{label:!0,large:!0,text:"5"}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{}),Ae(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as sv,jsx as iv,jsxs as lv}from"react/jsx-runtime";import{Fragment as mv,jsx as uv,jsxs as bv}from"react/jsx-runtime";import{jsx as Cd}from"react/jsx-runtime";var Za=e=>Cd(U,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as yd}from"react/jsx-runtime";var ja=e=>yd(U,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Iv,jsx as Sv,jsxs as Cv}from"react/jsx-runtime";import{Fragment as Ov,jsx as Av,jsxs as wv}from"react/jsx-runtime";import{jsx as Fe,jsxs as _r}from"react/jsx-runtime";var Td=U.options,Ed=U.states,Dr={...U.defaultOptions,variant:"horizontal",label:!0},Ad=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Od=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Dt=e=>{let{variant:t,modifiers:o,...a}={...Dr,...e},n={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!o?.[h];break}case"label":{n.label=!!o?.[h];break}case"tick":{n.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=n,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?_r(Kr,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[Fe(T,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Fe(T,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):_r(Rr,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[Fe(T,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Fe(T,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Dt.options=Td;Dt.states=Ed;Dt.variants=Ad;Dt.defaultOptions=Dr;Dt.modifiers=Od;Dt.className=U.className;import{jsx as Hr,jsxs as Kd}from"react/jsx-runtime";var zr="k-spin-button",Pd=[],Rd={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},en={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=en.increaseLabel,decreaseLabel:s=en.decreaseLabel,...c}=e;return Kd("span",{...c,className:i(zr,e.className),children:[Hr(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Hr(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Pd;dt.options=Rd;dt.className=zr;dt.defaultOptions=en;dt.moduleName=null;dt.folderName=null;var Ur="numeric-textbox",Gr="numerictextbox";import{Fragment as Fr,jsx as qe,jsxs as tn}from"react/jsx-runtime";var Vr="k-numerictextbox",_d=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Dd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Yo={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Yo.separators,showClearButton:s=Yo.showClearButton,showSpinButton:c=Yo.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,id:X,"aria-label":te,"aria-describedby":ie,...se}=e;return tn(q,{...se,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,className:i(e.className,Vr),children:[u&&tn(Fr,{children:[qe(Se,{children:u}),n&&qe(Ce,{})]}),qe(Ne,{id:X,placeholder:N,value:h,role:"spinbutton",disabled:M,"aria-label":te,"aria-describedby":ie,"aria-invalid":k?"true":void 0}),qe(le,{valid:g,invalid:k,loading:E,disabled:M}),qe(be,{loading:E,disabled:M}),s&&qe(xe,{loading:E,disabled:M,readonly:B,value:h}),f&&tn(Fr,{children:[n&&qe(Ce,{}),qe(Ie,{children:f})]}),c&&qe(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=_d;_.options=Dd;_.className=Vr;_.defaultOptions=Yo;_.moduleName=Ur;_.folderName=Gr;_.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 yo=_;import{jsx as Hd}from"react/jsx-runtime";var $r=e=>Hd(yo,{...e});import an from"react";import{jsx as Xr}from"react/jsx-runtime";var zd="k-list-group-sticky-header",on=e=>Xr("div",{className:i(zd,e.className),children:Xr("div",{className:"k-list-header-text",children:e.children})});import{jsx as Gd}from"react/jsx-runtime";var Ud="k-no-data",Qo=e=>{let{live:t,...o}=e;return Gd("span",{...o,className:i(Ud,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Nt="list",Ht=Nt;import{jsx as qr,jsxs as Jr}from"react/jsx-runtime";var nn="k-list",Fd=[],Vd={size:[d.undefined,d.small,d.medium,d.large]},$d={},P=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,x=an.Children.toArray(a)[0],p=x?.props?.children?an.Children.count(x.props.children):an.Children.count(a);return Jr("div",{...h,className:i(e.className,nn,y(nn,{size:t}),{"k-virtual-list":o}),children:[s,c,n&&qr(on,{children:n}),a||(u!==void 0?u:qr(Qo,{live:!0,children:"No data found."})),f&&a&&Jr(Qo,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};P.states=Fd;P.options=Vd;P.className=nn;P.defaultOptions=$d;P.moduleName=Nt;P.folderName=Ht;P.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 Wd}from"react/jsx-runtime";var Wr="k-list-container",Xd=[],qd={},Jd={},zt=e=>{let{...t}=e;return Wd("div",{...t,className:i(e.className,Wr),children:e.children})};zt.states=Xd;zt.options=qd;zt.className=Wr;zt.defaultOptions=Jd;zt.moduleName=Nt;zt.folderName=Ht;var kt="checkbox",Ut=kt;import{jsx as Yr}from"react/jsx-runtime";var Zo="k-checkbox",Yd=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Qd={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Zd={},Oe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:c,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...g}=e;return Yr("span",{className:"k-checkbox-wrap",role:p,children:Yr("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:i(e.className,Zo,y(Zo,{size:N,rounded:x}),C(Zo,{hover:n,focus:s,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};Oe.states=Yd;Oe.options=Qd;Oe.className=Zo;Oe.defaultOptions=Zd;Oe.moduleName=kt;Oe.folderName=Ut;Oe.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 _e=Oe;import{jsx as tc}from"react/jsx-runtime";var Qr="k-checkbox-list",jd=[],ec={},Zr={layout:"vertical"},ce=e=>{let{layout:t=Zr.layout,...o}=e;return tc("ul",{...o,className:i(e.className,Qr,{[`k-list-${t}`]:t}),children:e.children})};ce.states=jd;ce.options=ec;ce.className=Qr;ce.defaultOptions=Zr;ce.moduleName=kt;ce.folderName=Ut;import{jsx as rc}from"react/jsx-runtime";var jr="k-checkbox-list-item",oc=[],ac={},nc={},pe=e=>{let{...t}=e;return rc("li",{...t,className:i(e.className,jr),children:e.children})};pe.states=oc;pe.options=ac;pe.className=jr;pe.defaultOptions=nc;pe.moduleName=kt;pe.folderName=Ut;import{Fragment as ic,jsx as ei,jsxs as sc}from"react/jsx-runtime";var Je=({children:e="Label",id:t="cb-label-after",...o})=>sc(ic,{children:[ei(_e,{id:t,...o}),ei("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as oL,jsx as tL,jsxs as aL}from"react/jsx-runtime";import{Fragment as lL,jsx as sL,jsxs as dL}from"react/jsx-runtime";import{Fragment as bL,jsx as mL,jsxs as fL}from"react/jsx-runtime";import{jsx as kL}from"react/jsx-runtime";import{jsx as ML}from"react/jsx-runtime";import{jsx as yL}from"react/jsx-runtime";import{jsx as we,jsxs as ti}from"react/jsx-runtime";var lc=ce.options,dc=ce.states,cc={...ce.defaultOptions,variant:"vertical"},pc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],uc=[],Gt=e=>{let{variant:t,...o}=e;return t==="horizontal"?ti(ce,{layout:"horizontal",...o,children:[we(pe,{children:we(Je,{id:K("cb"),defaultChecked:!0,children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})})]}):ti(ce,{...o,children:[we(pe,{children:we(Je,{id:K("cb"),defaultChecked:!0,children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})}),we(pe,{children:we(Je,{id:K("cb"),children:"Label"})})]})};Gt.options=lc;Gt.states=dc;Gt.variants=pc;Gt.defaultOptions=cc;Gt.modifiers=uc;Gt.className=ce.className;import{jsx as Nc}from"react/jsx-runtime";var mc=_e.options,bc=_e.states,fc=_e.defaultOptions,hc=[],xc=[],Ft=e=>Nc(Je,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});Ft.options=mc;Ft.states=bc;Ft.variants=hc;Ft.defaultOptions=fc;Ft.modifiers=xc;Ft.className=_e.className;import{jsx as vt,jsxs as Lc}from"react/jsx-runtime";var rn="k-list-item",kc=[r.hover,r.focus,r.selected,r.disabled],vc={},gc={},A=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:g,id:k,...S}=e,E=t||e.children;return Lc("li",{...S,id:k,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:i(e.className,a?"k-list-group-item":rn,C(rn,{hover:f,focus:h,disabled:x,selected:N})),children:[c&&vt(Oe,{checked:u}),n&&vt("span",{className:"k-list-item-icon-wrapper",children:vt(L,{icon:n,className:i("k-list-item-icon",s)})}),vt("span",{className:"k-list-item-text",children:E}),p&&vt("div",{className:"k-list-item-actions",children:p}),g&&vt("span",{className:"k-list-item-description",children:g}),o&&o!==""&&vt("div",{className:"k-list-item-group-label",children:o})]})};A.states=kc;A.options=vc;A.className=rn;A.defaultOptions=gc;A.moduleName=Nt;A.folderName=Ht;A.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 Sc}from"react/jsx-runtime";var Mc="k-list-ul",We=e=>{let{children:t,role:o,id:a,...n}=e;return Sc("ul",{...n,id:a,role:o,className:i(Mc,e.className),children:t})};We.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as sn,jsxs as Cc}from"react/jsx-runtime";var Ic="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...c}=e;return Cc("div",{...c,className:i(Ic,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:sn(We,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&sn("div",{className:"k-height-container",children:sn("div",{})})]})};D.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 xM,jsx as hM,jsxs as NM}from"react/jsx-runtime";import{jsx as ln,jsxs as Tc}from"react/jsx-runtime";var yc="k-list-group-item",gt=e=>{let{groupIconName:t,...o}=e;return Tc("li",{...o,role:"presentation",className:i(yc,e.className),children:[t&&ln("span",{className:"k-list-item-icon-wrapper",children:ln(L,{icon:t,className:"k-list-item-icon"})}),ln("span",{className:"k-list-item-text",children:e.children})]})};gt.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 wc}from"react/jsx-runtime";var dn="k-list-optionlabel",Ec=[r.hover,r.focus,r.selected,r.disabled],Ac={},Oc={},jo=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...c}=e;return wc("div",{...c,className:i(dn,C(dn,{hover:o,focus:a,selected:n,disabled:s})),children:t})};jo.states=Ec;jo.options=Ac;jo.className=dn;jo.defaultOptions=Oc;import{jsx as Kc}from"react/jsx-runtime";var cn="k-list-custom-value",Bc=[r.hover,r.focus,r.selected,r.disabled],Pc={},Rc={},ct=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...c}=e;return Kc("div",{...c,className:i(cn,C(cn,{hover:o,focus:a,selected:n,disabled:s})),children:t})};ct.states=Bc;ct.options=Pc;ct.className=cn;ct.defaultOptions=Rc;import{Fragment as PM,jsx as BM,jsxs as RM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as GM}from"react/jsx-runtime";import{Fragment as WM,jsx as qM,jsxs as JM}from"react/jsx-runtime";import{Fragment as oS,jsx as eS,jsxs as tS}from"react/jsx-runtime";import{jsx as iS}from"react/jsx-runtime";import{Fragment as uS,jsx as pS,jsxs as mS}from"react/jsx-runtime";var oi="dropdown-list",ai="dropdownlist";import{Fragment as Hc,jsx as ue,jsxs as pn}from"react/jsx-runtime";var ni="k-dropdownlist",_c=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Dc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},un={showValue:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=un.arrowIconName,showValue:s=un.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,popup:X,opened:te,adaptive:ie,adaptiveSettings:se,adaptiveTitle:he,adaptiveSubtitle:ft,adaptiveFilter:pa,id:tt,activeDescendant:Do,"aria-label":ua,...ma}=e,ns=tt?`${tt}-listbox`:void 0,_n=tt?`${tt}-value`:void 0;return pn(Hc,{children:[pn(He,{...ma,id:tt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:g,invalid:k,required:S,loading:E,disabled:M,readonly:B,className:i(e.className,ni,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":te?"true":"false","aria-controls":te?ns:void 0,"aria-activedescendant":te&&Do?Do:void 0,"aria-describedby":te?_n:void 0,"aria-disabled":M?"true":void 0,"aria-label":ua,tabIndex:0,children:[ue(Se,{children:u}),ue(xt,{placeholder:N,value:h,showValue:s,valueIconName:c,id:_n}),ue(le,{valid:g,invalid:k,loading:E,disabled:M}),ue(be,{loading:E,disabled:M}),ue(Ie,{children:f}),ue(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),te&&X&&ue(G,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:X}),ie&&ue(V,{adaptive:!0,...se,header:ue(de,{actionsEnd:ue(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:pa,inputValue:h,inputPlaceholder:N,title:he,subtitle:ft}),children:ue("div",{className:"k-list-container",children:ue(P,{size:"large",children:pn(D,{"aria-label":"Options",children:[ue(A,{text:"List item"}),ue(A,{text:"List item"}),ue(A,{text:"List item"})]})})})})]})};W.states=_c;W.options=Dc;W.className=ni;W.defaultOptions=un;W.moduleName=oi;W.folderName=ai;W.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 XS}from"react/jsx-runtime";import{jsx as ZS,jsxs as jS}from"react/jsx-runtime";import{Fragment as lI,jsx as iI,jsxs as sI}from"react/jsx-runtime";import{jsx as mI}from"react/jsx-runtime";import{jsx as kI,jsxs as vI}from"react/jsx-runtime";import{Fragment as EI,jsx as yI,jsxs as TI}from"react/jsx-runtime";import{jsx as PI}from"react/jsx-runtime";import{Fragment as $c,jsx as pt,jsxs as ri}from"react/jsx-runtime";var zc=W.states,Uc=W.defaultOptions,Gc=W.options,Fc=[{name:"opened",title:"Opened"}],Vc=[],$t=e=>{let{modifiers:t,...o}=e,a={},n=ri($c,{children:[pt("div",{className:"k-list-filter",children:pt(ye,{})}),pt(P,{style:{width:300},size:o.size,children:ri(D,{children:[pt(A,{children:"List item"}),pt(A,{children:"List item"}),pt(A,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),pt("div",{children:pt(W,{placeholder:"Value",style:{width:300},...o,...a})})};$t.options=Gc;$t.states=zc;$t.variants=Vc;$t.defaultOptions=Uc;$t.modifiers=Fc;$t.className=W.className;import{Fragment as oC,jsx as tC}from"react/jsx-runtime";import{Fragment as lC,jsx as sC}from"react/jsx-runtime";import{jsx as uC}from"react/jsx-runtime";import{jsx as mn}from"react/jsx-runtime";var Xc=_.states,qc=_.defaultOptions,Jc=_.options,Wc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Yc=[],Xt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?mn(W,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?mn(Oa,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),mn($r,{value:"Value",style:{width:300},...o,...a})};Xt.options=Jc;Xt.states=Xc;Xt.variants=Yc;Xt.defaultOptions=qc;Xt.modifiers=Wc;Xt.className=_.className;import{Fragment as To,jsx as O,jsxs as J}from"react/jsx-runtime";var ii="k-colorgradient-inputs",Qc=[],Zc={size:[d.undefined,d.small,d.medium,d.large]},si={mode:"rgba"},qt=e=>{let{mode:t=si.mode,size:o,...a}=e;return J("div",{...a,className:i(ii,"k-hstack"),children:[O("div",{className:"k-vstack",children:O(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&J(To,{children:[J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),J("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&O(To,{children:J("div",{className:"k-vstack k-flex-1",children:[O(j,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),O("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};qt.states=Qc;qt.options=Zc;qt.className=ii;qt.defaultOptions=si;import{jsx as Lt,jsxs as Mt}from"react/jsx-runtime";var li="k-colorgradient-color-contrast",jc=[],ep={},tp={},Jt=()=>Mt("div",{className:i(li,"k-vbox"),children:[Mt("div",{className:"k-contrast-ratio",children:[Lt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Mt("span",{className:"k-contrast-validation !k-text-success",children:[Lt(L,{icon:"check"}),Lt(L,{icon:"check"})]})]}),Mt("div",{children:[Lt("span",{children:"AA: 4.5"}),Mt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Lt(L,{icon:"check"})]})]}),Mt("div",{children:[Lt("span",{children:"AAA: 7.0"}),Mt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Lt(L,{icon:"x"})]})]})]});Jt.states=jc;Jt.options=ep;Jt.className=li;Jt.defaultOptions=tp;var di="color-gradient",ci="colorgradient";import{jsx as Be,jsxs as Eo}from"react/jsx-runtime";var ea="k-colorgradient",op=[r.hover,r.focus,r.readonly,r.disabled],ap={size:[d.undefined,d.small,d.medium,d.large]},Ve={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"},Q=e=>{let{size:t,mode:o=Ve.mode,readonly:a=Ve.readonly,disabled:n=Ve.disabled,gradientStyle:s=Ve.gradientStyle,dragHandleStyle:c=Ve.dragHandleStyle,alphaStyle:u=Ve.alphaStyle,alphaStyleHorizontal:f=Ve.alphaStyleHorizontal,contrast:h=Ve.contrast,dir:N,hover:x,focus:p,hoverHandle:g,focusHandle:k,canvasOrientation:S=Ve.canvasOrientation,role:E,tabIndex:M,...B}=e;return Eo("div",{...B,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":n?"true":void 0,className:i(e.className,ea,y(ea,{size:t}),C(ea,{hover:x,focus:p,readonly:a,disabled:n})),dir:N,children:[!S||S==="horizontal"&&Eo("div",{className:"k-colorgradient-canvas k-hstack",children:[Be("div",{className:"k-hsv-rectangle",style:s,children:Be("div",{className:"k-hsv-gradient",children:Be("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,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})})}),Eo("div",{className:"k-hsv-controls k-hstack",children:[Be(ja,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Be(ja,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:u})]})]}),S==="vertical"&&Eo("div",{className:"k-colorgradient-canvas k-vstack",children:[Be("div",{className:"k-hsv-rectangle",style:s,children:Be("div",{className:"k-hsv-gradient",children:Be("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":g,"k-focus":k}),style:c,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})})}),Eo("div",{className:"k-hsv-controls k-vstack",children:[Be(Za,{className:"k-hue-slider",hover:g,focus:k}),o!=="rgb"&&o!=="hsv"&&Be(Za,{className:"k-alpha-slider",hover:g,focus:k,trackStyle:f})]})]}),Be(qt,{mode:e.mode,size:t}),h&&Be(Jt,{})]})};Q.states=op;Q.options=ap;Q.className=ea;Q.defaultOptions=Ve;Q.moduleName=di;Q.folderName=ci;Q.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 np}from"react/jsx-runtime";var ta=e=>np(Q,{...e});import{jsx as QC}from"react/jsx-runtime";import{jsx as ty}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var rp=Q.options,ip=Q.states,sp={...Q.defaultOptions,variant:"rgba"},lp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],dp=[],Wt=e=>{let{variant:t,...o}=e;switch(t){case"hex":return bn(ta,{...o,mode:t});case"rgb":return bn(ta,{...o,mode:t});default:return bn(ta,{...o,mode:t})}};Wt.options=rp;Wt.states=ip;Wt.variants=lp;Wt.defaultOptions=sp;Wt.modifiers=dp;Wt.className=Q.className;import{jsx as cp}from"react/jsx-runtime";var fn=e=>cp("tr",{role:"row",children:e.children});import{jsx as mp}from"react/jsx-runtime";var hn="k-colorpalette-tile",pp=[r.hover,r.focus,r.selected],up={},Yt=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mp("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,hn,C(hn,{hover:a,focus:n,selected:s})),style:u})};Yt.states=pp;Yt.options=up;Yt.className=hn;var pi="color-palette",ui="colorpalette";import{jsx as Ao}from"react/jsx-runtime";var oa="k-colorpalette",bp=[r.disabled],fp={size:[d.undefined,d.small,d.medium,d.large]},mi={columns:10},me=e=>{let{size:t,palette:o,columns:a=mi.columns,tileSize:n,disabled:s,...c}=e,u=[];if(o){let f=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(N,x)=>{let p=[];h.slice(x*f,(x+1)*f).map((k,S)=>{p.push(Ao(Yt,{color:k,tileSize:n},S))});let g=Ao(fn,{children:p},x);u.push(g)})}return Ao("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,oa,C(oa,{disabled:s}),y(oa,{size:t})),children:Ao("table",{className:"k-colorpalette-table",role:"none",children:Ao("tbody",{children:u.length>0?u:e.children})})})};me.states=bp;me.options=fp;me.className=oa;me.defaultOptions=mi;me.moduleName=pi;me.folderName=ui;me.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 aa=me;var Oo={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 hp}from"react/jsx-runtime";var bi=e=>hp(aa,{palette:Oo.basic,...e});import{jsx as Ky}from"react/jsx-runtime";import{jsx as Gy,jsxs as Fy}from"react/jsx-runtime";import{jsx as Mp}from"react/jsx-runtime";var xp=me.options,Np=me.states,kp={...me.defaultOptions,variant:"basic"},vp=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],gp={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}},Lp=[],Qt=e=>{let{variant:t="basic",...o}=e,a=gp[t];return Mp(bi,{columns:a.columns,palette:a,...o})};Qt.options=xp;Qt.states=Np;Qt.variants=vp;Qt.defaultOptions=kp;Qt.modifiers=Lp;Qt.className=me.className;var fi="color-editor",hi="coloreditor";import{jsx as Pe,jsxs as Zt}from"react/jsx-runtime";var na="k-coloreditor",Sp=[r.focus],Ip={size:[d.undefined,d.small,d.medium,d.large]},wo={view:"gradient",palette:Oo.office,actionButtons:!0,canvasOrientation:"horizontal"},$=e=>{let{size:t,view:o=wo.view,palette:a=wo.palette,color:n,currentColor:s,focus:c,focusView:u,dir:f,group:h,actionButtons:N=wo.actionButtons,canvasOrientation:x=wo.canvasOrientation,...p}=e;return Zt("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",na,y(na,{size:t}),C(na,{focus:c})),dir:f,children:[Zt("div",{className:"k-coloreditor-header k-hstack",children:[Pe("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Zt(I,{fillMode:"flat",children:[Pe(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Pe(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Pe("div",{className:"k-spacer"}),Zt("div",{className:"k-coloreditor-header-actions k-hstack",children:[Pe(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zt("div",{className:"k-coloreditor-preview k-vstack",children:[Pe(at,{className:"k-coloreditor-preview-color",color:n}),Pe(at,{className:"k-coloreditor-current-color",color:s})]})]})]}),Pe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Pe(Q,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):Pe(me,{palette:a,size:t})}),N&&Zt(Ge,{className:"k-coloreditor-footer",alignment:"start",children:[Pe(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Pe(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};$.states=Sp;$.options=Ip;$.className=na;$.defaultOptions=wo;$.moduleName=fi;$.folderName=hi;$.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 jt=$;import{jsx as NT}from"react/jsx-runtime";import{jsx as LT}from"react/jsx-runtime";import{jsx as Cp}from"react/jsx-runtime";var xi=e=>Cp(jt,{group:!0,currentColor:"fuchsia",...e});import{jsx as yp}from"react/jsx-runtime";var Ni=e=>yp(jt,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ki}from"react/jsx-runtime";var Tp=$.options,Ep=$.states,Ap={...$.defaultOptions,variant:"gradient"},Op=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],wp=[],eo=e=>{let{variant:t,...o}=e;return t==="palette"?ki(Ni,{...o,color:"white"}):ki(xi,{...o,color:"rgba(183, 118 , 118, 1.00)"})};eo.options=Tp;eo.states=Ep;eo.variants=Op;eo.defaultOptions=Ap;eo.modifiers=wp;eo.className=$.className;var vi="color-picker",gi="colorpicker";import{Fragment as Rp,jsx as Re,jsxs as xn}from"react/jsx-runtime";var Li="k-colorpicker",Bp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Pp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},Mi={arrowIconName:"chevron-down"},ke=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Mi.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,valueIconName:S,popup:E,opened:M,adaptive:B,adaptiveSettings:X,adaptiveTitle:te,adaptiveSubtitle:ie,...se}=e,he="colorpicker-popup";return xn(Rp,{children:[xn(He,{...se,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||B?he:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:i(e.className,Li,"k-icon-picker"),children:[Re(Se,{children:s}),Re(xt,{placeholder:f,value:u,showValue:!1,valueIcon:Re(at,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),Re(Ie,{children:c}),Re(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&E&&Re(G,{id:he,className:"k-colorpicker-popup",children:E}),B&&Re(V,{adaptive:!0,id:he,...X,header:Re(de,{actionsEnd:Re(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:ie}),footer:xn(nt,{children:[Re(l,{text:"Cancel",size:"large"}),Re(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:Re($,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ke.states=Bp;ke.options=Pp;ke.className=Li;ke.defaultOptions=Mi;ke.moduleName=vi;ke.folderName=gi;ke.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 Ye=ke;import{jsx as Kp}from"react/jsx-runtime";var ra=e=>Kp(Ye,{...e});import{jsx as rE}from"react/jsx-runtime";import{jsx as cE}from"react/jsx-runtime";import{jsx as bE}from"react/jsx-runtime";import{jsx as NE}from"react/jsx-runtime";import{jsx as LE}from"react/jsx-runtime";import{jsx as CE}from"react/jsx-runtime";import{jsx as St}from"react/jsx-runtime";var _p=Ye.options,Dp=Ye.states,Si={...Ye.defaultOptions,variant:"color"},Hp=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],zp=[{name:"opened",title:"Opened"}],to=e=>{let{variant:t,modifiers:o,...a}={...Si,...e},n={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?St($,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return St("div",{style:s,children:St(ra,{...a,...n})});case"icon":return St("div",{style:s,children:St(ra,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return St("div",{style:s,children:St(ra,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};to.options=_p;to.states=Dp;to.variants=Hp;to.defaultOptions=Si;to.modifiers=zp;to.className=Ye.className;var Nn="combobox",Ii=Nn;import{Fragment as kn,jsx as Y,jsxs as Bo}from"react/jsx-runtime";var Ci="k-combobox",Up=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Gp={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline]},yi={separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=yi.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,popup:E,opened:M,readonly:B,adaptive:X,adaptiveSettings:te,adaptiveTitle:ie,adaptiveSubtitle:se,adaptiveCustomValue:he,id:ft,autocomplete:pa,activeDescendant:tt,"aria-label":Do,...ua}=e,ma=ft?`${ft}-listbox`:void 0;return Bo(kn,{children:[Bo(q,{...ua,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:g,loading:k,disabled:S,readonly:B,className:i(e.className,Ci),children:[s&&Bo(kn,{children:[Y(Se,{children:s}),n&&Y(Ce,{})]}),Y(Ne,{id:ft,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?ma:void 0,"aria-activedescendant":M&&tt?tt:void 0,"aria-autocomplete":pa,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Do,disabled:S,readOnly:B}),Y(le,{valid:x,invalid:p,loading:k,disabled:S}),Y(be,{loading:k,disabled:S}),Y(xe,{loading:k,disabled:S,readonly:B,value:u}),c&&Bo(kn,{children:[n&&Y(Ce,{}),Y(Ie,{children:c})]}),Y(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),M&&E&&Y(G,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),X&&Y(V,{adaptive:!0,id:ft?`${ft}-adaptive`:void 0,...te,header:Y(de,{actionsEnd:Y(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:ie,subtitle:se}),children:Y("div",{className:"k-list-container",children:Y(P,{customValue:he?Y(ct,{text:`Use "${u}"`}):void 0,size:"large",children:Bo(D,{"aria-label":ie||"Options",children:[Y(A,{text:"List item"}),Y(A,{text:"List item"}),Y(A,{text:"List item"})]})})})})]})};oe.states=Up;oe.options=Gp;oe.className=Ci;oe.defaultOptions=yi;oe.moduleName=Nn;oe.folderName=Ii;oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var ve=oe;import{jsx as Fp}from"react/jsx-runtime";var Ti=e=>Fp(ve,{...e});import{jsx as lA,jsxs as dA}from"react/jsx-runtime";import{jsx as fA,jsxs as hA}from"react/jsx-runtime";import{jsx as LA,jsxs as MA}from"react/jsx-runtime";import{Fragment as EA,jsx as TA}from"react/jsx-runtime";import{Fragment as RA,jsx as PA}from"react/jsx-runtime";import{jsx as UA,jsxs as GA}from"react/jsx-runtime";import{Fragment as YA,jsx as JA,jsxs as WA}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{jsx as nO}from"react/jsx-runtime";import{jsx as cO,jsxs as pO}from"react/jsx-runtime";import{jsx as xO,jsxs as NO}from"react/jsx-runtime";import{jsx as ut,jsxs as Wp}from"react/jsx-runtime";var Vp=oe.states,$p=oe.defaultOptions,Xp=oe.options,qp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Jp=[],oo=e=>{let{modifiers:t,...o}=e,a={},n=ut(P,{style:{width:300},size:o.size,children:Wp(D,{children:[ut(A,{children:"List item"}),ut(A,{children:"List item"}),ut(A,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?ut(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?ut(ot,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),ut("div",{children:ut(Ti,{value:"Value",style:{width:300},...o,...a})})};oo.options=Xp;oo.states=Vp;oo.variants=Jp;oo.defaultOptions=$p;oo.modifiers=qp;oo.className=oe.className;var vn="menu-button",Ei=vn;import{jsx as Zp}from"react/jsx-runtime";var Ai="k-menu-button",Yp=[r.hover,r.focus,r.active,r.selected,r.disabled],Qp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},gn={showArrow:!0,arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=gn.showArrow,arrowIconName:g=gn.arrowIconName,expanded:k,...S}=e;return Zp(l,{...S,className:i(e.className,Ai),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:g,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};H.states=Yp;H.options=Qp;H.className=Ai;H.defaultOptions=gn;H.moduleName=vn;H.folderName=Ei;H.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as QO}from"react/jsx-runtime";import{jsx as tw}from"react/jsx-runtime";import{jsx as rw}from"react/jsx-runtime";var ge="menu",Ke=ge;import{jsx as Po,jsxs as Oi}from"react/jsx-runtime";var Ln="k-menu-item",jp=[r.hover,r.focus,r.active,r.selected,r.disabled],eu={},wi={iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=wi.iconPosition,dir:g,children:k,expanded:S,...E}=e,M=x;return M||(M=g==="rtl"?"chevron-left":"chevron-right"),Oi("li",{...E,className:i(e.className,Ln,"k-item",C(Ln,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Oi("span",{className:i("k-link k-menu-link"),children:[c&&p==="before"&&Po(L,{className:"k-menu-link-icon",icon:c}),Po("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Po(L,{className:"k-menu-link-icon",icon:c}),N&&Po("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Po(L,{icon:M})})]}),k]})};ae.states=jp;ae.options=eu;ae.className=Ln;ae.defaultOptions=wi;ae.moduleName=ge;ae.folderName=Ke;import{jsx as Ro,jsxs as Bi}from"react/jsx-runtime";var Mn="k-menu-item",tu=[r.hover,r.focus,r.active,r.selected,r.disabled],ou={},Sn={dir:"ltr",iconPosition:"before"},F=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Sn.iconPosition,dir:g=Sn.dir,children:k,popup:S,expanded:E,...M}=e,B=x;return B||(B=g==="rtl"?"chevron-left":"chevron-right"),Bi("li",{...M,className:i(e.className,Mn,"k-item",C(Mn,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Bi("span",{className:i("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[c&&p==="before"&&Ro(L,{className:"k-menu-link-icon",icon:c}),Ro("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&Ro(L,{className:"k-menu-link-icon",icon:c}),N&&Ro("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ro(L,{icon:B})})]}),k,S]})};F.states=tu;F.options=ou;F.className=Mn;F.defaultOptions=Sn;F.moduleName=ge;F.folderName=Ke;import{jsx as iu}from"react/jsx-runtime";var Pi="k-menu-scroll-wrapper",au=[],nu={},ru={},It=e=>{let{className:t,children:o,orientation:a,...n}=e;return iu("div",{...n,className:i(t,Pi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};It.states=au;It.options=nu;It.className=Pi;It.defaultOptions=ru;It.moduleName=ge;It.folderName=Ke;var Ri=It;import{Fragment as In,jsx as Ct,jsxs as sa}from"react/jsx-runtime";var Cn="k-menu",su=[],lu={},la={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Z=e=>{let{children:t,orientation:o=la.orientation,header:a=la.header,scrollable:n,scrollButtonsPosition:s=la.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...N}=e,x={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=Ct("ul",{dir:u,...N,className:i(e.className,"k-reset",Cn,{[`${Cn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return sa(In,{children:[n?sa(Ri,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&sa(In,{children:[Ct(l,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ct(l,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ct(l,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&sa(In,{children:[Ct(l,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ct(l,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ct(l,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,f]})};Z.states=su;Z.options=lu;Z.className=Cn;Z.defaultOptions=la;Z.moduleName=ge;Z.folderName=Ke;Z.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 du}from"react/jsx-runtime";var yn="k-separator",Ki={orientation:"horizontal"},ao=e=>{let{orientation:t=Ki.orientation,...o}=e;return du("li",{...o,className:i(e.className,"k-item",yn,{[`${yn}-${t}`]:t}),role:"separator"})};ao.className=yn;ao.defaultOptions=Ki;ao.moduleName=ge;ao.folderName=Ke;import{Fragment as Pw,jsx as Rw}from"react/jsx-runtime";import{jsx as mu}from"react/jsx-runtime";var Tn="k-menu-group",cu=[],pu={size:[d.undefined,d.small,d.medium,d.large]},uu={},ne=e=>{let{children:t,size:o,...a}=e;return mu("ul",{...a,className:i(e.className,Tn,y(Tn,{size:o})),role:"menu",children:t})};ne.states=cu;ne.options=pu;ne.className=Tn;ne.defaultOptions=uu;ne.moduleName=ge;ne.folderName=Ke;import{Fragment as bu,jsx as no,jsxs as fu}from"react/jsx-runtime";var En=e=>no(Z,{children:fu(bu,{children:[no(ae,{first:!0,text:"Item 1"}),no(ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),no(ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),no(ae,{text:"Item 4"}),no(ae,{last:!0,text:"Item 5"})]}),...e});import{Fragment as Ww,jsx as qw,jsxs as Jw}from"react/jsx-runtime";import{Fragment as eB,jsx as jw,jsxs as tB}from"react/jsx-runtime";import{Fragment as iB,jsx as rB,jsxs as sB}from"react/jsx-runtime";import{Fragment as uB,jsx as pB,jsxs as mB}from"react/jsx-runtime";import{jsx as yt,jsxs as vu}from"react/jsx-runtime";var hu=Z.options,xu=Z.states,_i={...Z.defaultOptions,variant:"horizontal"},Nu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ku=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ro=e=>{let{variant:t,modifiers:o,...a}={..._i,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!o?.[s];break;case"opened":n.opened=!!o?.[s],n.popup=yt(G,{className:"k-menu-popup",children:vu(ne,{children:[yt(F,{text:"Item 1"}),yt(F,{text:"Item 2"}),yt(ao,{}),yt(F,{text:"Item 3"})]})});break}}),t==="vertical"?yt(En,{...a,...n,orientation:"vertical",style:{width:"200px"}}):yt(En,{...a,...n})};ro.options=hu;ro.states=xu;ro.variants=Nu;ro.defaultOptions=_i;ro.modifiers=ku;ro.className=Z.className;import{Fragment as $B,jsx as FB,jsxs as VB}from"react/jsx-runtime";import{jsx as WB}from"react/jsx-runtime";import{Fragment as Iu,jsx as $e,jsxs as Di}from"react/jsx-runtime";var gu=l.states,Hi={...l.defaultOptions,variant:"text"},Lu=l.options,Mu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Su=[{name:"opened",title:"Opened"}],io=e=>{let{variant:t,modifiers:o,...a}={...Hi,...e},n={},s=$e(G,{className:"k-menu-popup",children:Di(ne,{size:a.size,children:[$e(F,{first:!0,text:"Menu Item"}),$e(F,{text:"Menu Item"}),$e(F,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=$e("div",{children:$e(H,{...a,...n,icon:"star"})});break;case"icon-and-text":c=$e("div",{children:$e(H,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=$e("div",{children:$e(H,{...a,...n,children:"Dropdown Button"})});break}return Di(Iu,{children:[c,o?.opened&&s]})};io.options=Lu;io.states=gu;io.variants=Mu;io.defaultOptions=Hi;io.modifiers=Su;io.className=H.className;var An="split-button",zi=An;import{Fragment as Tu,jsx as On,jsxs as Ui}from"react/jsx-runtime";var wn="k-split-button",Cu=[r.hover,r.focus,r.active,r.selected,r.disabled],yu={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Gi={arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Gi.arrowIconName,popup:g,opened:k,popupId:S,...E}=e;return Ui(Tu,{children:[Ui("div",{...E,className:i(e.className,wn,"k-button-group",y(wn,{rounded:o})),children:[On(l,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),On(l,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&g&&On(G,{className:"k-menu-popup",children:g})]})};w.states=Cu;w.options=yu;w.className=wn;w.defaultOptions=Gi;w.moduleName=An;w.folderName=zi;w.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Bn=w;import{jsx as Au}from"react/jsx-runtime";var Eu="k-toolbar-separator",De=e=>Au("div",{className:i(Eu,e.className,"k-separator")});var Qe="toolbar",mt=Qe;import{Fragment as Pn,jsx as R,jsxs as so}from"react/jsx-runtime";var Ze="k-toolbar",Ou=[r.focus],wu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Bu={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,g)=>{let k=[];if(p.type===l&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push(R(l,{...p.props,className:`${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===l)k.push(R(l,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===No)k.push(R(No,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===ot)k.push(R(ot,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===H)k.push(R(H,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===Bn)k.push(R(Bn,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`));else if(p.type===I||p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((M,B)=>{S.push(R(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${B}-${new Date().getTime()}`))}),k.push(R(I,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${g}-${new Date().getTime()}`))}else p.type===oe?k.push(R(oe,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===W?k.push(R(W,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):p.type===ke?k.push(R(ke,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${g}-${new Date().getTime()}`)):k.push(p);k.forEach(S=>{N.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((g,k)=>{x(g,k)}),so("div",{...h,className:i(e.className,Ze,y(Ze,{size:t,fillMode:o}),C(Ze,{focus:a}),{[`${Ze}-resizable`]:n,[`${Ze}-scrollable`]:s,[`${Ze}-scrollable-overlay`]:s&&c==="hidden",[`${Ze}-scrollable-${u}`]:u&&u!=="both",[`${Ze}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&c==="hidden"&&R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&c==="start"&&so(Pn,{children:[so(I,{children:[R("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-left"})}),R("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-right"})})]}),R(De,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&c==="end"&&so(Pn,{children:[R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),R(De,{className:"k-toolbar-button-separator"}),so(I,{children:[R("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-left"})}),R("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(c==="around"||!c)&&so(Pn,{children:[R("span",{className:i("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-left"})}),R(De,{className:"k-toolbar-button-separator"}),R("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),R(De,{className:"k-toolbar-button-separator"}),R("span",{className:i("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:R(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};z.states=Ou;z.options=wu;z.className=Ze;z.defaultOptions=Bu;z.moduleName=Qe;z.folderName=mt;z.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 _u}from"react/jsx-runtime";var Fi="k-floating-toolbar",Pu=[],Ru={},Ku={},lo=e=>{let{...t}=e;return _u("div",{...t,className:i(e.className,Fi),children:e.children})};lo.states=Pu;lo.options=Ru;lo.className=Fi;lo.defaultOptions=Ku;lo.moduleName=Qe;lo.folderName=mt;import{jsx as Uu}from"react/jsx-runtime";var Rn="k-toolbar-item",Du=[r.focus],Hu={},zu={},co=e=>{let{focus:t,...o}=e;return Uu("div",{...o,className:i(e.className,Rn,C(Rn,{focus:t})),children:e.children})};co.states=Du;co.options=Hu;co.className=Rn;co.defaultOptions=zu;co.moduleName=Qe;co.folderName=mt;import{jsx as Vi}from"react/jsx-runtime";var $i="k-toolbar-popup",Gu=[],Fu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},Vu={},Tt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Vi(G,{...n,className:i(e.className,$i),children:a?Vi("span",{className:i("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Tt.states=Gu;Tt.options=Fu;Tt.className=$i;Tt.defaultOptions=Vu;Tt.moduleName=Qe;Tt.folderName=mt;var da=Tt;import{jsx as ZP}from"react/jsx-runtime";import{jsx as o0}from"react/jsx-runtime";import{jsx as i0}from"react/jsx-runtime";import{jsx as u0,jsxs as m0}from"react/jsx-runtime";import{jsx as x0}from"react/jsx-runtime";import{jsx as je,jsxs as Wu}from"react/jsx-runtime";var $u=w.states,Xi={...w.defaultOptions,variant:"text"},Xu=w.options,qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ju=[{name:"opened",title:"Opened"}],po=e=>{let{variant:t,modifiers:o,...a}={...Xi,...e},n={},s=Wu(ne,{size:a.size,children:[je(F,{first:!0,text:"Menu Item"}),je(F,{text:"Menu Item"}),je(F,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(n.opened=!!o?.[c],n.popup=o?.[c]?s:"")}),t){case"icon-only":return je("div",{children:je(w,{...a,...n,icon:"star"})});case"icon-and-text":return je("div",{children:je(w,{...a,...n,icon:"star",children:"Split Button"})});default:return je("div",{children:je(w,{...a,...n,children:"Split Button"})})}};po.options=Xu;po.states=$u;po.variants=qu;po.defaultOptions=Xi;po.modifiers=Ju;po.className=w.className;import{jsx as Et,jsxs as Yu}from"react/jsx-runtime";var qi=e=>Et(z,{children:[Et(l,{children:"Button"},"toolbar-button"),Et(H,{text:"Menu button"},"toolbar-menu-button"),Et(w,{children:"Split button"},"toolbar-split-button"),Yu(I,{children:[Et(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Et(l,{icon:"align-center",children:"Center"}),Et(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as X0,jsxs as q0}from"react/jsx-runtime";import{jsx as Le,jsxs as Ji}from"react/jsx-runtime";var Wi=e=>Le(z,{scrollable:!0,...e,children:[Le(l,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(w,{children:"Split button"},"toolbar-split-button"),Ji(I,{children:[Le(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(l,{icon:"align-center",children:"Center"}),Le(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Le(l,{children:"Button"},"toolbar-button"),Le(H,{text:"Menu button"},"toolbar-menu-button"),Le(w,{children:"Split button"},"toolbar-split-button"),Ji(I,{children:[Le(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Le(l,{icon:"align-center",children:"Center"}),Le(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Me,jsxs as Yi}from"react/jsx-runtime";var Qi=({scrollingPosition:e="start",...t})=>Me(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Me(l,{children:"Button"},"toolbar-button"),Me(H,{text:"Menu button"},"toolbar-menu-button"),Me(w,{children:"Split button"},"toolbar-split-button"),Yi(I,{children:[Me(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Me(l,{icon:"align-center",children:"Center"}),Me(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Me(l,{children:"Button"},"toolbar-button"),Me(H,{text:"Menu button"},"toolbar-menu-button"),Me(w,{children:"Split button"},"toolbar-split-button"),Yi(I,{children:[Me(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Me(l,{icon:"align-center",children:"Center"}),Me(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Qu,jsx as fe,jsxs as ca}from"react/jsx-runtime";var Zi=({fillMode:e,size:t,...o})=>ca(Qu,{children:[fe(z,{section:!0,fillMode:e,size:t,children:[fe(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ca(I,{fillMode:e,children:[fe(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),fe(De,{className:"k-toolbar-button-separator"}),fe(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),ca(da,{size:t,fillMode:e,section:!0,...o,children:[fe(w,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),fe(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),fe(De,{}),fe(H,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),ca(I,{fillMode:e,children:[fe(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),fe(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),fe(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as CR,jsx as SR,jsxs as IR}from"react/jsx-runtime";import{Fragment as _R,jsx as RR,jsxs as KR}from"react/jsx-runtime";import{jsx as bt}from"react/jsx-runtime";var Zu=z.options,ju=z.states,ji={...z.defaultOptions,variant:"default"},em=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],tm=[],uo=e=>{let{variant:t,...o}={...ji,...e};switch(t){case"responsive":return bt("div",{children:bt(Zi,{style:{width:"583px"},...o})});case"overlay":return bt("div",{children:bt(Qi,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return bt("div",{children:bt(Wi,{style:{width:"583px"},...o})});default:return bt("div",{children:bt(qi,{style:{width:"583px"},...o})})}};uo.options=Zu;uo.states=ju;uo.variants=em;uo.defaultOptions=ji;uo.modifiers=tm;uo.className=z.className;import{jsx as am}from"react/jsx-runtime";var om="k-editor-toolbar",es=e=>{let{resizable:t,...o}=e;return am(z,{...o,className:i(e.className,om),resizable:t,children:e.children})};var Kn="editor",ts=Kn;import{jsx as os,jsxs as im}from"react/jsx-runtime";var Ko="k-editor",nm=[r.readonly,r.disabled,r.focus],rm={},as={toolbarResizable:!1},et=e=>{let{readonly:t,disabled:o,focus:a,toolbarItems:n,toolbarResizable:s=as.toolbarResizable,resizable:c,...u}=e;return im("div",{...u,className:i(e.className,Ko,C(Ko,{readonly:t,disabled:o}),{[`${Ko}-resizable`]:c}),children:[os(es,{resizable:s,children:n}),os(Ho,{readonly:t,className:i(C(Ko,{focus:a})),children:e.children})]})};et.states=nm;et.options=rm;et.className=Ko;et.defaultOptions=as;et.moduleName=Kn;et.folderName=ts;et.ariaSpec={selector:".k-editor",rules:[{selector:".k-editor-content[contenteditable]",attribute:"role=textbox",usage:"Specifies the role of the component as text input."},{selector:".k-editor-content[contenteditable]",attribute:"aria-label",usage:"The component focusable element needs an accessible name."},{selector:'.k-editor.k-readonly .k-editor-content[contenteditable="false"]',attribute:"aria-readonly=true",usage:"Rendered only when the Editor is readonly."}]};import{Fragment as sm,jsx as re,jsxs as _o}from"react/jsx-runtime";var gK=e=>re(et,{toolbarItems:[_o(I,{children:[re(l,{className:"k-group-start",disabled:!0,icon:"undo","aria-label":"Undo"}),re(l,{className:"k-group-end",disabled:!0,icon:"redo","aria-label":"Redo"})]},"history"),_o(I,{children:[re(l,{className:"k-group-start",icon:"bold","aria-label":"Bold"}),re(l,{icon:"italic","aria-label":"Italic"}),re(l,{icon:"underline","aria-label":"Underline"}),re(l,{className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]},"format"),_o(I,{children:[re(l,{className:"k-group-start",icon:"subscript","aria-label":"Subscript"}),re(l,{className:"k-group-end",icon:"superscript","aria-label":"Superscript"})]},"script"),_o(I,{children:[re(l,{className:"k-group-start",icon:"indent","aria-label":"Indent"}),re(l,{disabled:!0,className:"k-group-end",icon:"outdent","aria-label":"Outdent"})]},"indent"),_o(I,{children:[re(l,{className:"k-group-start",icon:"align-left","aria-label":"Align left"}),re(l,{icon:"align-center","aria-label":"Align center"}),re(l,{icon:"align-right","aria-label":"Align right"}),re(l,{className:"k-group-end",icon:"align-justify","aria-label":"Justify"})]},"align")],children:re(sm,{children:"Editor Content"}),...e});export{gK as EditorNormal};