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

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

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

Files changed (160) hide show

package/dist/cjs/editor/demos/editor.js CHANGED Viewed

	@@ -1 +1 @@
1	- var fl=Object.create;var Qo=Object.defineProperty;var hl=Object.getOwnPropertyDescriptor;var xl=Object.getOwnPropertyNames;var Nl=Object.getPrototypeOf,kl=Object.prototype.hasOwnProperty;var vl=(e,t)=>{for(var o in t)Qo(e,o,{get:t[o],enumerable:!0})},pr=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of xl(t))!kl.call(e,n)&&n!==o&&Qo(e,n,{get:()=>t[n],enumerable:!(a=hl(t,n))\|\|a.enumerable});return e};var ur=(e,t,o)=>(o=e!=null?fl(Nl(e)):{},pr(t\|\|!e\|\|!e.__esModule?Qo(o,"default",{value:e,enumerable:!0}):o,e)),gl=e=>pr(Qo({},"__esModule",{value:!0}),e);var Pm={};vl(Pm,{EditorDemo:()=>Ot,default:()=>wm});module.exports=gl(Pm);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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 E=(e,t)=>s({[`${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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:c,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:L,highlighted:k,...y}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!c,"k-loading":x,"k-empty":p,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((B,C)=>(C.startsWith("k-")?B[C]=y[C]:B[`k-${C}`]=y[C],B),{}))};function mr(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"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ta={};function D(e){return Ta[e]=(Ta[e]\|\|0)+1,`k-${e}-${Ta[e]}`}var br=require("react/jsx-runtime"),Ea="k-editor-content",Ll=[i.focus],Zo=e=>{let{focus:t,readonly:o,"aria-label":a,...n}=e;return(0,br.jsx)("div",{...n,className:s(e.className,Ea,T(Ea,{focus:t})),contentEditable:o?"false":"true",suppressContentEditableWarning:!0,role:"textbox","aria-label":a\|\|"Editor content","aria-readonly":o?"true":void 0,children:e.children})};Zo.states=Ll;Zo.className=Ea;var yo=require("react/jsx-runtime"),Aa="k-font-icon",Ml=[],Sl={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]},Il={},To=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:l,...c}=e;return a?(0,yo.jsx)("span",{...c,className:s(e.className,Aa,E(Aa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):(0,yo.jsx)(yo.Fragment,{})};To.states=Ml;To.options=Sl;To.className=Aa;To.defaultOptions=Il;var fr=To;var wt=require("react/jsx-runtime"),Oa="k-svg-icon",Cl=[],yl={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]},hr={viewBox:"0 0 24 24"},Eo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:l=hr.viewBox,icon:c,...u}=e;if(!c)return(0,wt.jsx)(wt.Fragment,{});if(c==="none")return(0,wt.jsx)("span",{...u,className:s(e.className,Oa,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return(0,wt.jsx)("span",{...u,className:s(e.className,Oa,E("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:(0,wt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Eo.states=Cl;Eo.options=yl;Eo.className=Oa;Eo.defaultOptions=hr;var Ba=Eo;var wa=ur(require("@progress/kendo-svg-icons"));var xr="icon",Nr="icons";var gr=require("react");var kr=require("react"),vr=(0,kr.createContext)({iconsType:"svg"});var ct=require("react/jsx-runtime"),jo="k-icon",Tl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),El=[],Al={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]},Pa={viewBox:"0 0 24 24",type:"svg"},I=e=>{let{iconsType:t}=(0,gr.useContext)(vr),{size:o,themeColor:a,icon:n,type:l=t\|\|Pa.type,rotate:c,flip:u,viewBox:f=Pa.viewBox,...h}=e;if(!n)return(0,ct.jsx)(ct.Fragment,{});if((t\|\|l)==="svg"){if(n==="none")return(0,ct.jsx)(Ba,{...h,className:s(e.className,jo),icon:n,size:o});let x=wa[n]?n:Tl(`${n}-icon`);return wa[x]?(0,ct.jsx)(Ba,{...h,className:s(e.className,jo),icon:wa[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):(0,ct.jsx)(ct.Fragment,{})}return(0,ct.jsx)(fr,{...h,className:s(e.className,jo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};I.states=El;I.options=Al;I.defaultOptions=Pa;I.className=jo;I.moduleName=xr;I.folderName=Nr;I.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 Ra="button",Lr=Ra;var Ye=require("react/jsx-runtime"),Ao="k-button",Ol=["icon-button"],Bl=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],wl={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]},Ka={showArrow:!1,arrowIconName:"chevron-down"},r=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:c=Ka.showArrow,arrowIconName:u=Ka.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:L,togglable:k,ariaDisabled:y,icon:B,text:C,iconClassName:R,className:j,...be}=e,Le=B!==void 0,Me=e.children!==void 0;return(0,Ye.jsxs)(t,{className:s(j,Ao,mr(Ao,f),E(Ao,{size:o,rounded:a,fillMode:n,themeColor:l}),T(Ao,{hover:h,focus:N,active:x,disabled:L\|\|y,selected:p}),{"k-icon-button":!C&&!Me&&Le}),...be,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L\|\|void 0,children:[B&&(0,Ye.jsx)(I,{className:s(R,"k-button-icon"),icon:B}),C?(0,Ye.jsxs)(Ye.Fragment,{children:[C&&(0,Ye.jsx)("span",{className:"k-button-text",children:C}),e.children]}):e.children&&(0,Ye.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Ye.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ye.jsx)(I,{icon:u})})]})};r.states=Bl;r.options=wl;r.variants=Ol;r.className=Ao;r.defaultOptions=Ka;r.moduleName=Ra;r.folderName=Lr;r.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Mr=require("react/jsx-runtime"),gt=e=>(0,Mr.jsx)(r,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Sr=require("react/jsx-runtime"),Oo=e=>(0,Sr.jsx)(r,{icon:"folder",children:"Button",...e});var Ir=require("react/jsx-runtime"),Pt=e=>(0,Ir.jsx)(r,{children:"Button",...e});var ea=require("react/jsx-runtime"),Pl=r.options,Rl=r.states,Kl={...r.defaultOptions,variant:"text"},_l=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dl=[],Ft=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ea.jsx)(gt,{...o,icon:"star"});case"icon-and-text":return(0,ea.jsx)(Oo,{...o,icon:"star",children:"Button"});default:return(0,ea.jsx)(Pt,{...o,children:"Button"})}};Ft.options=Pl;Ft.states=Rl;Ft.variants=_l;Ft.defaultOptions=Kl;Ft.modifiers=Dl;Ft.className=r.className;var _a="button",Cr=_a;var yr=require("react/jsx-runtime"),Bo="k-button-group",Hl=[i.disabled],zl={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Ul={},S=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,yr.jsx)("div",{role:"group",...n,className:s(e.className,Bo,E(Bo,{fillMode:t}),T(Bo,{disabled:o}),{[`${Bo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};S.states=Hl;S.options=zl;S.className=Bo;S.defaultOptions=Ul;S.moduleName=_a;S.folderName=Cr;S.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Da=require("react/jsx-runtime");var Ha=require("react/jsx-runtime");var za=require("react/jsx-runtime");var Ua=require("react/jsx-runtime");var Ga=require("react/jsx-runtime");var Fa=require("react/jsx-runtime");var Ee=require("react/jsx-runtime"),Gl={...r.options,...S.options},Fl=r.states,Vl={...r.defaultOptions,...S.defaultOptions,variant:"text-button"},$l=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xl=[],Vt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ee.jsxs)(S,{fillMode:a.fillMode,className:o,children:[(0,Ee.jsx)(r,{...a,icon:"star"}),(0,Ee.jsx)(r,{...a,icon:"star"}),(0,Ee.jsx)(r,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ee.jsxs)(S,{fillMode:a.fillMode,className:o,children:[(0,Ee.jsx)(r,{...a,icon:"star",children:"First"}),(0,Ee.jsx)(r,{...a,icon:"star",children:"Middle"}),(0,Ee.jsx)(r,{...a,icon:"star",children:"Last"})]}):(0,Ee.jsxs)(S,{fillMode:a.fillMode,className:o,children:[(0,Ee.jsx)(r,{...a,children:"First"}),(0,Ee.jsx)(r,{...a,children:"Middle"}),(0,Ee.jsx)(r,{...a,children:"Last"})]})};Vt.options=Gl;Vt.states=Fl;Vt.variants=$l;Vt.defaultOptions=Vl;Vt.modifiers=Xl;Vt.className=S.className;var wo="input",ta=wo;var Tr=require("react/jsx-runtime"),oa="k-input",ql=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Jl={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]},Wl={},ee=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return(0,Tr.jsx)("span",{...x,className:s(e.className,oa,E(oa,{size:f,rounded:h,fillMode:N}),T(oa,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u}))})};ee.states=ql;ee.options=Jl;ee.className=oa;ee.defaultOptions=Wl;ee.moduleName=wo;ee.folderName=ta;var Er=require("react/jsx-runtime"),aa="k-picker",Yl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ql={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]},Zl={},ot=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return(0,Er.jsx)("span",{...x,className:s(e.className,aa,E(aa,{size:f,rounded:h,fillMode:N}),T(aa,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u})),children:e.children})};ot.states=Yl;ot.options=Ql;ot.className=aa;ot.defaultOptions=Zl;ot.moduleName=wo;ot.folderName=ta;var $t=require("react/jsx-runtime"),Ar="k-clear-value",jl=[i.disabled,i.loading,i.readonly],ed={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,$t.jsx)($t.Fragment,{}):(0,$t.jsx)("span",{className:s(e.className,Ar),children:(0,$t.jsx)(I,{icon:"x"})})};Re.states=jl;Re.options=ed;Re.className=Ar;var Or=require("react/jsx-runtime"),Va="k-input-inner",td=[],od={},na={type:"text",autocomplete:"off",value:"",placeholder:""},Ke=e=>{let{value:t=na.value,type:o=na.type,placeholder:a=na.placeholder,autocomplete:n=na.autocomplete,disabled:l,readOnly:c,...u}=e;return(0,Or.jsx)("input",{...u,type:o,className:s(e.className,Va,E(Va,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:l\|\|void 0,readOnly:c\|\|void 0})};Ke.states=td;Ke.options=od;Ke.className=Va;var Po=require("react/jsx-runtime"),$a="k-input-inner",ad=[],nd={},Rt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:l,...c}=e;return(0,Po.jsxs)("span",{...c,className:s(e.className,$a,E($a,e)),children:[n,!n&&l&&(0,Po.jsx)(I,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&(0,Po.jsx)("span",{className:"k-input-value-text",children:t})]})};Rt.states=ad;Rt.options=nd;Rt.className=$a;var wr=require("react/jsx-runtime"),Xa="k-input-inner",rd=[],id={},Br={value:"",placeholder:""},qa=e=>{let{value:t=Br.value,placeholder:o=Br.placeholder,rows:a,disabled:n,...l}=e;return(0,wr.jsx)("textarea",{...l,className:s(e.className,Xa,E(Xa,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};qa.states=rd;qa.options=id;qa.className=Xa;var Ro=require("react/jsx-runtime"),Pr="k-input-loading-icon",sd=[i.disabled,i.loading],Ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Ro.jsx)(Ro.Fragment,{}):(0,Ro.jsx)("span",{className:s(e.className,Pr,"k-icon k-i-loading")})};Ae.states=sd;Ae.className=Pr;var Ko=require("react/jsx-runtime"),Rr="k-input-validation-icon",ld=[i.valid,i.invalid,i.disabled,i.loading],dd={},Se=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,l=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Ko.jsx)(Ko.Fragment,{}):(0,Ko.jsx)(I,{className:s(Rr),icon:l})};Se.states=ld;Se.options=dd;Se.className=Rr;var _o=require("react/jsx-runtime"),cd="k-input-prefix",pd={direction:"horizontal"},Ue=e=>{let{direction:t=pd.direction,...o}=e;return e.children?(0,_o.jsx)("span",{...o,className:s(cd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,_o.jsx)(_o.Fragment,{})};var Do=require("react/jsx-runtime"),ud="k-input-suffix",md={direction:"horizontal"},Ge=e=>{let{direction:t=md.direction,...o}=e;return e.children?(0,Do.jsx)("span",{...o,className:s(ud,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Do.jsx)(Do.Fragment,{})};var bd=require("react/jsx-runtime");var Kr=require("react/jsx-runtime"),fd="k-input-suffix-text",Ja=e=>{let{children:t,...o}=e;return(0,Kr.jsx)("span",{...o,className:s(fd,e.className),children:t})};var Dr=require("react/jsx-runtime"),_r="k-input-separator",hd={direction:"vertical"},Fe=e=>{let{direction:t=hd.direction,...o}=e;return(0,Dr.jsx)("span",{...o,className:s(_r,e.className,{[`${_r}-${t}`]:t})})};var ne=require("react/jsx-runtime"),xd=ee.states,Nd=ee.defaultOptions,kd=ee.options,vd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gd=[],Xt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:l,readonly:c,...u}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],x=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,ne.jsxs)(ee,{...u,valid:o,invalid:a,loading:n,disabled:l,readonly:c,style:{width:300},children:[f&&(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(Ue,{children:(0,ne.jsx)(I,{icon:"lock"})}),p&&(0,ne.jsx)(Fe,{})]}),(0,ne.jsx)(Ke,{placeholder:"Placeholder",value:"Value"}),x&&(0,ne.jsx)(Se,{valid:o,invalid:a,loading:n,disabled:l}),(0,ne.jsx)(Ae,{loading:n,disabled:l}),N&&(0,ne.jsx)(Re,{loading:n,disabled:l,readonly:c,value:"Value"}),h&&(0,ne.jsxs)(ne.Fragment,{children:[p&&(0,ne.jsx)(Fe,{}),(0,ne.jsx)(Ge,{children:(0,ne.jsx)(Pt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Xt.options=kd;Xt.states=xd;Xt.variants=gd;Xt.defaultOptions=Nd;Xt.modifiers=vd;Xt.className=ee.className;var Ho=require("react/jsx-runtime"),Hr="k-color-preview",Ld=[],Md={},Lt=e=>{let{color:t,iconName:o,...a}=e;return(0,Ho.jsxs)("span",{...a,className:s(e.className,Hr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ho.jsx)(I,{icon:o,className:"k-color-preview-icon"}),(0,Ho.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Lt.states=Ld;Lt.options=Md;Lt.className=Hr;var Wa="popup",zr=Wa;var Ya=require("react/jsx-runtime"),Ur="k-animation-container",Sd=[],Id={},Gr={positionMode:"absolute"},at=e=>{let{positionMode:t=Gr.positionMode,animationStyle:o,offset:a,...n}=e;return(0,Ya.jsx)("div",{...n,style:{...a,...e.style},className:s(e.className,Ur,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ya.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};at.states=Sd;at.options=Id;at.className=Ur;at.defaultOptions=Gr;at.moduleName=Wa;at.folderName=zr;var Qa="popup",Fr=Qa;var Za=require("react/jsx-runtime"),Vr="k-popup",Cd=[],yd={},$r={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=$r.positionMode,animationStyle:a,containerClassName:n,containerRole:l,containerAriaLabel:c,...u}=e;return(0,Za.jsx)(at,{positionMode:o,offset:t,animationStyle:a,className:n,role:l,"aria-label":c,children:(0,Za.jsx)("div",{...u,className:s(e.className,Vr),children:e.children})})};$.states=Cd;$.options=yd;$.className=Vr;$.defaultOptions=$r;$.moduleName=Qa;$.folderName=Fr;$.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 ja="action-buttons",Xr=ja;var qr=require("react/jsx-runtime"),ra="k-actions",Td=[],Ed={},en={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=en.alignment,orientation:o=en.orientation,...a}=e;return(0,qr.jsx)("div",{...a,className:s(ra,{[`${ra}-${t}`]:t,[`${ra}-${o}`]:o},e.className),children:e.children})};nt.states=Td;nt.options=Ed;nt.className=ra;nt.defaultOptions=en;nt.moduleName=ja;nt.folderName=Xr;var Wr=require("react/jsx-runtime"),Ad="k-actionsheet-footer",Jr={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=Jr.alignment,orientation:o=Jr.orientation,template:a,as:n=a?"div":nt,...l}=e;return(0,Wr.jsx)(n,{...l,...!a&&{alignment:t,orientation:o},className:s(e.className,Ad),children:e.children})};var tn="searchbox",Yr=tn;var St=require("react/jsx-runtime"),Qr="k-searchbox",Od=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Bd={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]},on={showIcon:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:L=on.showIcon,icon:k=on.icon,"aria-label":y,...B}=e;return(0,St.jsxs)(ee,{...B,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:s(e.className,Qr),children:[L&&(0,St.jsx)(I,{className:"k-input-icon",icon:k}),(0,St.jsx)(Ke,{placeholder:o,value:t,"aria-label":y}),(0,St.jsx)(Ae,{...e}),(0,St.jsx)(Se,{...e}),(0,St.jsx)(Re,{...e})]})};Ve.states=Od;Ve.options=Bd;Ve.className=Qr;Ve.defaultOptions=on;Ve.moduleName=tn;Ve.folderName=Yr;var wd=require("react/jsx-runtime");var an="textbox",Zr=an;var fe=require("react/jsx-runtime"),jr="k-textbox",Pd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Rd={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]},ia={showClearButton:!0,showValidationIcon:!0,separators:!0},se=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ia.separators,showClearButton:l=ia.showClearButton,showValidationIcon:c=ia.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:L,valid:k,invalid:y,required:B,loading:C,disabled:R,readonly:j,id:be,"aria-label":Le,"aria-describedby":Me,...Pe}=e;return(0,fe.jsxs)(ee,{...Pe,size:t,rounded:o,fillMode:a,hover:p,focus:L,valid:k,invalid:y,required:B,loading:C,disabled:R,readonly:j,className:s(e.className,jr),children:[u&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(Ue,{children:u}),n&&(0,fe.jsx)(Fe,{})]}),(0,fe.jsx)(Ke,{id:be,placeholder:x,value:N,type:h,disabled:R,"aria-label":Le,"aria-describedby":Me,"aria-invalid":y?"true":void 0}),c&&(0,fe.jsx)(Se,{valid:k,invalid:y,loading:C,disabled:R}),(0,fe.jsx)(Ae,{loading:C,disabled:R}),l&&(0,fe.jsx)(Re,{loading:C,disabled:R,readonly:j,value:N}),f&&(0,fe.jsxs)(fe.Fragment,{children:[n&&(0,fe.jsx)(Fe,{}),(0,fe.jsx)(Ge,{children:f})]})]})};se.states=Pd;se.options=Rd;se.className=jr;se.defaultOptions=ia;se.moduleName=an;se.folderName=Zr;se.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 zo=se;var ti=require("react/jsx-runtime"),ei=e=>(0,ti.jsx)(zo,{...e});var oi=require("react/jsx-runtime");var ai=require("react/jsx-runtime");var Kd=require("react/jsx-runtime");var sa=require("react/jsx-runtime"),_d=se.states,Dd=se.defaultOptions,Hd=se.options,zd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ud=[],qt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,sa.jsx)(I,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,sa.jsx)(Pt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,sa.jsx)(ei,{value:"Value",style:{width:300},...o,...a})};qt.options=Hd;qt.states=_d;qt.variants=Ud;qt.defaultOptions=Dd;qt.modifiers=zd;qt.className=se.className;var _e=require("react/jsx-runtime"),ni="k-actionsheet-titlebar",Gd={},Ie=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:l,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return(0,_e.jsxs)("div",{...p,className:s(e.className,ni),children:[(0,_e.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,_e.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(0,_e.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,_e.jsx)("div",{className:"k-text-center",children:t}),o&&(0,_e.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&(0,_e.jsx)("div",{className:"k-actionsheet-title",id:N,children:x}),n&&(0,_e.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(c\|\|l)&&(0,_e.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,_e.jsx)(se,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,_e.jsx)(Ve,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ie.className=ni;Ie.defaultOptions=Gd;var Jt=require("react/jsx-runtime"),nn="k-actionsheet-view",Fd=[],Vd={},$d={},Wt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:l,titleId:c,...u}=e,f=(n==null?void 0:n.type)===Ie&&(0,Jt.jsx)(Ie,{adaptive:t,titleId:c,...n==null?void 0:n.props}),h=(l==null?void 0:l.type)===Mt&&(0,Jt.jsx)(Mt,{...l==null?void 0:l.props});return(0,Jt.jsxs)("div",{...u,className:s(e.className,nn,{[`${nn}-animated`]:o}),children:[f,(0,Jt.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Wt.states=Fd;Wt.options=Vd;Wt.className=nn;Wt.defaultOptions=$d;var Uo="action-sheet",la=Uo;var rn="overlay",ri=rn;var si=require("react/jsx-runtime"),ii="k-overlay",Xd=[],qd={},Jd={},It=e=>{let{...t}=e;return(0,si.jsx)("div",{...t,className:s(e.className,ii),children:e.children})};It.states=Xd;It.options=qd;It.className=ii;It.defaultOptions=Jd;It.moduleName=rn;It.folderName=ri;var Kt=require("react/jsx-runtime"),li="k-actionsheet",Wd=[],Yd={},Go={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=Go.side,fullscreen:o=Go.fullscreen,adaptive:a=Go.adaptive,overlay:n=Go.overlay,template:l,children:c,header:u,footer:f,id:h,...N}=e,x=h&&!l&&u?`${h}-title`:void 0;return(0,Kt.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Kt.jsx)(It,{}),(0,Kt.jsx)(at,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,Kt.jsx)("div",{...N,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:s(e.className,li,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|(0,Kt.jsx)(Wt,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};Q.states=Wd;Q.options=Yd;Q.className=li;Q.defaultOptions=Go;Q.moduleName=Uo;Q.folderName=la;Q.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var ci=require("react/jsx-runtime"),di="k-actionsheet-container",Qd=[],Zd={},jd={},Yt=e=>{let{children:t,...o}=e;return(0,ci.jsx)("div",{...o,className:di,children:t})};Yt.states=Qd;Yt.options=Zd;Yt.className=di;Yt.defaultOptions=jd;Yt.moduleName=Uo;Yt.folderName=la;var pi=require("react/jsx-runtime"),sn=e=>{let{...t}=e;return(0,pi.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var $e=require("react/jsx-runtime"),ln="k-actionsheet-item",ec=[i.hover,i.focus,i.selected,i.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:n,focus:l,selected:c,disabled:u,...f}=e;return(0,$e.jsxs)("span",{...f,className:s(e.className,ln,T(ln,{hover:n,focus:l,selected:c,disabled:u})),children:[!e.children&&(0,$e.jsx)($e.Fragment,{children:(0,$e.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,$e.jsx)("span",{className:"k-icon-wrap",children:(0,$e.jsx)(I,{className:"k-actionsheet-item-icon",icon:t})}),(0,$e.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,$e.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,$e.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=ec;Ct.className=ln;var ui=require("react/jsx-runtime");var tc=require("react/jsx-runtime");var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var q=require("react/jsx-runtime"),nc=Q.options,rc=Q.states,bi={...Q.defaultOptions,variant:"normal"},ic=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],sc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qt=e=>{let{variant:t,modifiers:o,...a}={...bi,...e},n={},l=(0,q.jsxs)(sn,{children:[(0,q.jsx)(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,q.jsx)(Ct,{text:"Add to Favorites",iconName:"heart"}),(0,q.jsx)(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),(0,q.jsx)("hr",{className:"k-hr"}),(0,q.jsx)(Ct,{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!=null&&o[f]),n.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":n.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":n.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,q.jsx)(Q,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,q.jsx)(Ie,{actionsStart:n.actionsStart?(0,q.jsx)(r,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,q.jsx)(r,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?(0,q.jsxs)(Mt,{alignment:"stretched",children:[(0,q.jsx)(r,{text:"Cancel",size:"large",themeColor:"base"}),(0,q.jsx)(r,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):(0,q.jsx)(Q,{...a,fullscreen:n.fullScreen,header:(0,q.jsx)(Ie,{actionsStart:n.actionsStart?(0,q.jsx)(r,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,q.jsx)(r,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,q.jsxs)(Mt,{alignment:"stretched",children:[(0,q.jsx)(r,{text:"Apply",themeColor:"primary"}),(0,q.jsx)(r,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Qt.options=nc;Qt.states=rc;Qt.variants=ic;Qt.defaultOptions=bi;Qt.modifiers=sc;Qt.className=Q.className;var dn="slider",fi=dn;var Qe=require("react/jsx-runtime"),Fo="k-slider",lc=[i.hover,i.focus,i.active,i.disabled,i.readonly],dc={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:l=Xe.disabled,handlePosition:c=Xe.handlePosition,showButtons:u=Xe.showButtons,showTicks:f=Xe.showTicks,value:h=Xe.value,min:N=Xe.min,max:x=Xe.max,startValue:p,endValue:L,hover:k,focus:y,active:B,trackStyle:C,dir:R,...j}=e,Le=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Me,Pe;return o==="horizontal"?(Me=R==="rtl"?"chevron-left":"chevron-right",Pe=R==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Me="chevron-up",Pe="chevron-down"),(0,Qe.jsxs)("div",{...j,className:s(Fo,e.className,T(Fo,{readonly:n,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:R,children:[u&&(0,Qe.jsx)(r,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),(0,Qe.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Qe.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Qe.jsxs)("div",{className:"k-slider-track",style:C,children:[(0,Qe.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Qe.jsx)("span",{className:s("k-draghandle","k-draghandle-start",T(Fo,{hover:k,focus:y,active:B})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":Le,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":j["aria-label"]?`${j["aria-label"]} start`:"Range start"}),(0,Qe.jsx)("span",{className:s("k-draghandle",`k-draghandle-${c}`,T(Fo,{hover:k,focus:y,active:B})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?L??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":Le,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?j["aria-label"]?`${j["aria-label"]} end`:"Range end":j["aria-label"]})]})]}),u&&(0,Qe.jsx)(r,{className:"k-button-increase",rounded:"full",icon:Me,tabIndex:-1,title:"Increase"})]})};V.states=lc;V.options=dc;V.className=Fo;V.defaultOptions=Xe;V.moduleName=dn;V.folderName=fi;V.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var cn=require("react/jsx-runtime"),hi="k-tick",cc=[],pc={},xi={label:!1},A=e=>{let{style:t,label:o=xi.label,orientation:a,large:n,text:l,...c}=e;return(0,cn.jsx)("li",{...c,role:"presentation",title:l\|\|"Tick",className:s(e.className,hi,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,cn.jsx)("span",{className:"k-label",children:l})})};A.states=cc;A.options=pc;A.className=hi;A.defaultOptions=xi;var le=require("react/jsx-runtime"),Ni=e=>(0,le.jsx)(V,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(A,{className:"k-first",label:!0,large:!0,text:"0"}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{label:!0,large:!0,text:"5"}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var de=require("react/jsx-runtime"),ki=e=>(0,de.jsx)(V,{children:(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(A,{className:"k-first",label:!0,large:!0,text:"0"}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{label:!0,large:!0,text:"5"}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var pn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var vi=require("react/jsx-runtime"),mn=e=>(0,vi.jsx)(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var gi=require("react/jsx-runtime"),bn=e=>(0,gi.jsx)(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var fn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),uc=V.options,mc=V.states,Li={...V.defaultOptions,variant:"horizontal",label:!0},bc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fc=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Zt=e=>{let{variant:t,modifiers:o,...a}={...Li,...e},n={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!(o!=null&&o[h]);break}case"label":{n.label=!!(o!=null&&o[h]);break}case"tick":{n.showTicks=!!(o!=null&&o[h]);break}}});let{label:l=!0,showButtons:c,showTicks:u}=n,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Oe.jsxs)(ki,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Oe.jsxs)(Ni,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Zt.options=uc;Zt.states=mc;Zt.variants=bc;Zt.defaultOptions=Li;Zt.modifiers=fc;Zt.className=V.className;var Vo=require("react/jsx-runtime"),Mi="k-spin-button",Nc=[],kc={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},xn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=xn.increaseLabel,decreaseLabel:l=xn.decreaseLabel,...c}=e;return(0,Vo.jsxs)("span",{...c,className:s(Mi,e.className),children:[(0,Vo.jsx)(r,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,Vo.jsx)(r,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};yt.states=Nc;yt.options=kc;yt.className=Mi;yt.defaultOptions=xn;yt.moduleName=null;yt.folderName=null;var Si="numeric-textbox",Ii="numerictextbox";var ce=require("react/jsx-runtime"),Ci="k-numerictextbox",vc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],gc={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={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=da.separators,showClearButton:l=da.showClearButton,showSpinButton:c=da.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,id:j,"aria-label":be,"aria-describedby":Le,...Me}=e;return(0,ce.jsxs)(ee,{...Me,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,className:s(e.className,Ci),children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(Ue,{children:u}),n&&(0,ce.jsx)(Fe,{})]}),(0,ce.jsx)(Ke,{id:j,placeholder:N,value:h,role:"spinbutton",disabled:C,"aria-label":be,"aria-describedby":Le,"aria-invalid":k?"true":void 0}),(0,ce.jsx)(Se,{valid:L,invalid:k,loading:B,disabled:C}),(0,ce.jsx)(Ae,{loading:B,disabled:C}),l&&(0,ce.jsx)(Re,{loading:B,disabled:C,readonly:R,value:h}),f&&(0,ce.jsxs)(ce.Fragment,{children:[n&&(0,ce.jsx)(Fe,{}),(0,ce.jsx)(Ge,{children:f})]}),c&&(0,ce.jsx)(yt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};H.states=vc;H.options=gc;H.className=Ci;H.defaultOptions=da;H.moduleName=Si;H.folderName=Ii;H.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 $o=H;var Ti=require("react/jsx-runtime"),yi=e=>(0,Ti.jsx)($o,{...e});var pa=ur(require("react"));var Nn=require("react/jsx-runtime"),Lc="k-list-group-sticky-header",kn=e=>(0,Nn.jsx)("div",{className:s(Lc,e.className),children:(0,Nn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ei=require("react/jsx-runtime"),Mc="k-no-data",ca=e=>{let{live:t,...o}=e;return(0,Ei.jsx)("span",{...o,className:s(Mc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var _t="list",jt=_t;var eo=require("react/jsx-runtime"),vn="k-list",Sc=[],Ic={size:[d.undefined,d.small,d.medium,d.large]},Cc={},K=e=>{var L;let{size:t,virtualization:o,children:a,header:n,optionLabel:l,customValue:c,noData:u,screenReaders:f,...h}=e,x=pa.default.Children.toArray(a)[0],p=(L=x==null?void 0:x.props)!=null&&L.children?pa.default.Children.count(x.props.children):pa.default.Children.count(a);return(0,eo.jsxs)("div",{...h,className:s(e.className,vn,E(vn,{size:t}),{"k-virtual-list":o}),children:[l,c,n&&(0,eo.jsx)(kn,{children:n}),a\|\|(u!==void 0?u:(0,eo.jsx)(ca,{live:!0,children:"No data found."})),f&&a&&(0,eo.jsxs)(ca,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};K.states=Sc;K.options=Ic;K.className=vn;K.defaultOptions=Cc;K.moduleName=_t;K.folderName=jt;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Oi=require("react/jsx-runtime"),Ai="k-list-container",yc=[],Tc={},Ec={},to=e=>{let{...t}=e;return(0,Oi.jsx)("div",{...t,className:s(e.className,Ai),children:e.children})};to.states=yc;to.options=Tc;to.className=Ai;to.defaultOptions=Ec;to.moduleName=_t;to.folderName=jt;var Dt="checkbox",oo=Dt;var gn=require("react/jsx-runtime"),ua="k-checkbox",Ac=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Bc={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:l,disabled:c,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...L}=e;return(0,gn.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,gn.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:s(e.className,ua,E(ua,{size:N,rounded:x}),T(ua,{hover:n,focus:l,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};qe.states=Ac;qe.options=Oc;qe.className=ua;qe.defaultOptions=Bc;qe.moduleName=Dt;qe.folderName=oo;qe.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 Ze=qe;var Pi=require("react/jsx-runtime"),Bi="k-checkbox-list",wc=[],Pc={},wi={layout:"vertical"},Ce=e=>{let{layout:t=wi.layout,...o}=e;return(0,Pi.jsx)("ul",{...o,className:s(e.className,Bi,{[`k-list-${t}`]:t}),children:e.children})};Ce.states=wc;Ce.options=Pc;Ce.className=Bi;Ce.defaultOptions=wi;Ce.moduleName=Dt;Ce.folderName=oo;var Ki=require("react/jsx-runtime"),Ri="k-checkbox-list-item",Rc=[],Kc={},_c={},ye=e=>{let{...t}=e;return(0,Ki.jsx)("li",{...t,className:s(e.className,Ri),children:e.children})};ye.states=Rc;ye.options=Kc;ye.className=Ri;ye.defaultOptions=_c;ye.moduleName=Dt;ye.folderName=oo;var Ht=require("react/jsx-runtime"),pt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)(Ze,{id:t,...o}),(0,Ht.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ln=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var Hc=require("react/jsx-runtime");var zc=require("react/jsx-runtime");var he=require("react/jsx-runtime"),Uc=Ce.options,Gc=Ce.states,Fc={...Ce.defaultOptions,variant:"vertical"},Vc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$c=[],ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,he.jsxs)(Ce,{layout:"horizontal",...o,children:[(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})})]}):(0,he.jsxs)(Ce,{...o,children:[(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})})]})};ao.options=Uc;ao.states=Gc;ao.variants=Vc;ao.defaultOptions=Fc;ao.modifiers=$c;ao.className=Ce.className;var _i=require("react/jsx-runtime"),Xc=Ze.options,qc=Ze.states,Jc=Ze.defaultOptions,Wc=[],Yc=[],no=e=>(0,_i.jsx)(pt,{id:D("checkbox"),...e,defaultChecked:!0,children:"Label"});no.options=Xc;no.states=qc;no.variants=Wc;no.defaultOptions=Jc;no.modifiers=Yc;no.className=Ze.className;var rt=require("react/jsx-runtime"),In="k-list-item",Qc=[i.hover,i.focus,i.selected,i.disabled],Zc={},jc={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:l,showCheckbox:c,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:L,id:k,...y}=e,B=t\|\|e.children;return(0,rt.jsxs)("li",{...y,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:s(e.className,a?"k-list-group-item":In,T(In,{hover:f,focus:h,disabled:x,selected:N})),children:[c&&(0,rt.jsx)(qe,{checked:u}),n&&(0,rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,rt.jsx)(I,{icon:n,className:s("k-list-item-icon",l)})}),(0,rt.jsx)("span",{className:"k-list-item-text",children:B}),p&&(0,rt.jsx)("div",{className:"k-list-item-actions",children:p}),L&&(0,rt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};w.states=Qc;w.options=Zc;w.className=In;w.defaultOptions=jc;w.moduleName=_t;w.folderName=jt;w.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Di=require("react/jsx-runtime"),ep="k-list-ul",ut=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Di.jsx)("ul",{...n,id:a,role:o,className:s(ep,e.className),children:t})};ut.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var ro=require("react/jsx-runtime"),tp="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:l,...c}=e;return(0,ro.jsxs)("div",{...c,className:s(tp,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:(0,ro.jsx)(ut,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,ro.jsx)("div",{className:"k-height-container",children:(0,ro.jsx)("div",{})})]})};z.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Cn=require("react/jsx-runtime");var io=require("react/jsx-runtime"),op="k-list-group-item",zt=e=>{let{groupIconName:t,...o}=e;return(0,io.jsxs)("li",{...o,role:"presentation",className:s(op,e.className),children:[t&&(0,io.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,io.jsx)(I,{icon:t,className:"k-list-item-icon"})}),(0,io.jsx)("span",{className:"k-list-item-text",children:e.children})]})};zt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Hi=require("react/jsx-runtime"),yn="k-list-optionlabel",ap=[i.hover,i.focus,i.selected,i.disabled],np={},rp={},ma=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return(0,Hi.jsx)("div",{...c,className:s(yn,T(yn,{hover:o,focus:a,selected:n,disabled:l})),children:t})};ma.states=ap;ma.options=np;ma.className=yn;ma.defaultOptions=rp;var zi=require("react/jsx-runtime"),Tn="k-list-custom-value",ip=[i.hover,i.focus,i.selected,i.disabled],sp={},lp={},Tt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return(0,zi.jsx)("div",{...c,className:s(Tn,T(Tn,{hover:o,focus:a,selected:n,disabled:l})),children:t})};Tt.states=ip;Tt.options=sp;Tt.className=Tn;Tt.defaultOptions=lp;var En=require("react/jsx-runtime");var An=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var Ui="dropdown-list",Gi="dropdownlist";var J=require("react/jsx-runtime"),Fi="k-dropdownlist",cp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],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]},Pn={showValue:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Pn.arrowIconName,showValue:l=Pn.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,popup:j,opened:be,adaptive:Le,adaptiveSettings:Me,adaptiveTitle:Pe,adaptiveSubtitle:Bt,adaptiveFilter:Ia,id:vt,activeDescendant:Yo,"aria-label":Ca,...ya}=e,bl=vt?`${vt}-listbox`:void 0,cr=vt?`${vt}-value`:void 0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(ot,{...ya,id:vt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,className:s(e.className,Fi,{"k-icon-picker":!l&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":be?"true":"false","aria-controls":be?bl:void 0,"aria-activedescendant":be&&Yo?Yo:void 0,"aria-describedby":be?cr:void 0,"aria-disabled":C?"true":void 0,"aria-label":Ca,tabIndex:0,children:[(0,J.jsx)(Ue,{children:u}),(0,J.jsx)(Rt,{placeholder:N,value:h,showValue:l,valueIconName:c,id:cr}),(0,J.jsx)(Se,{valid:L,invalid:k,loading:B,disabled:C}),(0,J.jsx)(Ae,{loading:B,disabled:C}),(0,J.jsx)(Ge,{children:f}),(0,J.jsx)(r,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),be&&j&&(0,J.jsx)($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:j}),Le&&(0,J.jsx)(Q,{adaptive:!0,...Me,header:(0,J.jsx)(Ie,{actionsEnd:(0,J.jsx)(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ia,inputValue:h,inputPlaceholder:N,title:Pe,subtitle:Bt}),children:(0,J.jsx)("div",{className:"k-list-container",children:(0,J.jsx)(K,{size:"large",children:(0,J.jsxs)(z,{"aria-label":"Options",children:[(0,J.jsx)(w,{text:"List item"}),(0,J.jsx)(w,{text:"List item"}),(0,J.jsx)(w,{text:"List item"})]})})})})]})};X.states=cp;X.options=pp;X.className=Fi;X.defaultOptions=Pn;X.moduleName=Ui;X.folderName=Gi;X.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var up=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var $i=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),fp=X.states,hp=X.defaultOptions,xp=X.options,Np=[{name:"opened",title:"Opened"}],kp=[],lo=e=>{let{modifiers:t,...o}=e,a={},n=(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)("div",{className:"k-list-filter",children:(0,Be.jsx)(Ve,{})}),(0,Be.jsx)(K,{style:{width:300},size:o.size,children:(0,Be.jsxs)(z,{children:[(0,Be.jsx)(w,{children:"List item"}),(0,Be.jsx)(w,{children:"List item"}),(0,Be.jsx)(w,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!(t!=null&&t[l]),a.popup=t!=null&&t[l]?n:void 0)}),(0,Be.jsx)("div",{children:(0,Be.jsx)(X,{placeholder:"Value",style:{width:300},...o,...a})})};lo.options=xp;lo.states=fp;lo.variants=kp;lo.defaultOptions=hp;lo.modifiers=Np;lo.className=X.className;var Xi=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var vp=require("react/jsx-runtime");var ba=require("react/jsx-runtime"),gp=H.states,Lp=H.defaultOptions,Mp=H.options,Sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Ip=[],co=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,ba.jsx)(X,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,ba.jsx)(Ja,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,ba.jsx)(yi,{value:"Value",style:{width:300},...o,...a})};co.options=Mp;co.states=gp;co.variants=Ip;co.defaultOptions=Lp;co.modifiers=Sp;co.className=H.className;var g=require("react/jsx-runtime"),Ji="k-colorgradient-inputs",Cp=[],yp={size:[d.undefined,d.small,d.medium,d.large]},Wi={mode:"rgba"},po=e=>{let{mode:t=Wi.mode,size:o,...a}=e;return(0,g.jsxs)("div",{...a,className:s(Ji,"k-hstack"),children:[(0,g.jsx)("div",{className:"k-vstack",children:(0,g.jsx)(r,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,g.jsx)(se,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};po.states=Cp;po.options=yp;po.className=Ji;po.defaultOptions=Wi;var xe=require("react/jsx-runtime"),Yi="k-colorgradient-color-contrast",Tp=[],Ep={},Ap={},uo=()=>(0,xe.jsxs)("div",{className:s(Yi,"k-vbox"),children:[(0,xe.jsxs)("div",{className:"k-contrast-ratio",children:[(0,xe.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,xe.jsx)(I,{icon:"check"}),(0,xe.jsx)(I,{icon:"check"})]})]}),(0,xe.jsxs)("div",{children:[(0,xe.jsx)("span",{children:"AA: 4.5"}),(0,xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,xe.jsx)(I,{icon:"check"})]})]}),(0,xe.jsxs)("div",{children:[(0,xe.jsx)("span",{children:"AAA: 7.0"}),(0,xe.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,xe.jsx)(I,{icon:"x"})]})]})]});uo.states=Tp;uo.options=Ep;uo.className=Yi;uo.defaultOptions=Ap;var Qi="color-gradient",Zi="colorgradient";var oe=require("react/jsx-runtime"),fa="k-colorgradient",Op=[i.hover,i.focus,i.readonly,i.disabled],Bp={size:[d.undefined,d.small,d.medium,d.large]},it={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"},re=e=>{let{size:t,mode:o=it.mode,readonly:a=it.readonly,disabled:n=it.disabled,gradientStyle:l=it.gradientStyle,dragHandleStyle:c=it.dragHandleStyle,alphaStyle:u=it.alphaStyle,alphaStyleHorizontal:f=it.alphaStyleHorizontal,contrast:h=it.contrast,dir:N,hover:x,focus:p,hoverHandle:L,focusHandle:k,canvasOrientation:y=it.canvasOrientation,role:B,tabIndex:C,...R}=e;return(0,oe.jsxs)("div",{...R,role:B??"textbox","aria-label":B==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,fa,E(fa,{size:t}),T(fa,{hover:x,focus:p,readonly:a,disabled:n})),dir:N,children:[!y\|\|y==="horizontal"&&(0,oe.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,oe.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,oe.jsx)("div",{className:"k-hsv-gradient",children:(0,oe.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"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})})}),(0,oe.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,oe.jsx)(bn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,oe.jsx)(bn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),y==="vertical"&&(0,oe.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,oe.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,oe.jsx)("div",{className:"k-hsv-gradient",children:(0,oe.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"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})})}),(0,oe.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,oe.jsx)(mn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,oe.jsx)(mn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:f})]})]}),(0,oe.jsx)(po,{mode:e.mode,size:t}),h&&(0,oe.jsx)(uo,{})]})};re.states=Op;re.options=Bp;re.className=fa;re.defaultOptions=it;re.moduleName=Qi;re.folderName=Zi;re.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var ji=require("react/jsx-runtime"),ha=e=>(0,ji.jsx)(re,{...e});var wp=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var xa=require("react/jsx-runtime"),Rp=re.options,Kp=re.states,_p={...re.defaultOptions,variant:"rgba"},Dp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Hp=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,xa.jsx)(ha,{...o,mode:t});case"rgb":return(0,xa.jsx)(ha,{...o,mode:t});default:return(0,xa.jsx)(ha,{...o,mode:t})}};mo.options=Rp;mo.states=Kp;mo.variants=Dp;mo.defaultOptions=_p;mo.modifiers=Hp;mo.className=re.className;var es=require("react/jsx-runtime"),_n=e=>(0,es.jsx)("tr",{role:"row",children:e.children});var ts=require("react/jsx-runtime"),Dn="k-colorpalette-tile",zp=[i.hover,i.focus,i.selected],Up={},bo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:l,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,ts.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:s(e.className,Dn,T(Dn,{hover:a,focus:n,selected:l})),style:u})};bo.states=zp;bo.options=Up;bo.className=Dn;var os="color-palette",as="colorpalette";var fo=require("react/jsx-runtime"),Na="k-colorpalette",Gp=[i.disabled],Fp={size:[d.undefined,d.small,d.medium,d.large]},ns={columns:10},Te=e=>{let{size:t,palette:o,columns:a=ns.columns,tileSize:n,disabled:l,...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(xf,(x+1)f).map((k,y)=>{p.push((0,fo.jsx)(bo,{color:k,tileSize:n},y))});let L=(0,fo.jsx)(_n,{children:p},x);u.push(L)})}return(0,fo.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:s(e.className,Na,T(Na,{disabled:l}),E(Na,{size:t})),children:(0,fo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,fo.jsx)("tbody",{children:u.length>0?u:e.children})})})};Te.states=Gp;Te.options=Fp;Te.className=Na;Te.defaultOptions=ns;Te.moduleName=os;Te.folderName=as;Te.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 ka=Te;var Xo={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var is=require("react/jsx-runtime"),rs=e=>(0,is.jsx)(ka,{palette:Xo.basic,...e});var Vp=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var ls=require("react/jsx-runtime"),$p=Te.options,Xp=Te.states,qp={...Te.defaultOptions,variant:"basic"},Jp=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Wp={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}},Yp=[],ho=e=>{let{variant:t="basic",...o}=e,a=Wp[t];return(0,ls.jsx)(rs,{columns:a.columns,palette:a,...o})};ho.options=$p;ho.states=Xp;ho.variants=Jp;ho.defaultOptions=qp;ho.modifiers=Yp;ho.className=Te.className;var ds="color-editor",cs="coloreditor";var te=require("react/jsx-runtime"),va="k-coloreditor",Qp=[i.focus],Zp={size:[d.undefined,d.small,d.medium,d.large]},qo={view:"gradient",palette:Xo.office,actionButtons:!0,canvasOrientation:"horizontal"},Z=e=>{let{size:t,view:o=qo.view,palette:a=qo.palette,color:n,currentColor:l,focus:c,focusView:u,dir:f,group:h,actionButtons:N=qo.actionButtons,canvasOrientation:x=qo.canvasOrientation,...p}=e;return(0,te.jsxs)("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",va,E(va,{size:t}),T(va,{focus:c})),dir:f,children:[(0,te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,te.jsxs)(S,{fillMode:"flat",children:[(0,te.jsx)(r,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,te.jsx)(r,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,te.jsx)("div",{className:"k-spacer"}),(0,te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,te.jsx)(r,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,te.jsx)(Lt,{className:"k-coloreditor-preview-color",color:n}),(0,te.jsx)(Lt,{className:"k-coloreditor-current-color",color:l})]})]})]}),(0,te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,te.jsx)(re,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):(0,te.jsx)(Te,{palette:a,size:t})}),N&&(0,te.jsxs)(nt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,te.jsx)(r,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,te.jsx)(r,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Z.states=Qp;Z.options=Zp;Z.className=va;Z.defaultOptions=qo;Z.moduleName=ds;Z.folderName=cs;Z.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 xo=Z;var jp=require("react/jsx-runtime");var eu=require("react/jsx-runtime");var us=require("react/jsx-runtime"),ps=e=>(0,us.jsx)(xo,{group:!0,currentColor:"fuchsia",...e});var bs=require("react/jsx-runtime"),ms=e=>(0,bs.jsx)(xo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Hn=require("react/jsx-runtime"),tu=Z.options,ou=Z.states,au={...Z.defaultOptions,variant:"gradient"},nu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ru=[],No=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Hn.jsx)(ms,{...o,color:"white"}):(0,Hn.jsx)(ps,{...o,color:"rgba(183, 118 , 118, 1.00)"})};No.options=tu;No.states=ou;No.variants=nu;No.defaultOptions=au;No.modifiers=ru;No.className=Z.className;var fs="color-picker",hs="colorpicker";var ae=require("react/jsx-runtime"),xs="k-colorpicker",iu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],su={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]},Ns={arrowIconName:"chevron-down"},De=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ns.arrowIconName,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:L,disabled:k,valueIconName:y,popup:B,opened:C,adaptive:R,adaptiveSettings:j,adaptiveTitle:be,adaptiveSubtitle:Le,...Me}=e,Pe="colorpicker-popup";return(0,ae.jsxs)(ae.Fragment,{children:[(0,ae.jsxs)(ot,{...Me,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|R?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:s(e.className,xs,"k-icon-picker"),children:[(0,ae.jsx)(Ue,{children:l}),(0,ae.jsx)(Rt,{placeholder:f,value:u,showValue:!1,valueIcon:(0,ae.jsx)(Lt,{className:"k-value-icon",color:u,iconName:y}),valueIconName:y}),(0,ae.jsx)(Ge,{children:c}),(0,ae.jsx)(r,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),C&&B&&(0,ae.jsx)($,{id:Pe,className:"k-colorpicker-popup",children:B}),R&&(0,ae.jsx)(Q,{adaptive:!0,id:Pe,...j,header:(0,ae.jsx)(Ie,{actionsEnd:(0,ae.jsx)(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:be,subtitle:Le}),footer:(0,ae.jsxs)(Mt,{children:[(0,ae.jsx)(r,{text:"Cancel",size:"large"}),(0,ae.jsx)(r,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ae.jsx)(Z,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};De.states=iu;De.options=su;De.className=xs;De.defaultOptions=Ns;De.moduleName=fs;De.folderName=hs;De.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var mt=De;var ks=require("react/jsx-runtime"),ga=e=>(0,ks.jsx)(mt,{...e});var lu=require("react/jsx-runtime");var du=require("react/jsx-runtime");var cu=require("react/jsx-runtime");var pu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var mu=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),bu=mt.options,fu=mt.states,vs={...mt.defaultOptions,variant:"color"},hu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],xu=[{name:"opened",title:"Opened"}],ko=e=>{let{variant:t,modifiers:o,...a}={...vs,...e},n={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!(o!=null&&o[c]),n.popup=o!=null&&o[c]?(0,Et.jsx)(Z,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Et.jsx)("div",{style:l,children:(0,Et.jsx)(ga,{...a,...n})});case"icon":return(0,Et.jsx)("div",{style:l,children:(0,Et.jsx)(ga,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,Et.jsx)("div",{style:l,children:(0,Et.jsx)(ga,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};ko.options=bu;ko.states=fu;ko.variants=hu;ko.defaultOptions=vs;ko.modifiers=xu;ko.className=mt.className;var zn="combobox",gs=zn;var _=require("react/jsx-runtime"),Ls="k-combobox",Nu=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ku={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]},Ms={separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ms.separators,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:L,loading:k,disabled:y,popup:B,opened:C,readonly:R,adaptive:j,adaptiveSettings:be,adaptiveTitle:Le,adaptiveSubtitle:Me,adaptiveCustomValue:Pe,id:Bt,autocomplete:Ia,activeDescendant:vt,"aria-label":Yo,...Ca}=e,ya=Bt?`${Bt}-listbox`:void 0;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(ee,{...Ca,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:L,loading:k,disabled:y,readonly:R,className:s(e.className,Ls),children:[l&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Ue,{children:l}),n&&(0,_.jsx)(Fe,{})]}),(0,_.jsx)(Ke,{id:Bt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":C?"true":"false","aria-controls":C?ya:void 0,"aria-activedescendant":C&&vt?vt:void 0,"aria-autocomplete":Ia,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Yo,disabled:y,readOnly:R}),(0,_.jsx)(Se,{valid:x,invalid:p,loading:k,disabled:y}),(0,_.jsx)(Ae,{loading:k,disabled:y}),(0,_.jsx)(Re,{loading:k,disabled:y,readonly:R,value:u}),c&&(0,_.jsxs)(_.Fragment,{children:[n&&(0,_.jsx)(Fe,{}),(0,_.jsx)(Ge,{children:c})]}),(0,_.jsx)(r,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),C&&B&&(0,_.jsx)($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:B}),j&&(0,_.jsx)(Q,{adaptive:!0,id:Bt?`${Bt}-adaptive`:void 0,...be,header:(0,_.jsx)(Ie,{actionsEnd:(0,_.jsx)(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:Le,subtitle:Me}),children:(0,_.jsx)("div",{className:"k-list-container",children:(0,_.jsx)(K,{customValue:Pe?(0,_.jsx)(Tt,{text:`Use "${u}"`}):void 0,size:"large",children:(0,_.jsxs)(z,{"aria-label":Le\|\|"Options",children:[(0,_.jsx)(w,{text:"List item"}),(0,_.jsx)(w,{text:"List item"}),(0,_.jsx)(w,{text:"List item"})]})})})})]})};Ne.states=Nu;Ne.options=ku;Ne.className=Ls;Ne.defaultOptions=Ms;Ne.moduleName=zn;Ne.folderName=gs;Ne.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 He=Ne;var Is=require("react/jsx-runtime"),Ss=e=>(0,Is.jsx)(He,{...e});var Cs=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var vu=require("react/jsx-runtime");var gu=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var je=require("react/jsx-runtime"),Lu=Ne.states,Mu=Ne.defaultOptions,Su=Ne.options,Iu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Cu=[],vo=e=>{let{modifiers:t,...o}=e,a={},n=(0,je.jsx)(K,{style:{width:300},size:o.size,children:(0,je.jsxs)(z,{children:[(0,je.jsx)(w,{children:"List item"}),(0,je.jsx)(w,{children:"List item"}),(0,je.jsx)(w,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,je.jsx)(I,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,je.jsx)(gt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[l]),a.popup=t!=null&&t[l]?n:void 0;break;default:break}}),(0,je.jsx)("div",{children:(0,je.jsx)(Ss,{value:"Value",style:{width:300},...o,...a})})};vo.options=Su;vo.states=Lu;vo.variants=Cu;vo.defaultOptions=Mu;vo.modifiers=Iu;vo.className=Ne.className;var Gn="menu-button",Ps=Gn;var Ks=require("react/jsx-runtime"),Rs="k-menu-button",yu=[i.hover,i.focus,i.active,i.selected,i.disabled],Tu={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]},Fn={showArrow:!0,arrowIconName:"chevron-down"},U=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=Fn.showArrow,arrowIconName:L=Fn.arrowIconName,expanded:k,...y}=e;return(0,Ks.jsx)(r,{...y,className:s(e.className,Rs),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};U.states=yu;U.options=Tu;U.className=Rs;U.defaultOptions=Fn;U.moduleName=Gn;U.folderName=Ps;U.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Eu=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var ze="menu",Je=ze;var bt=require("react/jsx-runtime"),Vn="k-menu-item",Bu=[i.hover,i.focus,i.active,i.selected,i.disabled],wu={},_s={iconPosition:"before"},ke=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=_s.iconPosition,dir:L,children:k,expanded:y,...B}=e,C=x;return C\|\|(C=L==="rtl"?"chevron-left":"chevron-right"),(0,bt.jsxs)("li",{...B,className:s(e.className,Vn,"k-item",T(Vn,{focus:o,disabled:l,hover:t,active:a,selected:n}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,bt.jsxs)("span",{className:s("k-link k-menu-link"),children:[c&&p==="before"&&(0,bt.jsx)(I,{className:"k-menu-link-icon",icon:c}),(0,bt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&(0,bt.jsx)(I,{className:"k-menu-link-icon",icon:c}),N&&(0,bt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,bt.jsx)(I,{icon:C})})]}),k]})};ke.states=Bu;ke.options=wu;ke.className=Vn;ke.defaultOptions=_s;ke.moduleName=ze;ke.folderName=Je;var ft=require("react/jsx-runtime"),$n="k-menu-item",Pu=[i.hover,i.focus,i.active,i.selected,i.disabled],Ru={},Xn={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Xn.iconPosition,dir:L=Xn.dir,children:k,popup:y,expanded:B,...C}=e,R=x;return R\|\|(R=L==="rtl"?"chevron-left":"chevron-right"),(0,ft.jsxs)("li",{...C,className:s(e.className,$n,"k-item",T($n,{focus:o,disabled:l}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":B?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ft.jsxs)("span",{className:s("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:n,disabled:l})),children:[c&&p==="before"&&(0,ft.jsx)(I,{className:"k-menu-link-icon",icon:c}),(0,ft.jsx)("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&(0,ft.jsx)(I,{className:"k-menu-link-icon",icon:c}),N&&(0,ft.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ft.jsx)(I,{icon:R})})]}),k,y]})};W.states=Pu;W.options=Ru;W.className=$n;W.defaultOptions=Xn;W.moduleName=ze;W.folderName=Je;var zs=require("react/jsx-runtime"),Ds="k-menu-scroll-wrapper",Ku=[],_u={},Du={},Ut=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,zs.jsx)("div",{...n,className:s(t,Ds,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ut.states=Ku;Ut.options=_u;Ut.className=Ds;Ut.defaultOptions=Du;Ut.moduleName=ze;Ut.folderName=Je;var Hs=Ut;var pe=require("react/jsx-runtime"),qn="k-menu",Hu=[],zu={},Ma={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Ma.orientation,header:a=Ma.header,scrollable:n,scrollButtonsPosition:l=Ma.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=(0,pe.jsx)("ul",{dir:u,...N,className:s(e.className,"k-reset",qn,{[`${qn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,pe.jsxs)(pe.Fragment,{children:[n?(0,pe.jsxs)(Hs,{orientation:o,style:c,dir:e.dir,children:[l==="start"&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,l==="end"&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,pe.jsx)(r,{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]})};ie.states=Hu;ie.options=zu;ie.className=qn;ie.defaultOptions=Ma;ie.moduleName=ze;ie.folderName=Je;ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Gs=require("react/jsx-runtime"),Jn="k-separator",Us={orientation:"horizontal"},go=e=>{let{orientation:t=Us.orientation,...o}=e;return(0,Gs.jsx)("li",{...o,className:s(e.className,"k-item",Jn,{[`${Jn}-${t}`]:t}),role:"separator"})};go.className=Jn;go.defaultOptions=Us;go.moduleName=ze;go.folderName=Je;var Fs=require("react/jsx-runtime");var Vs=require("react/jsx-runtime"),Wn="k-menu-group",Uu=[],Gu={size:[d.undefined,d.small,d.medium,d.large]},Fu={},ve=e=>{let{children:t,size:o,...a}=e;return(0,Vs.jsx)("ul",{...a,className:s(e.className,Wn,E(Wn,{size:o})),role:"menu",children:t})};ve.states=Uu;ve.options=Gu;ve.className=Wn;ve.defaultOptions=Fu;ve.moduleName=ze;ve.folderName=Je;var et=require("react/jsx-runtime"),Yn=e=>(0,et.jsx)(ie,{children:(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(ke,{first:!0,text:"Item 1"}),(0,et.jsx)(ke,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,et.jsx)(ke,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,et.jsx)(ke,{text:"Item 4"}),(0,et.jsx)(ke,{last:!0,text:"Item 5"})]}),...e});var Qn=require("react/jsx-runtime");var Zn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var er=require("react/jsx-runtime");var st=require("react/jsx-runtime"),Vu=ie.options,$u=ie.states,$s={...ie.defaultOptions,variant:"horizontal"},Xu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qu=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},n={};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"scrollable":n.scrollable=!!(o!=null&&o[l]);break;case"opened":n.opened=!!(o!=null&&o[l]),n.popup=(0,st.jsx)($,{className:"k-menu-popup",children:(0,st.jsxs)(ve,{children:[(0,st.jsx)(W,{text:"Item 1"}),(0,st.jsx)(W,{text:"Item 2"}),(0,st.jsx)(go,{}),(0,st.jsx)(W,{text:"Item 3"})]})});break}}),t==="vertical"?(0,st.jsx)(Yn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,st.jsx)(Yn,{...a,...n})};Lo.options=Vu;Lo.states=$u;Lo.variants=Xu;Lo.defaultOptions=$s;Lo.modifiers=qu;Lo.className=ie.className;var tr=require("react/jsx-runtime");var Ju=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),Wu=r.states,Xs={...r.defaultOptions,variant:"text"},Yu=r.options,Qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zu=[{name:"opened",title:"Opened"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},n={},l=(0,ge.jsx)($,{className:"k-menu-popup",children:(0,ge.jsxs)(ve,{size:a.size,children:[(0,ge.jsx)(W,{first:!0,text:"Menu Item"}),(0,ge.jsx)(W,{text:"Menu Item"}),(0,ge.jsx)(W,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,ge.jsx)("div",{children:(0,ge.jsx)(U,{...a,...n,icon:"star"})});break;case"icon-and-text":c=(0,ge.jsx)("div",{children:(0,ge.jsx)(U,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=(0,ge.jsx)("div",{children:(0,ge.jsx)(U,{...a,...n,children:"Dropdown Button"})});break}return(0,ge.jsxs)(ge.Fragment,{children:[c,(o==null?void 0:o.opened)&&l]})};Mo.options=Yu;Mo.states=Wu;Mo.variants=Qu;Mo.defaultOptions=Xs;Mo.modifiers=Zu;Mo.className=U.className;var or="split-button",qs=or;var ht=require("react/jsx-runtime"),ar="k-split-button",ju=[i.hover,i.focus,i.active,i.selected,i.disabled],em={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]},Js={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Js.arrowIconName,popup:L,opened:k,popupId:y,...B}=e;return(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsxs)("div",{...B,className:s(e.className,ar,"k-button-group",E(ar,{rounded:o})),children:[(0,ht.jsx)(r,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,ht.jsx)(r,{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?y:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&L&&(0,ht.jsx)($,{className:"k-menu-popup",children:L})]})};P.states=ju;P.options=em;P.className=ar;P.defaultOptions=Js;P.moduleName=or;P.folderName=qs;P.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 nr=P;var Ws=require("react/jsx-runtime"),tm="k-toolbar-separator",tt=e=>(0,Ws.jsx)("div",{className:s(tm,e.className,"k-separator")});var xt="toolbar",At=xt;var O=require("react/jsx-runtime"),Nt="k-toolbar",om=[i.focus],am={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},nm={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:l,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,L)=>{let k=[];if(p.type===r&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push((0,O.jsx)(r,{...p.props,className:`${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===r)k.push((0,O.jsx)(r,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===Oo)k.push((0,O.jsx)(Oo,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===gt)k.push((0,O.jsx)(gt,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===U)k.push((0,O.jsx)(U,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===nr)k.push((0,O.jsx)(nr,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===S\|\|p.props.className&&p.props.className.includes("k-button-group")){let y=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((C,R)=>{y.push((0,O.jsx)(r,{...C.props,className:`${C.props.className?C.props.className:""}`},`${R}-${new Date().getTime()}`))}),k.push((0,O.jsx)(S,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else p.type===Ne?k.push((0,O.jsx)(Ne,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===X?k.push((0,O.jsx)(X,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===De?k.push((0,O.jsx)(De,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(p);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),(0,O.jsxs)("div",{...h,className:s(e.className,Nt,E(Nt,{size:t,fillMode:o}),T(Nt,{focus:a}),{[`${Nt}-resizable`]:n,[`${Nt}-scrollable`]:l,[`${Nt}-scrollable-overlay`]:l&&c==="hidden",[`${Nt}-scrollable-${u}`]:u&&u!=="both",[`${Nt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!l&&N,l&&c==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),l&&c==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(S,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),l&&c==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(S,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(c==="around"\|\|!c)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-right"})})]})]})};G.states=om;G.options=am;G.className=Nt;G.defaultOptions=nm;G.moduleName=xt;G.folderName=At;G.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Qs=require("react/jsx-runtime"),Ys="k-floating-toolbar",rm=[],im={},sm={},So=e=>{let{...t}=e;return(0,Qs.jsx)("div",{...t,className:s(e.className,Ys),children:e.children})};So.states=rm;So.options=im;So.className=Ys;So.defaultOptions=sm;So.moduleName=xt;So.folderName=At;var Zs=require("react/jsx-runtime"),rr="k-toolbar-item",lm=[i.focus],dm={},cm={},lt=e=>{let{focus:t,...o}=e;return(0,Zs.jsx)("div",{...o,className:s(e.className,rr,T(rr,{focus:t})),children:e.children})};lt.states=lm;lt.options=dm;lt.className=rr;lt.defaultOptions=cm;lt.moduleName=xt;lt.folderName=At;var ir=require("react/jsx-runtime"),js="k-toolbar-popup",pm=[],um={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},mm={},Gt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,ir.jsx)($,{...n,className:s(e.className,js),children:a?(0,ir.jsx)("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Gt.states=pm;Gt.options=um;Gt.className=js;Gt.defaultOptions=mm;Gt.moduleName=xt;Gt.folderName=At;var Sa=Gt;var bm=require("react/jsx-runtime");var fm=require("react/jsx-runtime");var hm=require("react/jsx-runtime");var el=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Nm=P.states,tl={...P.defaultOptions,variant:"text"},km=P.options,vm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gm=[{name:"opened",title:"Opened"}],Io=e=>{let{variant:t,modifiers:o,...a}={...tl,...e},n={},l=(0,We.jsxs)(ve,{size:a.size,children:[(0,We.jsx)(W,{first:!0,text:"Menu Item"}),(0,We.jsx)(W,{text:"Menu Item"}),(0,We.jsx)(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!(o!=null&&o[c]),n.popup=o!=null&&o[c]?l:"")}),t){case"icon-only":return(0,We.jsx)("div",{children:(0,We.jsx)(P,{...a,...n,icon:"star"})});case"icon-and-text":return(0,We.jsx)("div",{children:(0,We.jsx)(P,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,We.jsx)("div",{children:(0,We.jsx)(P,{...a,...n,children:"Split Button"})})}};Io.options=km;Io.states=Nm;Io.variants=vm;Io.defaultOptions=tl;Io.modifiers=gm;Io.className=P.className;var dt=require("react/jsx-runtime"),ol=e=>(0,dt.jsx)(G,{children:[(0,dt.jsx)(r,{children:"Button"},"toolbar-button"),(0,dt.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,dt.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,dt.jsxs)(S,{children:[(0,dt.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,dt.jsx)(r,{icon:"align-center",children:"Center"}),(0,dt.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var al=require("react/jsx-runtime");var ue=require("react/jsx-runtime"),nl=e=>(0,ue.jsx)(G,{scrollable:!0,...e,children:[(0,ue.jsx)(r,{children:"Button"},"toolbar-button"),(0,ue.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ue.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ue.jsxs)(S,{children:[(0,ue.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ue.jsx)(r,{icon:"align-center",children:"Center"}),(0,ue.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ue.jsx)(r,{children:"Button"},"toolbar-button"),(0,ue.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ue.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ue.jsxs)(S,{children:[(0,ue.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ue.jsx)(r,{icon:"align-center",children:"Center"}),(0,ue.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var me=require("react/jsx-runtime"),rl=({scrollingPosition:e="start",...t})=>(0,me.jsx)(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,me.jsx)(r,{children:"Button"},"toolbar-button"),(0,me.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,me.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,me.jsxs)(S,{children:[(0,me.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,me.jsx)(r,{icon:"align-center",children:"Center"}),(0,me.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,me.jsx)(r,{children:"Button"},"toolbar-button"),(0,me.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,me.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,me.jsxs)(S,{children:[(0,me.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,me.jsx)(r,{icon:"align-center",children:"Center"}),(0,me.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Y=require("react/jsx-runtime"),il=({fillMode:e,size:t,...o})=>(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(G,{section:!0,fillMode:e,size:t,children:[(0,Y.jsx)(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Y.jsxs)(S,{fillMode:e,children:[(0,Y.jsx)(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Y.jsx)(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Y.jsx)(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Y.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,Y.jsx)(r,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Y.jsxs)(Sa,{size:t,fillMode:e,section:!0,...o,children:[(0,Y.jsx)(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Y.jsx)(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Y.jsx)(tt,{}),(0,Y.jsx)(U,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Y.jsxs)(S,{fillMode:e,children:[(0,Y.jsx)(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Y.jsx)(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Y.jsx)(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var sr=require("react/jsx-runtime");var lr=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),Lm=G.options,Mm=G.states,sl={...G.defaultOptions,variant:"default"},Sm=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Im=[],Co=e=>{let{variant:t,...o}={...sl,...e};switch(t){case"responsive":return(0,kt.jsx)("div",{children:(0,kt.jsx)(il,{style:{width:"583px"},...o})});case"overlay":return(0,kt.jsx)("div",{children:(0,kt.jsx)(rl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,kt.jsx)("div",{children:(0,kt.jsx)(nl,{style:{width:"583px"},...o})});default:return(0,kt.jsx)("div",{children:(0,kt.jsx)(ol,{style:{width:"583px"},...o})})}};Co.options=Lm;Co.states=Mm;Co.variants=Sm;Co.defaultOptions=sl;Co.modifiers=Im;Co.className=G.className;var dl=require("react/jsx-runtime"),Cm="k-editor-toolbar",ll=e=>{let{resizable:t,...o}=e;return(0,dl.jsx)(G,{...o,className:s(e.className,Cm),resizable:t,children:e.children})};var dr="editor",cl=dr;var Wo=require("react/jsx-runtime"),Jo="k-editor",ym=[i.readonly,i.disabled,i.focus],Tm={},pl={toolbarResizable:!1},we=e=>{let{readonly:t,disabled:o,focus:a,toolbarItems:n,toolbarResizable:l=pl.toolbarResizable,resizable:c,...u}=e;return(0,Wo.jsxs)("div",{...u,className:s(e.className,Jo,T(Jo,{readonly:t,disabled:o}),{[`${Jo}-resizable`]:c}),children:[(0,Wo.jsx)(ll,{resizable:l,children:n}),(0,Wo.jsx)(Zo,{readonly:t,className:s(T(Jo,{focus:a})),children:e.children})]})};we.states=ym;we.options=Tm;we.className=Jo;we.defaultOptions=pl;we.moduleName=dr;we.folderName=cl;we.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."}]};var F=require("react/jsx-runtime"),ul=e=>(0,F.jsx)(we,{toolbarItems:[(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",disabled:!0,icon:"undo","aria-label":"Undo"}),(0,F.jsx)(r,{className:"k-group-end",disabled:!0,icon:"redo","aria-label":"Redo"})]},"history"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"bold","aria-label":"Bold"}),(0,F.jsx)(r,{icon:"italic","aria-label":"Italic"}),(0,F.jsx)(r,{icon:"underline","aria-label":"Underline"}),(0,F.jsx)(r,{className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]},"format"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"subscript","aria-label":"Subscript"}),(0,F.jsx)(r,{className:"k-group-end",icon:"supscript","aria-label":"Superscript"})]},"script"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"indent","aria-label":"Indent"}),(0,F.jsx)(r,{disabled:!0,className:"k-group-end",icon:"outdent","aria-label":"Outdent"})]},"indent"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"align-left","aria-label":"Align left"}),(0,F.jsx)(r,{icon:"align-center","aria-label":"Align center"}),(0,F.jsx)(r,{icon:"align-right","aria-label":"Align right"}),(0,F.jsx)(r,{className:"k-group-end",icon:"align-justify","aria-label":"Justify"})]},"align")],children:(0,F.jsx)(F.Fragment,{children:"Editor Content"}),...e});var M=require("react/jsx-runtime"),Em=we.options,Am=we.states,ml={...we.defaultOptions,variant:"normal"},Om=[],Bm=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],Ot=e=>{let{variant:t,...o}={...ml,...e},a={};return t==="resizable"&&(a.resizable=!0),(0,M.jsx)(ul,{focus:!0,...a,style:{width:"750px",height:"375px"},...o,toolbarItems:[(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{hover:!0,icon:"bold"}),(0,M.jsx)(r,{icon:"italic"}),(0,M.jsx)(r,{icon:"underline"}),(0,M.jsx)(r,{icon:"strikethrough"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"subscript"}),(0,M.jsx)(r,{icon:"supscript"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"align-left"}),(0,M.jsx)(r,{selected:!0,icon:"align-center"}),(0,M.jsx)(r,{icon:"align-right"}),(0,M.jsx)(r,{icon:"align-justify"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"indent"}),(0,M.jsx)(r,{disabled:!0,icon:"outdent"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"list-ordered"}),(0,M.jsx)(r,{icon:"list-unordered"})]}),(0,M.jsx)(lt,{children:(0,M.jsx)(X,{style:{width:"173px"},value:"Font Size"})}),(0,M.jsx)(lt,{children:(0,M.jsx)(X,{style:{width:"173px"},value:"Font Name"})}),(0,M.jsx)(lt,{children:(0,M.jsx)(X,{style:{width:"173px"},value:"Paragraph"})}),(0,M.jsx)(r,{icon:"table-add"}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"undo"}),(0,M.jsx)(r,{disabled:!0,icon:"redo"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"link"}),(0,M.jsx)(r,{disabled:!0,icon:"unlink"}),(0,M.jsx)(r,{icon:"image"}),(0,M.jsx)(r,{icon:"code"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"table-row-insert-above"}),(0,M.jsx)(r,{disabled:!0,icon:"table-row-insert-below"}),(0,M.jsx)(r,{disabled:!0,icon:"table-column-insert-left"}),(0,M.jsx)(r,{disabled:!0,icon:"table-column-insert-right"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"table-row-delete"}),(0,M.jsx)(r,{disabled:!0,icon:"table-column-delete"}),(0,M.jsx)(r,{disabled:!0,icon:"table-delete"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"cells-merge"}),(0,M.jsx)(r,{disabled:!0,icon:"cell-split-horizontally"})]})],children:(0,M.jsxs)("div",{className:"ProseMirror",children:[(0,M.jsx)("p",{children:"The Editor allows your users to edit HTML in a familiar, user-friendly way."}),(0,M.jsxs)("p",{children:["In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ",(0,M.jsx)("strong",{children:"outputs identical HTML"})," across all major browsers, follows accessibility standards, and provides API for content manipulation."]}),(0,M.jsx)("p",{children:"Features include:"}),(0,M.jsxs)("ul",{children:[(0,M.jsx)("li",{children:"Text formatting"}),(0,M.jsx)("li",{children:"Bulleted and numbered lists"}),(0,M.jsx)("li",{children:"Hyperlinks"}),(0,M.jsx)("li",{children:"Cross-browser support"}),(0,M.jsx)("li",{children:"Identical HTML output across browsers"})]})]})})};Ot.options=Em;Ot.states=Am;Ot.variants=Bm;Ot.defaultOptions=ml;Ot.modifiers=Om;Ot.className=we.className;var wm=Ot;
1	+ var fl=Object.create;var Qo=Object.defineProperty;var hl=Object.getOwnPropertyDescriptor;var xl=Object.getOwnPropertyNames;var Nl=Object.getPrototypeOf,kl=Object.prototype.hasOwnProperty;var vl=(e,t)=>{for(var o in t)Qo(e,o,{get:t[o],enumerable:!0})},pr=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of xl(t))!kl.call(e,n)&&n!==o&&Qo(e,n,{get:()=>t[n],enumerable:!(a=hl(t,n))\|\|a.enumerable});return e};var ur=(e,t,o)=>(o=e!=null?fl(Nl(e)):{},pr(t\|\|!e\|\|!e.__esModule?Qo(o,"default",{value:e,enumerable:!0}):o,e)),gl=e=>pr(Qo({},"__esModule",{value:!0}),e);var Pm={};vl(Pm,{EditorDemo:()=>Ot,default:()=>wm});module.exports=gl(Pm);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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 E=(e,t)=>s({[`${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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:c,active:u,selected:f,disabled:h,indeterminate:N,loading:x,empty:p,readonly:L,highlighted:k,...y}=t;return s({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":N&&!c,"k-loading":x,"k-empty":p,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((B,C)=>(C.startsWith("k-")?B[C]=y[C]:B[`k-${C}`]=y[C],B),{}))};function mr(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"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ta={};function D(e){return Ta[e]=(Ta[e]\|\|0)+1,`k-${e}-${Ta[e]}`}var br=require("react/jsx-runtime"),Ea="k-editor-content",Ll=[i.focus],Zo=e=>{let{focus:t,readonly:o,"aria-label":a,...n}=e;return(0,br.jsx)("div",{...n,className:s(e.className,Ea,T(Ea,{focus:t})),contentEditable:o?"false":"true",suppressContentEditableWarning:!0,role:"textbox","aria-label":a\|\|"Editor content","aria-readonly":o?"true":void 0,children:e.children})};Zo.states=Ll;Zo.className=Ea;var yo=require("react/jsx-runtime"),Aa="k-font-icon",Ml=[],Sl={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]},Il={},To=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:l,...c}=e;return a?(0,yo.jsx)("span",{...c,className:s(e.className,Aa,E(Aa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):(0,yo.jsx)(yo.Fragment,{})};To.states=Ml;To.options=Sl;To.className=Aa;To.defaultOptions=Il;var fr=To;var wt=require("react/jsx-runtime"),Oa="k-svg-icon",Cl=[],yl={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]},hr={viewBox:"0 0 24 24"},Eo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:l=hr.viewBox,icon:c,...u}=e;if(!c)return(0,wt.jsx)(wt.Fragment,{});if(c==="none")return(0,wt.jsx)("span",{...u,className:s(e.className,Oa,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return(0,wt.jsx)("span",{...u,className:s(e.className,Oa,E("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:(0,wt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Eo.states=Cl;Eo.options=yl;Eo.className=Oa;Eo.defaultOptions=hr;var Ba=Eo;var wa=ur(require("@progress/kendo-svg-icons"));var xr="icon",Nr="icons";var gr=require("react");var kr=require("react"),vr=(0,kr.createContext)({iconsType:"svg"});var ct=require("react/jsx-runtime"),jo="k-icon",Tl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),El=[],Al={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]},Pa={viewBox:"0 0 24 24",type:"svg"},I=e=>{let{iconsType:t}=(0,gr.useContext)(vr),{size:o,themeColor:a,icon:n,type:l=t\|\|Pa.type,rotate:c,flip:u,viewBox:f=Pa.viewBox,...h}=e;if(!n)return(0,ct.jsx)(ct.Fragment,{});if((t\|\|l)==="svg"){if(n==="none")return(0,ct.jsx)(Ba,{...h,className:s(e.className,jo),icon:n,size:o});let x=wa[n]?n:Tl(`${n}-icon`);return wa[x]?(0,ct.jsx)(Ba,{...h,className:s(e.className,jo),icon:wa[x],size:o,themeColor:a,rotate:c,flip:u,viewBox:f}):(0,ct.jsx)(ct.Fragment,{})}return(0,ct.jsx)(fr,{...h,className:s(e.className,jo),icon:n,size:o,themeColor:a,rotate:c,flip:u})};I.states=El;I.options=Al;I.defaultOptions=Pa;I.className=jo;I.moduleName=xr;I.folderName=Nr;I.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 Ra="button",Lr=Ra;var Ye=require("react/jsx-runtime"),Ao="k-button",Ol=["icon-button"],Bl=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],wl={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]},Ka={showArrow:!1,arrowIconName:"chevron-down"},r=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:c=Ka.showArrow,arrowIconName:u=Ka.arrowIconName,variant:f,hover:h,focus:N,active:x,selected:p,disabled:L,togglable:k,ariaDisabled:y,icon:B,text:C,iconClassName:R,className:j,...be}=e,Le=B!==void 0,Me=e.children!==void 0;return(0,Ye.jsxs)(t,{className:s(j,Ao,mr(Ao,f),E(Ao,{size:o,rounded:a,fillMode:n,themeColor:l}),T(Ao,{hover:h,focus:N,active:x,disabled:L\|\|y,selected:p}),{"k-icon-button":!C&&!Me&&Le}),...be,"aria-pressed":k?p?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:L\|\|void 0,children:[B&&(0,Ye.jsx)(I,{className:s(R,"k-button-icon"),icon:B}),C?(0,Ye.jsxs)(Ye.Fragment,{children:[C&&(0,Ye.jsx)("span",{className:"k-button-text",children:C}),e.children]}):e.children&&(0,Ye.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Ye.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ye.jsx)(I,{icon:u})})]})};r.states=Bl;r.options=wl;r.variants=Ol;r.className=Ao;r.defaultOptions=Ka;r.moduleName=Ra;r.folderName=Lr;r.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Mr=require("react/jsx-runtime"),gt=e=>(0,Mr.jsx)(r,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Sr=require("react/jsx-runtime"),Oo=e=>(0,Sr.jsx)(r,{icon:"folder",children:"Button",...e});var Ir=require("react/jsx-runtime"),Pt=e=>(0,Ir.jsx)(r,{children:"Button",...e});var ea=require("react/jsx-runtime"),Pl=r.options,Rl=r.states,Kl={...r.defaultOptions,variant:"text"},_l=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dl=[],Ft=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ea.jsx)(gt,{...o,icon:"star"});case"icon-and-text":return(0,ea.jsx)(Oo,{...o,icon:"star",children:"Button"});default:return(0,ea.jsx)(Pt,{...o,children:"Button"})}};Ft.options=Pl;Ft.states=Rl;Ft.variants=_l;Ft.defaultOptions=Kl;Ft.modifiers=Dl;Ft.className=r.className;var _a="button",Cr=_a;var yr=require("react/jsx-runtime"),Bo="k-button-group",Hl=[i.disabled],zl={fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},Ul={},S=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,yr.jsx)("div",{role:"group",...n,className:s(e.className,Bo,E(Bo,{fillMode:t}),T(Bo,{disabled:o}),{[`${Bo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};S.states=Hl;S.options=zl;S.className=Bo;S.defaultOptions=Ul;S.moduleName=_a;S.folderName=Cr;S.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Da=require("react/jsx-runtime");var Ha=require("react/jsx-runtime");var za=require("react/jsx-runtime");var Ua=require("react/jsx-runtime");var Ga=require("react/jsx-runtime");var Fa=require("react/jsx-runtime");var Ee=require("react/jsx-runtime"),Gl={...r.options,...S.options},Fl=r.states,Vl={...r.defaultOptions,...S.defaultOptions,variant:"text-button"},$l=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xl=[],Vt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ee.jsxs)(S,{fillMode:a.fillMode,className:o,children:[(0,Ee.jsx)(r,{...a,icon:"star"}),(0,Ee.jsx)(r,{...a,icon:"star"}),(0,Ee.jsx)(r,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ee.jsxs)(S,{fillMode:a.fillMode,className:o,children:[(0,Ee.jsx)(r,{...a,icon:"star",children:"First"}),(0,Ee.jsx)(r,{...a,icon:"star",children:"Middle"}),(0,Ee.jsx)(r,{...a,icon:"star",children:"Last"})]}):(0,Ee.jsxs)(S,{fillMode:a.fillMode,className:o,children:[(0,Ee.jsx)(r,{...a,children:"First"}),(0,Ee.jsx)(r,{...a,children:"Middle"}),(0,Ee.jsx)(r,{...a,children:"Last"})]})};Vt.options=Gl;Vt.states=Fl;Vt.variants=$l;Vt.defaultOptions=Vl;Vt.modifiers=Xl;Vt.className=S.className;var wo="input",ta=wo;var Tr=require("react/jsx-runtime"),oa="k-input",ql=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Jl={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]},Wl={},ee=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return(0,Tr.jsx)("span",{...x,className:s(e.className,oa,E(oa,{size:f,rounded:h,fillMode:N}),T(oa,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u}))})};ee.states=ql;ee.options=Jl;ee.className=oa;ee.defaultOptions=Wl;ee.moduleName=wo;ee.folderName=ta;var Er=require("react/jsx-runtime"),aa="k-picker",Yl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ql={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]},Zl={},ot=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u,size:f,rounded:h,fillMode:N,...x}=e;return(0,Er.jsx)("span",{...x,className:s(e.className,aa,E(aa,{size:f,rounded:h,fillMode:N}),T(aa,{hover:t,focus:o,disabled:a,invalid:n,valid:l,loading:c,readonly:u})),children:e.children})};ot.states=Yl;ot.options=Ql;ot.className=aa;ot.defaultOptions=Zl;ot.moduleName=wo;ot.folderName=ta;var $t=require("react/jsx-runtime"),Ar="k-clear-value",jl=[i.disabled,i.loading,i.readonly],ed={},Re=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,$t.jsx)($t.Fragment,{}):(0,$t.jsx)("span",{className:s(e.className,Ar),children:(0,$t.jsx)(I,{icon:"x"})})};Re.states=jl;Re.options=ed;Re.className=Ar;var Or=require("react/jsx-runtime"),Va="k-input-inner",td=[],od={},na={type:"text",autocomplete:"off",value:"",placeholder:""},Ke=e=>{let{value:t=na.value,type:o=na.type,placeholder:a=na.placeholder,autocomplete:n=na.autocomplete,disabled:l,readOnly:c,...u}=e;return(0,Or.jsx)("input",{...u,type:o,className:s(e.className,Va,E(Va,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:l\|\|void 0,readOnly:c\|\|void 0})};Ke.states=td;Ke.options=od;Ke.className=Va;var Po=require("react/jsx-runtime"),$a="k-input-inner",ad=[],nd={},Rt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:l,...c}=e;return(0,Po.jsxs)("span",{...c,className:s(e.className,$a,E($a,e)),children:[n,!n&&l&&(0,Po.jsx)(I,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&(0,Po.jsx)("span",{className:"k-input-value-text",children:t})]})};Rt.states=ad;Rt.options=nd;Rt.className=$a;var wr=require("react/jsx-runtime"),Xa="k-input-inner",rd=[],id={},Br={value:"",placeholder:""},qa=e=>{let{value:t=Br.value,placeholder:o=Br.placeholder,rows:a,disabled:n,...l}=e;return(0,wr.jsx)("textarea",{...l,className:s(e.className,Xa,E(Xa,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};qa.states=rd;qa.options=id;qa.className=Xa;var Ro=require("react/jsx-runtime"),Pr="k-input-loading-icon",sd=[i.disabled,i.loading],Ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Ro.jsx)(Ro.Fragment,{}):(0,Ro.jsx)("span",{className:s(e.className,Pr,"k-icon k-i-loading")})};Ae.states=sd;Ae.className=Pr;var Ko=require("react/jsx-runtime"),Rr="k-input-validation-icon",ld=[i.valid,i.invalid,i.disabled,i.loading],dd={},Se=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,l=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Ko.jsx)(Ko.Fragment,{}):(0,Ko.jsx)(I,{className:s(Rr),icon:l})};Se.states=ld;Se.options=dd;Se.className=Rr;var _o=require("react/jsx-runtime"),cd="k-input-prefix",pd={direction:"horizontal"},Ue=e=>{let{direction:t=pd.direction,...o}=e;return e.children?(0,_o.jsx)("span",{...o,className:s(cd,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,_o.jsx)(_o.Fragment,{})};var Do=require("react/jsx-runtime"),ud="k-input-suffix",md={direction:"horizontal"},Ge=e=>{let{direction:t=md.direction,...o}=e;return e.children?(0,Do.jsx)("span",{...o,className:s(ud,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Do.jsx)(Do.Fragment,{})};var bd=require("react/jsx-runtime");var Kr=require("react/jsx-runtime"),fd="k-input-suffix-text",Ja=e=>{let{children:t,...o}=e;return(0,Kr.jsx)("span",{...o,className:s(fd,e.className),children:t})};var Dr=require("react/jsx-runtime"),_r="k-input-separator",hd={direction:"vertical"},Fe=e=>{let{direction:t=hd.direction,...o}=e;return(0,Dr.jsx)("span",{...o,className:s(_r,e.className,{[`${_r}-${t}`]:t})})};var ne=require("react/jsx-runtime"),xd=ee.states,Nd=ee.defaultOptions,kd=ee.options,vd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],gd=[],Xt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:l,readonly:c,...u}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,N=t==null?void 0:t["clear-button"],x=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,ne.jsxs)(ee,{...u,valid:o,invalid:a,loading:n,disabled:l,readonly:c,style:{width:300},children:[f&&(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(Ue,{children:(0,ne.jsx)(I,{icon:"lock"})}),p&&(0,ne.jsx)(Fe,{})]}),(0,ne.jsx)(Ke,{placeholder:"Placeholder",value:"Value"}),x&&(0,ne.jsx)(Se,{valid:o,invalid:a,loading:n,disabled:l}),(0,ne.jsx)(Ae,{loading:n,disabled:l}),N&&(0,ne.jsx)(Re,{loading:n,disabled:l,readonly:c,value:"Value"}),h&&(0,ne.jsxs)(ne.Fragment,{children:[p&&(0,ne.jsx)(Fe,{}),(0,ne.jsx)(Ge,{children:(0,ne.jsx)(Pt,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Xt.options=kd;Xt.states=xd;Xt.variants=gd;Xt.defaultOptions=Nd;Xt.modifiers=vd;Xt.className=ee.className;var Ho=require("react/jsx-runtime"),Hr="k-color-preview",Ld=[],Md={},Lt=e=>{let{color:t,iconName:o,...a}=e;return(0,Ho.jsxs)("span",{...a,className:s(e.className,Hr,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Ho.jsx)(I,{icon:o,className:"k-color-preview-icon"}),(0,Ho.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Lt.states=Ld;Lt.options=Md;Lt.className=Hr;var Wa="popup",zr=Wa;var Ya=require("react/jsx-runtime"),Ur="k-animation-container",Sd=[],Id={},Gr={positionMode:"absolute"},at=e=>{let{positionMode:t=Gr.positionMode,animationStyle:o,offset:a,...n}=e;return(0,Ya.jsx)("div",{...n,style:{...a,...e.style},className:s(e.className,Ur,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ya.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};at.states=Sd;at.options=Id;at.className=Ur;at.defaultOptions=Gr;at.moduleName=Wa;at.folderName=zr;var Qa="popup",Fr=Qa;var Za=require("react/jsx-runtime"),Vr="k-popup",Cd=[],yd={},$r={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=$r.positionMode,animationStyle:a,containerClassName:n,containerRole:l,containerAriaLabel:c,...u}=e;return(0,Za.jsx)(at,{positionMode:o,offset:t,animationStyle:a,className:n,role:l,"aria-label":c,children:(0,Za.jsx)("div",{...u,className:s(e.className,Vr),children:e.children})})};$.states=Cd;$.options=yd;$.className=Vr;$.defaultOptions=$r;$.moduleName=Qa;$.folderName=Fr;$.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 ja="action-buttons",Xr=ja;var qr=require("react/jsx-runtime"),ra="k-actions",Td=[],Ed={},en={alignment:"start",orientation:"horizontal"},nt=e=>{let{alignment:t=en.alignment,orientation:o=en.orientation,...a}=e;return(0,qr.jsx)("div",{...a,className:s(ra,{[`${ra}-${t}`]:t,[`${ra}-${o}`]:o},e.className),children:e.children})};nt.states=Td;nt.options=Ed;nt.className=ra;nt.defaultOptions=en;nt.moduleName=ja;nt.folderName=Xr;var Wr=require("react/jsx-runtime"),Ad="k-actionsheet-footer",Jr={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=Jr.alignment,orientation:o=Jr.orientation,template:a,as:n=a?"div":nt,...l}=e;return(0,Wr.jsx)(n,{...l,...!a&&{alignment:t,orientation:o},className:s(e.className,Ad),children:e.children})};var tn="searchbox",Yr=tn;var St=require("react/jsx-runtime"),Qr="k-searchbox",Od=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Bd={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]},on={showIcon:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,showIcon:L=on.showIcon,icon:k=on.icon,"aria-label":y,...B}=e;return(0,St.jsxs)(ee,{...B,size:a,rounded:n,fillMode:l,hover:c,focus:u,valid:f,invalid:h,required:N,loading:x,disabled:p,className:s(e.className,Qr),children:[L&&(0,St.jsx)(I,{className:"k-input-icon",icon:k}),(0,St.jsx)(Ke,{placeholder:o,value:t,"aria-label":y}),(0,St.jsx)(Ae,{...e}),(0,St.jsx)(Se,{...e}),(0,St.jsx)(Re,{...e})]})};Ve.states=Od;Ve.options=Bd;Ve.className=Qr;Ve.defaultOptions=on;Ve.moduleName=tn;Ve.folderName=Yr;var wd=require("react/jsx-runtime");var an="textbox",Zr=an;var fe=require("react/jsx-runtime"),jr="k-textbox",Pd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Rd={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]},ia={showClearButton:!0,showValidationIcon:!0,separators:!0},se=e=>{let{size:t,rounded:o,fillMode:a,separators:n=ia.separators,showClearButton:l=ia.showClearButton,showValidationIcon:c=ia.showValidationIcon,prefix:u,suffix:f,type:h,value:N,placeholder:x,hover:p,focus:L,valid:k,invalid:y,required:B,loading:C,disabled:R,readonly:j,id:be,"aria-label":Le,"aria-describedby":Me,...Pe}=e;return(0,fe.jsxs)(ee,{...Pe,size:t,rounded:o,fillMode:a,hover:p,focus:L,valid:k,invalid:y,required:B,loading:C,disabled:R,readonly:j,className:s(e.className,jr),children:[u&&(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(Ue,{children:u}),n&&(0,fe.jsx)(Fe,{})]}),(0,fe.jsx)(Ke,{id:be,placeholder:x,value:N,type:h,disabled:R,"aria-label":Le,"aria-describedby":Me,"aria-invalid":y?"true":void 0}),c&&(0,fe.jsx)(Se,{valid:k,invalid:y,loading:C,disabled:R}),(0,fe.jsx)(Ae,{loading:C,disabled:R}),l&&(0,fe.jsx)(Re,{loading:C,disabled:R,readonly:j,value:N}),f&&(0,fe.jsxs)(fe.Fragment,{children:[n&&(0,fe.jsx)(Fe,{}),(0,fe.jsx)(Ge,{children:f})]})]})};se.states=Pd;se.options=Rd;se.className=jr;se.defaultOptions=ia;se.moduleName=an;se.folderName=Zr;se.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 zo=se;var ti=require("react/jsx-runtime"),ei=e=>(0,ti.jsx)(zo,{...e});var oi=require("react/jsx-runtime");var ai=require("react/jsx-runtime");var Kd=require("react/jsx-runtime");var sa=require("react/jsx-runtime"),_d=se.states,Dd=se.defaultOptions,Hd=se.options,zd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ud=[],qt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,sa.jsx)(I,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,sa.jsx)(Pt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,sa.jsx)(ei,{value:"Value",style:{width:300},...o,...a})};qt.options=Hd;qt.states=_d;qt.variants=Ud;qt.defaultOptions=Dd;qt.modifiers=zd;qt.className=se.className;var _e=require("react/jsx-runtime"),ni="k-actionsheet-titlebar",Gd={},Ie=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:l,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:N,children:x,...p}=e;return(0,_e.jsxs)("div",{...p,className:s(e.className,ni),children:[(0,_e.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,_e.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(0,_e.jsxs)("div",{className:"k-actionsheet-title",id:N,children:[t&&(0,_e.jsx)("div",{className:"k-text-center",children:t}),o&&(0,_e.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&(0,_e.jsx)("div",{className:"k-actionsheet-title",id:N,children:x}),n&&(0,_e.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(c\|\|l)&&(0,_e.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,_e.jsx)(se,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,_e.jsx)(Ve,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ie.className=ni;Ie.defaultOptions=Gd;var Jt=require("react/jsx-runtime"),nn="k-actionsheet-view",Fd=[],Vd={},$d={},Wt=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:l,titleId:c,...u}=e,f=(n==null?void 0:n.type)===Ie&&(0,Jt.jsx)(Ie,{adaptive:t,titleId:c,...n==null?void 0:n.props}),h=(l==null?void 0:l.type)===Mt&&(0,Jt.jsx)(Mt,{...l==null?void 0:l.props});return(0,Jt.jsxs)("div",{...u,className:s(e.className,nn,{[`${nn}-animated`]:o}),children:[f,(0,Jt.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};Wt.states=Fd;Wt.options=Vd;Wt.className=nn;Wt.defaultOptions=$d;var Uo="action-sheet",la=Uo;var rn="overlay",ri=rn;var si=require("react/jsx-runtime"),ii="k-overlay",Xd=[],qd={},Jd={},It=e=>{let{...t}=e;return(0,si.jsx)("div",{...t,className:s(e.className,ii),children:e.children})};It.states=Xd;It.options=qd;It.className=ii;It.defaultOptions=Jd;It.moduleName=rn;It.folderName=ri;var Kt=require("react/jsx-runtime"),li="k-actionsheet",Wd=[],Yd={},Go={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=Go.side,fullscreen:o=Go.fullscreen,adaptive:a=Go.adaptive,overlay:n=Go.overlay,template:l,children:c,header:u,footer:f,id:h,...N}=e,x=h&&!l&&u?`${h}-title`:void 0;return(0,Kt.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Kt.jsx)(It,{}),(0,Kt.jsx)(at,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,Kt.jsx)("div",{...N,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":x,className:s(e.className,li,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|(0,Kt.jsx)(Wt,{header:u,footer:f,adaptive:a,titleId:x,...e,children:c})})})]})};Q.states=Wd;Q.options=Yd;Q.className=li;Q.defaultOptions=Go;Q.moduleName=Uo;Q.folderName=la;Q.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var ci=require("react/jsx-runtime"),di="k-actionsheet-container",Qd=[],Zd={},jd={},Yt=e=>{let{children:t,...o}=e;return(0,ci.jsx)("div",{...o,className:di,children:t})};Yt.states=Qd;Yt.options=Zd;Yt.className=di;Yt.defaultOptions=jd;Yt.moduleName=Uo;Yt.folderName=la;var pi=require("react/jsx-runtime"),sn=e=>{let{...t}=e;return(0,pi.jsx)("div",{...t,className:s(e.className,"k-list-ul"),children:e.children})};var $e=require("react/jsx-runtime"),ln="k-actionsheet-item",ec=[i.hover,i.focus,i.selected,i.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:n,focus:l,selected:c,disabled:u,...f}=e;return(0,$e.jsxs)("span",{...f,className:s(e.className,ln,T(ln,{hover:n,focus:l,selected:c,disabled:u})),children:[!e.children&&(0,$e.jsx)($e.Fragment,{children:(0,$e.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,$e.jsx)("span",{className:"k-icon-wrap",children:(0,$e.jsx)(I,{className:"k-actionsheet-item-icon",icon:t})}),(0,$e.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,$e.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,$e.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=ec;Ct.className=ln;var ui=require("react/jsx-runtime");var tc=require("react/jsx-runtime");var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var q=require("react/jsx-runtime"),nc=Q.options,rc=Q.states,bi={...Q.defaultOptions,variant:"normal"},ic=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],sc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qt=e=>{let{variant:t,modifiers:o,...a}={...bi,...e},n={},l=(0,q.jsxs)(sn,{children:[(0,q.jsx)(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,q.jsx)(Ct,{text:"Add to Favorites",iconName:"heart"}),(0,q.jsx)(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),(0,q.jsx)("hr",{className:"k-hr"}),(0,q.jsx)(Ct,{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!=null&&o[f]),n.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":n.subtitle=o!=null&&o[f]?c:void 0;break;case"footer":n.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,q.jsx)(Q,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,q.jsx)(Ie,{actionsStart:n.actionsStart?(0,q.jsx)(r,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,q.jsx)(r,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:n.subtitle}),footer:n.footer?(0,q.jsxs)(Mt,{alignment:"stretched",children:[(0,q.jsx)(r,{text:"Cancel",size:"large",themeColor:"base"}),(0,q.jsx)(r,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):(0,q.jsx)(Q,{...a,fullscreen:n.fullScreen,header:(0,q.jsx)(Ie,{actionsStart:n.actionsStart?(0,q.jsx)(r,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,q.jsx)(r,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,q.jsxs)(Mt,{alignment:"stretched",children:[(0,q.jsx)(r,{text:"Apply",themeColor:"primary"}),(0,q.jsx)(r,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Qt.options=nc;Qt.states=rc;Qt.variants=ic;Qt.defaultOptions=bi;Qt.modifiers=sc;Qt.className=Q.className;var dn="slider",fi=dn;var Qe=require("react/jsx-runtime"),Fo="k-slider",lc=[i.hover,i.focus,i.active,i.disabled,i.readonly],dc={},Xe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=Xe.type,orientation:o=Xe.orientation,gradientType:a=Xe.gradientType,readonly:n=Xe.readonly,disabled:l=Xe.disabled,handlePosition:c=Xe.handlePosition,showButtons:u=Xe.showButtons,showTicks:f=Xe.showTicks,value:h=Xe.value,min:N=Xe.min,max:x=Xe.max,startValue:p,endValue:L,hover:k,focus:y,active:B,trackStyle:C,dir:R,...j}=e,Le=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Me,Pe;return o==="horizontal"?(Me=R==="rtl"?"chevron-left":"chevron-right",Pe=R==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Me="chevron-up",Pe="chevron-down"),(0,Qe.jsxs)("div",{...j,className:s(Fo,e.className,T(Fo,{readonly:n,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:R,children:[u&&(0,Qe.jsx)(r,{className:"k-button-decrease",rounded:"full",icon:Pe,tabIndex:-1,title:"Decrease"}),(0,Qe.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Qe.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Qe.jsxs)("div",{className:"k-slider-track",style:C,children:[(0,Qe.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Qe.jsx)("span",{className:s("k-draghandle","k-draghandle-start",T(Fo,{hover:k,focus:y,active:B})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":p??N,"aria-valuemin":N,"aria-valuemax":L??x,"aria-orientation":Le,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":j["aria-label"]?`${j["aria-label"]} start`:"Range start"}),(0,Qe.jsx)("span",{className:s("k-draghandle",`k-draghandle-${c}`,T(Fo,{hover:k,focus:y,active:B})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?L??x:h,"aria-valuemin":t==="range"?p??N:N,"aria-valuemax":x,"aria-orientation":Le,"aria-disabled":l?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?j["aria-label"]?`${j["aria-label"]} end`:"Range end":j["aria-label"]})]})]}),u&&(0,Qe.jsx)(r,{className:"k-button-increase",rounded:"full",icon:Me,tabIndex:-1,title:"Increase"})]})};V.states=lc;V.options=dc;V.className=Fo;V.defaultOptions=Xe;V.moduleName=dn;V.folderName=fi;V.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var cn=require("react/jsx-runtime"),hi="k-tick",cc=[],pc={},xi={label:!1},A=e=>{let{style:t,label:o=xi.label,orientation:a,large:n,text:l,...c}=e;return(0,cn.jsx)("li",{...c,role:"presentation",title:l\|\|"Tick",className:s(e.className,hi,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,cn.jsx)("span",{className:"k-label",children:l})})};A.states=cc;A.options=pc;A.className=hi;A.defaultOptions=xi;var le=require("react/jsx-runtime"),Ni=e=>(0,le.jsx)(V,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(A,{className:"k-first",label:!0,large:!0,text:"0"}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{label:!0,large:!0,text:"5"}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{}),(0,le.jsx)(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var de=require("react/jsx-runtime"),ki=e=>(0,de.jsx)(V,{children:(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(A,{className:"k-first",label:!0,large:!0,text:"0"}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{label:!0,large:!0,text:"5"}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{}),(0,de.jsx)(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var pn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var vi=require("react/jsx-runtime"),mn=e=>(0,vi.jsx)(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var gi=require("react/jsx-runtime"),bn=e=>(0,gi.jsx)(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var fn=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var Oe=require("react/jsx-runtime"),uc=V.options,mc=V.states,Li={...V.defaultOptions,variant:"horizontal",label:!0},bc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fc=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Zt=e=>{let{variant:t,modifiers:o,...a}={...Li,...e},n={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!(o!=null&&o[h]);break}case"label":{n.label=!!(o!=null&&o[h]);break}case"tick":{n.showTicks=!!(o!=null&&o[h]);break}}});let{label:l=!0,showButtons:c,showTicks:u}=n,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,Oe.jsxs)(ki,{showTicks:u,showButtons:c,style:{height:"300px",...f},...a,children:[(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,Oe.jsxs)(Ni,{showTicks:u,showButtons:c,style:{width:"400px",...f},...a,children:[(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,Oe.jsx)(A,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Zt.options=uc;Zt.states=mc;Zt.variants=bc;Zt.defaultOptions=Li;Zt.modifiers=fc;Zt.className=V.className;var Vo=require("react/jsx-runtime"),Mi="k-spin-button",Nc=[],kc={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.flat,m.outline,m.clear,m.link]},xn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=xn.increaseLabel,decreaseLabel:l=xn.decreaseLabel,...c}=e;return(0,Vo.jsxs)("span",{...c,className:s(Mi,e.className),children:[(0,Vo.jsx)(r,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,Vo.jsx)(r,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};yt.states=Nc;yt.options=kc;yt.className=Mi;yt.defaultOptions=xn;yt.moduleName=null;yt.folderName=null;var Si="numeric-textbox",Ii="numerictextbox";var ce=require("react/jsx-runtime"),Ci="k-numerictextbox",vc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],gc={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={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=da.separators,showClearButton:l=da.showClearButton,showSpinButton:c=da.showSpinButton,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,id:j,"aria-label":be,"aria-describedby":Le,...Me}=e;return(0,ce.jsxs)(ee,{...Me,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,className:s(e.className,Ci),children:[u&&(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(Ue,{children:u}),n&&(0,ce.jsx)(Fe,{})]}),(0,ce.jsx)(Ke,{id:j,placeholder:N,value:h,role:"spinbutton",disabled:C,"aria-label":be,"aria-describedby":Le,"aria-invalid":k?"true":void 0}),(0,ce.jsx)(Se,{valid:L,invalid:k,loading:B,disabled:C}),(0,ce.jsx)(Ae,{loading:B,disabled:C}),l&&(0,ce.jsx)(Re,{loading:B,disabled:C,readonly:R,value:h}),f&&(0,ce.jsxs)(ce.Fragment,{children:[n&&(0,ce.jsx)(Fe,{}),(0,ce.jsx)(Ge,{children:f})]}),c&&(0,ce.jsx)(yt,{className:"k-input-spinner",size:t,fillMode:a,disabled:C})]})};H.states=vc;H.options=gc;H.className=Ci;H.defaultOptions=da;H.moduleName=Si;H.folderName=Ii;H.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 $o=H;var Ti=require("react/jsx-runtime"),yi=e=>(0,Ti.jsx)($o,{...e});var pa=ur(require("react"));var Nn=require("react/jsx-runtime"),Lc="k-list-group-sticky-header",kn=e=>(0,Nn.jsx)("div",{className:s(Lc,e.className),children:(0,Nn.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ei=require("react/jsx-runtime"),Mc="k-no-data",ca=e=>{let{live:t,...o}=e;return(0,Ei.jsx)("span",{...o,className:s(Mc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var _t="list",jt=_t;var eo=require("react/jsx-runtime"),vn="k-list",Sc=[],Ic={size:[d.undefined,d.small,d.medium,d.large]},Cc={},K=e=>{var L;let{size:t,virtualization:o,children:a,header:n,optionLabel:l,customValue:c,noData:u,screenReaders:f,...h}=e,x=pa.default.Children.toArray(a)[0],p=(L=x==null?void 0:x.props)!=null&&L.children?pa.default.Children.count(x.props.children):pa.default.Children.count(a);return(0,eo.jsxs)("div",{...h,className:s(e.className,vn,E(vn,{size:t}),{"k-virtual-list":o}),children:[l,c,n&&(0,eo.jsx)(kn,{children:n}),a\|\|(u!==void 0?u:(0,eo.jsx)(ca,{live:!0,children:"No data found."})),f&&a&&(0,eo.jsxs)(ca,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};K.states=Sc;K.options=Ic;K.className=vn;K.defaultOptions=Cc;K.moduleName=_t;K.folderName=jt;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Oi=require("react/jsx-runtime"),Ai="k-list-container",yc=[],Tc={},Ec={},to=e=>{let{...t}=e;return(0,Oi.jsx)("div",{...t,className:s(e.className,Ai),children:e.children})};to.states=yc;to.options=Tc;to.className=Ai;to.defaultOptions=Ec;to.moduleName=_t;to.folderName=jt;var Dt="checkbox",oo=Dt;var gn=require("react/jsx-runtime"),ua="k-checkbox",Ac=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},Bc={},qe=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:l,disabled:c,invalid:u,valid:f,required:h,size:N,rounded:x,wrapperRole:p,...L}=e;return(0,gn.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,gn.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c\|\|void 0,"aria-invalid":u?"true":void 0,className:s(e.className,ua,E(ua,{size:N,rounded:x}),T(ua,{hover:n,focus:l,disabled:c,invalid:u,valid:f,indeterminate:a,checked:o}))})})};qe.states=Ac;qe.options=Oc;qe.className=ua;qe.defaultOptions=Bc;qe.moduleName=Dt;qe.folderName=oo;qe.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 Ze=qe;var Pi=require("react/jsx-runtime"),Bi="k-checkbox-list",wc=[],Pc={},wi={layout:"vertical"},Ce=e=>{let{layout:t=wi.layout,...o}=e;return(0,Pi.jsx)("ul",{...o,className:s(e.className,Bi,{[`k-list-${t}`]:t}),children:e.children})};Ce.states=wc;Ce.options=Pc;Ce.className=Bi;Ce.defaultOptions=wi;Ce.moduleName=Dt;Ce.folderName=oo;var Ki=require("react/jsx-runtime"),Ri="k-checkbox-list-item",Rc=[],Kc={},_c={},ye=e=>{let{...t}=e;return(0,Ki.jsx)("li",{...t,className:s(e.className,Ri),children:e.children})};ye.states=Rc;ye.options=Kc;ye.className=Ri;ye.defaultOptions=_c;ye.moduleName=Dt;ye.folderName=oo;var Ht=require("react/jsx-runtime"),pt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)(Ze,{id:t,...o}),(0,Ht.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ln=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var Dc=require("react/jsx-runtime");var Hc=require("react/jsx-runtime");var zc=require("react/jsx-runtime");var he=require("react/jsx-runtime"),Uc=Ce.options,Gc=Ce.states,Fc={...Ce.defaultOptions,variant:"vertical"},Vc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$c=[],ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,he.jsxs)(Ce,{layout:"horizontal",...o,children:[(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})})]}):(0,he.jsxs)(Ce,{...o,children:[(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),defaultChecked:!0,children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})}),(0,he.jsx)(ye,{children:(0,he.jsx)(pt,{id:D("cb"),children:"Label"})})]})};ao.options=Uc;ao.states=Gc;ao.variants=Vc;ao.defaultOptions=Fc;ao.modifiers=$c;ao.className=Ce.className;var _i=require("react/jsx-runtime"),Xc=Ze.options,qc=Ze.states,Jc=Ze.defaultOptions,Wc=[],Yc=[],no=e=>(0,_i.jsx)(pt,{id:D("checkbox"),...e,defaultChecked:!0,children:"Label"});no.options=Xc;no.states=qc;no.variants=Wc;no.defaultOptions=Jc;no.modifiers=Yc;no.className=Ze.className;var rt=require("react/jsx-runtime"),In="k-list-item",Qc=[i.hover,i.focus,i.selected,i.disabled],Zc={},jc={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:l,showCheckbox:c,checked:u,hover:f,focus:h,selected:N,disabled:x,actions:p,description:L,id:k,...y}=e,B=t\|\|e.children;return(0,rt.jsxs)("li",{...y,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:s(e.className,a?"k-list-group-item":In,T(In,{hover:f,focus:h,disabled:x,selected:N})),children:[c&&(0,rt.jsx)(qe,{checked:u}),n&&(0,rt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,rt.jsx)(I,{icon:n,className:s("k-list-item-icon",l)})}),(0,rt.jsx)("span",{className:"k-list-item-text",children:B}),p&&(0,rt.jsx)("div",{className:"k-list-item-actions",children:p}),L&&(0,rt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,rt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};w.states=Qc;w.options=Zc;w.className=In;w.defaultOptions=jc;w.moduleName=_t;w.folderName=jt;w.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Di=require("react/jsx-runtime"),ep="k-list-ul",ut=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Di.jsx)("ul",{...n,id:a,role:o,className:s(ep,e.className),children:t})};ut.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var ro=require("react/jsx-runtime"),tp="k-list-content",z=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:l,...c}=e;return(0,ro.jsxs)("div",{...c,className:s(tp,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:(0,ro.jsx)(ut,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,ro.jsx)("div",{className:"k-height-container",children:(0,ro.jsx)("div",{})})]})};z.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Cn=require("react/jsx-runtime");var io=require("react/jsx-runtime"),op="k-list-group-item",zt=e=>{let{groupIconName:t,...o}=e;return(0,io.jsxs)("li",{...o,role:"presentation",className:s(op,e.className),children:[t&&(0,io.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,io.jsx)(I,{icon:t,className:"k-list-item-icon"})}),(0,io.jsx)("span",{className:"k-list-item-text",children:e.children})]})};zt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Hi=require("react/jsx-runtime"),yn="k-list-optionlabel",ap=[i.hover,i.focus,i.selected,i.disabled],np={},rp={},ma=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return(0,Hi.jsx)("div",{...c,className:s(yn,T(yn,{hover:o,focus:a,selected:n,disabled:l})),children:t})};ma.states=ap;ma.options=np;ma.className=yn;ma.defaultOptions=rp;var zi=require("react/jsx-runtime"),Tn="k-list-custom-value",ip=[i.hover,i.focus,i.selected,i.disabled],sp={},lp={},Tt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:l,...c}=e;return(0,zi.jsx)("div",{...c,className:s(Tn,T(Tn,{hover:o,focus:a,selected:n,disabled:l})),children:t})};Tt.states=ip;Tt.options=sp;Tt.className=Tn;Tt.defaultOptions=lp;var En=require("react/jsx-runtime");var An=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var Ui="dropdown-list",Gi="dropdownlist";var J=require("react/jsx-runtime"),Fi="k-dropdownlist",cp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],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]},Pn={showValue:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Pn.arrowIconName,showValue:l=Pn.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:N,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,popup:j,opened:be,adaptive:Le,adaptiveSettings:Me,adaptiveTitle:Pe,adaptiveSubtitle:Bt,adaptiveFilter:Ia,id:vt,activeDescendant:Yo,"aria-label":Ca,...ya}=e,bl=vt?`${vt}-listbox`:void 0,cr=vt?`${vt}-value`:void 0;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(ot,{...ya,id:vt,size:t,rounded:o,fillMode:a,hover:x,focus:p,valid:L,invalid:k,required:y,loading:B,disabled:C,readonly:R,className:s(e.className,Fi,{"k-icon-picker":!l&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":be?"true":"false","aria-controls":be?bl:void 0,"aria-activedescendant":be&&Yo?Yo:void 0,"aria-describedby":be?cr:void 0,"aria-disabled":C?"true":void 0,"aria-label":Ca,tabIndex:0,children:[(0,J.jsx)(Ue,{children:u}),(0,J.jsx)(Rt,{placeholder:N,value:h,showValue:l,valueIconName:c,id:cr}),(0,J.jsx)(Se,{valid:L,invalid:k,loading:B,disabled:C}),(0,J.jsx)(Ae,{loading:B,disabled:C}),(0,J.jsx)(Ge,{children:f}),(0,J.jsx)(r,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),be&&j&&(0,J.jsx)($,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:j}),Le&&(0,J.jsx)(Q,{adaptive:!0,...Me,header:(0,J.jsx)(Ie,{actionsEnd:(0,J.jsx)(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ia,inputValue:h,inputPlaceholder:N,title:Pe,subtitle:Bt}),children:(0,J.jsx)("div",{className:"k-list-container",children:(0,J.jsx)(K,{size:"large",children:(0,J.jsxs)(z,{"aria-label":"Options",children:[(0,J.jsx)(w,{text:"List item"}),(0,J.jsx)(w,{text:"List item"}),(0,J.jsx)(w,{text:"List item"})]})})})})]})};X.states=cp;X.options=pp;X.className=Fi;X.defaultOptions=Pn;X.moduleName=Ui;X.folderName=Gi;X.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var up=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var $i=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),fp=X.states,hp=X.defaultOptions,xp=X.options,Np=[{name:"opened",title:"Opened"}],kp=[],lo=e=>{let{modifiers:t,...o}=e,a={},n=(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)("div",{className:"k-list-filter",children:(0,Be.jsx)(Ve,{})}),(0,Be.jsx)(K,{style:{width:300},size:o.size,children:(0,Be.jsxs)(z,{children:[(0,Be.jsx)(w,{children:"List item"}),(0,Be.jsx)(w,{children:"List item"}),(0,Be.jsx)(w,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!(t!=null&&t[l]),a.popup=t!=null&&t[l]?n:void 0)}),(0,Be.jsx)("div",{children:(0,Be.jsx)(X,{placeholder:"Value",style:{width:300},...o,...a})})};lo.options=xp;lo.states=fp;lo.variants=kp;lo.defaultOptions=hp;lo.modifiers=Np;lo.className=X.className;var Xi=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var vp=require("react/jsx-runtime");var ba=require("react/jsx-runtime"),gp=H.states,Lp=H.defaultOptions,Mp=H.options,Sp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Ip=[],co=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,ba.jsx)(X,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,ba.jsx)(Ja,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,ba.jsx)(yi,{value:"Value",style:{width:300},...o,...a})};co.options=Mp;co.states=gp;co.variants=Ip;co.defaultOptions=Lp;co.modifiers=Sp;co.className=H.className;var g=require("react/jsx-runtime"),Ji="k-colorgradient-inputs",Cp=[],yp={size:[d.undefined,d.small,d.medium,d.large]},Wi={mode:"rgba"},po=e=>{let{mode:t=Wi.mode,size:o,...a}=e;return(0,g.jsxs)("div",{...a,className:s(Ji,"k-hstack"),children:[(0,g.jsx)("div",{className:"k-vstack",children:(0,g.jsx)(r,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,g.jsxs)("div",{className:"k-vstack",children:[(0,g.jsx)(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,g.jsx)(se,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,g.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};po.states=Cp;po.options=yp;po.className=Ji;po.defaultOptions=Wi;var xe=require("react/jsx-runtime"),Yi="k-colorgradient-color-contrast",Tp=[],Ep={},Ap={},uo=()=>(0,xe.jsxs)("div",{className:s(Yi,"k-vbox"),children:[(0,xe.jsxs)("div",{className:"k-contrast-ratio",children:[(0,xe.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,xe.jsx)(I,{icon:"check"}),(0,xe.jsx)(I,{icon:"check"})]})]}),(0,xe.jsxs)("div",{children:[(0,xe.jsx)("span",{children:"AA: 4.5"}),(0,xe.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,xe.jsx)(I,{icon:"check"})]})]}),(0,xe.jsxs)("div",{children:[(0,xe.jsx)("span",{children:"AAA: 7.0"}),(0,xe.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,xe.jsx)(I,{icon:"x"})]})]})]});uo.states=Tp;uo.options=Ep;uo.className=Yi;uo.defaultOptions=Ap;var Qi="color-gradient",Zi="colorgradient";var oe=require("react/jsx-runtime"),fa="k-colorgradient",Op=[i.hover,i.focus,i.readonly,i.disabled],Bp={size:[d.undefined,d.small,d.medium,d.large]},it={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"},re=e=>{let{size:t,mode:o=it.mode,readonly:a=it.readonly,disabled:n=it.disabled,gradientStyle:l=it.gradientStyle,dragHandleStyle:c=it.dragHandleStyle,alphaStyle:u=it.alphaStyle,alphaStyleHorizontal:f=it.alphaStyleHorizontal,contrast:h=it.contrast,dir:N,hover:x,focus:p,hoverHandle:L,focusHandle:k,canvasOrientation:y=it.canvasOrientation,role:B,tabIndex:C,...R}=e;return(0,oe.jsxs)("div",{...R,role:B??"textbox","aria-label":B==="none"?void 0:"Color gradient",tabIndex:C??0,"aria-disabled":n?"true":void 0,className:s(e.className,fa,E(fa,{size:t}),T(fa,{hover:x,focus:p,readonly:a,disabled:n})),dir:N,children:[!y\|\|y==="horizontal"&&(0,oe.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,oe.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,oe.jsx)("div",{className:"k-hsv-gradient",children:(0,oe.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"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})})}),(0,oe.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,oe.jsx)(bn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,oe.jsx)(bn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),y==="vertical"&&(0,oe.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,oe.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,oe.jsx)("div",{className:"k-hsv-gradient",children:(0,oe.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":L,"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})})}),(0,oe.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,oe.jsx)(mn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&(0,oe.jsx)(mn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:f})]})]}),(0,oe.jsx)(po,{mode:e.mode,size:t}),h&&(0,oe.jsx)(uo,{})]})};re.states=Op;re.options=Bp;re.className=fa;re.defaultOptions=it;re.moduleName=Qi;re.folderName=Zi;re.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var ji=require("react/jsx-runtime"),ha=e=>(0,ji.jsx)(re,{...e});var wp=require("react/jsx-runtime");var Pp=require("react/jsx-runtime");var xa=require("react/jsx-runtime"),Rp=re.options,Kp=re.states,_p={...re.defaultOptions,variant:"rgba"},Dp=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Hp=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,xa.jsx)(ha,{...o,mode:t});case"rgb":return(0,xa.jsx)(ha,{...o,mode:t});default:return(0,xa.jsx)(ha,{...o,mode:t})}};mo.options=Rp;mo.states=Kp;mo.variants=Dp;mo.defaultOptions=_p;mo.modifiers=Hp;mo.className=re.className;var es=require("react/jsx-runtime"),_n=e=>(0,es.jsx)("tr",{role:"row",children:e.children});var ts=require("react/jsx-runtime"),Dn="k-colorpalette-tile",zp=[i.hover,i.focus,i.selected],Up={},bo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:l,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,ts.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:s(e.className,Dn,T(Dn,{hover:a,focus:n,selected:l})),style:u})};bo.states=zp;bo.options=Up;bo.className=Dn;var os="color-palette",as="colorpalette";var fo=require("react/jsx-runtime"),Na="k-colorpalette",Gp=[i.disabled],Fp={size:[d.undefined,d.small,d.medium,d.large]},ns={columns:10},Te=e=>{let{size:t,palette:o,columns:a=ns.columns,tileSize:n,disabled:l,...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(xf,(x+1)f).map((k,y)=>{p.push((0,fo.jsx)(bo,{color:k,tileSize:n},y))});let L=(0,fo.jsx)(_n,{children:p},x);u.push(L)})}return(0,fo.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:s(e.className,Na,T(Na,{disabled:l}),E(Na,{size:t})),children:(0,fo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,fo.jsx)("tbody",{children:u.length>0?u:e.children})})})};Te.states=Gp;Te.options=Fp;Te.className=Na;Te.defaultOptions=ns;Te.moduleName=os;Te.folderName=as;Te.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 ka=Te;var Xo={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var is=require("react/jsx-runtime"),rs=e=>(0,is.jsx)(ka,{palette:Xo.basic,...e});var Vp=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var ls=require("react/jsx-runtime"),$p=Te.options,Xp=Te.states,qp={...Te.defaultOptions,variant:"basic"},Jp=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Wp={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}},Yp=[],ho=e=>{let{variant:t="basic",...o}=e,a=Wp[t];return(0,ls.jsx)(rs,{columns:a.columns,palette:a,...o})};ho.options=$p;ho.states=Xp;ho.variants=Jp;ho.defaultOptions=qp;ho.modifiers=Yp;ho.className=Te.className;var ds="color-editor",cs="coloreditor";var te=require("react/jsx-runtime"),va="k-coloreditor",Qp=[i.focus],Zp={size:[d.undefined,d.small,d.medium,d.large]},qo={view:"gradient",palette:Xo.office,actionButtons:!0,canvasOrientation:"horizontal"},Z=e=>{let{size:t,view:o=qo.view,palette:a=qo.palette,color:n,currentColor:l,focus:c,focusView:u,dir:f,group:h,actionButtons:N=qo.actionButtons,canvasOrientation:x=qo.canvasOrientation,...p}=e;return(0,te.jsxs)("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:s(e.className,"k-flatcolorpicker",va,E(va,{size:t}),T(va,{focus:c})),dir:f,children:[(0,te.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,te.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,te.jsxs)(S,{fillMode:"flat",children:[(0,te.jsx)(r,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,te.jsx)(r,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,te.jsx)("div",{className:"k-spacer"}),(0,te.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,te.jsx)(r,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,te.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,te.jsx)(Lt,{className:"k-coloreditor-preview-color",color:n}),(0,te.jsx)(Lt,{className:"k-coloreditor-current-color",color:l})]})]})]}),(0,te.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,te.jsx)(re,{focus:u,size:t,canvasOrientation:x,role:"none",tabIndex:-1}):(0,te.jsx)(Te,{palette:a,size:t})}),N&&(0,te.jsxs)(nt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,te.jsx)(r,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,te.jsx)(r,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Z.states=Qp;Z.options=Zp;Z.className=va;Z.defaultOptions=qo;Z.moduleName=ds;Z.folderName=cs;Z.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 xo=Z;var jp=require("react/jsx-runtime");var eu=require("react/jsx-runtime");var us=require("react/jsx-runtime"),ps=e=>(0,us.jsx)(xo,{group:!0,currentColor:"fuchsia",...e});var bs=require("react/jsx-runtime"),ms=e=>(0,bs.jsx)(xo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Hn=require("react/jsx-runtime"),tu=Z.options,ou=Z.states,au={...Z.defaultOptions,variant:"gradient"},nu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ru=[],No=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Hn.jsx)(ms,{...o,color:"white"}):(0,Hn.jsx)(ps,{...o,color:"rgba(183, 118 , 118, 1.00)"})};No.options=tu;No.states=ou;No.variants=nu;No.defaultOptions=au;No.modifiers=ru;No.className=Z.className;var fs="color-picker",hs="colorpicker";var ae=require("react/jsx-runtime"),xs="k-colorpicker",iu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],su={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]},Ns={arrowIconName:"chevron-down"},De=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ns.arrowIconName,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:L,disabled:k,valueIconName:y,popup:B,opened:C,adaptive:R,adaptiveSettings:j,adaptiveTitle:be,adaptiveSubtitle:Le,...Me}=e,Pe="colorpicker-popup";return(0,ae.jsxs)(ae.Fragment,{children:[(0,ae.jsxs)(ot,{...Me,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":C?"true":"false","aria-controls":C\|\|R?Pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:s(e.className,xs,"k-icon-picker"),children:[(0,ae.jsx)(Ue,{children:l}),(0,ae.jsx)(Rt,{placeholder:f,value:u,showValue:!1,valueIcon:(0,ae.jsx)(Lt,{className:"k-value-icon",color:u,iconName:y}),valueIconName:y}),(0,ae.jsx)(Ge,{children:c}),(0,ae.jsx)(r,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),C&&B&&(0,ae.jsx)($,{id:Pe,className:"k-colorpicker-popup",children:B}),R&&(0,ae.jsx)(Q,{adaptive:!0,id:Pe,...j,header:(0,ae.jsx)(Ie,{actionsEnd:(0,ae.jsx)(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:be,subtitle:Le}),footer:(0,ae.jsxs)(Mt,{children:[(0,ae.jsx)(r,{text:"Cancel",size:"large"}),(0,ae.jsx)(r,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ae.jsx)(Z,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};De.states=iu;De.options=su;De.className=xs;De.defaultOptions=Ns;De.moduleName=fs;De.folderName=hs;De.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var mt=De;var ks=require("react/jsx-runtime"),ga=e=>(0,ks.jsx)(mt,{...e});var lu=require("react/jsx-runtime");var du=require("react/jsx-runtime");var cu=require("react/jsx-runtime");var pu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var mu=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),bu=mt.options,fu=mt.states,vs={...mt.defaultOptions,variant:"color"},hu=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],xu=[{name:"opened",title:"Opened"}],ko=e=>{let{variant:t,modifiers:o,...a}={...vs,...e},n={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!(o!=null&&o[c]),n.popup=o!=null&&o[c]?(0,Et.jsx)(Z,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Et.jsx)("div",{style:l,children:(0,Et.jsx)(ga,{...a,...n})});case"icon":return(0,Et.jsx)("div",{style:l,children:(0,Et.jsx)(ga,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,Et.jsx)("div",{style:l,children:(0,Et.jsx)(ga,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};ko.options=bu;ko.states=fu;ko.variants=hu;ko.defaultOptions=vs;ko.modifiers=xu;ko.className=mt.className;var zn="combobox",gs=zn;var _=require("react/jsx-runtime"),Ls="k-combobox",Nu=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ku={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]},Ms={separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ms.separators,prefix:l,suffix:c,value:u,placeholder:f,hover:h,focus:N,valid:x,invalid:p,required:L,loading:k,disabled:y,popup:B,opened:C,readonly:R,adaptive:j,adaptiveSettings:be,adaptiveTitle:Le,adaptiveSubtitle:Me,adaptiveCustomValue:Pe,id:Bt,autocomplete:Ia,activeDescendant:vt,"aria-label":Yo,...Ca}=e,ya=Bt?`${Bt}-listbox`:void 0;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(ee,{...Ca,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:x,invalid:p,required:L,loading:k,disabled:y,readonly:R,className:s(e.className,Ls),children:[l&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Ue,{children:l}),n&&(0,_.jsx)(Fe,{})]}),(0,_.jsx)(Ke,{id:Bt,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":C?"true":"false","aria-controls":C?ya:void 0,"aria-activedescendant":C&&vt?vt:void 0,"aria-autocomplete":Ia,"aria-invalid":p?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Yo,disabled:y,readOnly:R}),(0,_.jsx)(Se,{valid:x,invalid:p,loading:k,disabled:y}),(0,_.jsx)(Ae,{loading:k,disabled:y}),(0,_.jsx)(Re,{loading:k,disabled:y,readonly:R,value:u}),c&&(0,_.jsxs)(_.Fragment,{children:[n&&(0,_.jsx)(Fe,{}),(0,_.jsx)(Ge,{children:c})]}),(0,_.jsx)(r,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),C&&B&&(0,_.jsx)($,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:B}),j&&(0,_.jsx)(Q,{adaptive:!0,id:Bt?`${Bt}-adaptive`:void 0,...be,header:(0,_.jsx)(Ie,{actionsEnd:(0,_.jsx)(r,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:Le,subtitle:Me}),children:(0,_.jsx)("div",{className:"k-list-container",children:(0,_.jsx)(K,{customValue:Pe?(0,_.jsx)(Tt,{text:`Use "${u}"`}):void 0,size:"large",children:(0,_.jsxs)(z,{"aria-label":Le\|\|"Options",children:[(0,_.jsx)(w,{text:"List item"}),(0,_.jsx)(w,{text:"List item"}),(0,_.jsx)(w,{text:"List item"})]})})})})]})};Ne.states=Nu;Ne.options=ku;Ne.className=Ls;Ne.defaultOptions=Ms;Ne.moduleName=zn;Ne.folderName=gs;Ne.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 He=Ne;var Is=require("react/jsx-runtime"),Ss=e=>(0,Is.jsx)(He,{...e});var Cs=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var vu=require("react/jsx-runtime");var gu=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var je=require("react/jsx-runtime"),Lu=Ne.states,Mu=Ne.defaultOptions,Su=Ne.options,Iu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Cu=[],vo=e=>{let{modifiers:t,...o}=e,a={},n=(0,je.jsx)(K,{style:{width:300},size:o.size,children:(0,je.jsxs)(z,{children:[(0,je.jsx)(w,{children:"List item"}),(0,je.jsx)(w,{children:"List item"}),(0,je.jsx)(w,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,je.jsx)(I,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,je.jsx)(gt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[l]),a.popup=t!=null&&t[l]?n:void 0;break;default:break}}),(0,je.jsx)("div",{children:(0,je.jsx)(Ss,{value:"Value",style:{width:300},...o,...a})})};vo.options=Su;vo.states=Lu;vo.variants=Cu;vo.defaultOptions=Mu;vo.modifiers=Iu;vo.className=Ne.className;var Gn="menu-button",Ps=Gn;var Ks=require("react/jsx-runtime"),Rs="k-menu-button",yu=[i.hover,i.focus,i.active,i.selected,i.disabled],Tu={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]},Fn={showArrow:!0,arrowIconName:"chevron-down"},U=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,showArrow:p=Fn.showArrow,arrowIconName:L=Fn.arrowIconName,expanded:k,...y}=e;return(0,Ks.jsx)(r,{...y,className:s(e.className,Rs),text:x,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,showArrow:p,arrowIconName:L,"aria-expanded":k?"true":"false",...!x&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};U.states=yu;U.options=Tu;U.className=Rs;U.defaultOptions=Fn;U.moduleName=Gn;U.folderName=Ps;U.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Eu=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var ze="menu",Je=ze;var bt=require("react/jsx-runtime"),Vn="k-menu-item",Bu=[i.hover,i.focus,i.active,i.selected,i.disabled],wu={},_s={iconPosition:"before"},ke=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=_s.iconPosition,dir:L,children:k,expanded:y,...B}=e,C=x;return C\|\|(C=L==="rtl"?"chevron-left":"chevron-right"),(0,bt.jsxs)("li",{...B,className:s(e.className,Vn,"k-item",T(Vn,{focus:o,disabled:l,hover:t,active:a,selected:n}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":y?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,bt.jsxs)("span",{className:s("k-link k-menu-link"),children:[c&&p==="before"&&(0,bt.jsx)(I,{className:"k-menu-link-icon",icon:c}),(0,bt.jsx)("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&(0,bt.jsx)(I,{className:"k-menu-link-icon",icon:c}),N&&(0,bt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,bt.jsx)(I,{icon:C})})]}),k]})};ke.states=Bu;ke.options=wu;ke.className=Vn;ke.defaultOptions=_s;ke.moduleName=ze;ke.folderName=Je;var ft=require("react/jsx-runtime"),$n="k-menu-item",Pu=[i.hover,i.focus,i.active,i.selected,i.disabled],Ru={},Xn={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:l,icon:c,text:u,first:f,last:h,showArrow:N,arrowIconName:x,iconPosition:p=Xn.iconPosition,dir:L=Xn.dir,children:k,popup:y,expanded:B,...C}=e,R=x;return R\|\|(R=L==="rtl"?"chevron-left":"chevron-right"),(0,ft.jsxs)("li",{...C,className:s(e.className,$n,"k-item",T($n,{focus:o,disabled:l}),{"k-first":f,"k-last":h}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":B?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ft.jsxs)("span",{className:s("k-link k-menu-link",T("k-menu-link",{hover:t,active:a,selected:n,disabled:l})),children:[c&&p==="before"&&(0,ft.jsx)(I,{className:"k-menu-link-icon",icon:c}),(0,ft.jsx)("span",{className:"k-menu-link-text",children:u}),c&&p==="after"&&(0,ft.jsx)(I,{className:"k-menu-link-icon",icon:c}),N&&(0,ft.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ft.jsx)(I,{icon:R})})]}),k,y]})};W.states=Pu;W.options=Ru;W.className=$n;W.defaultOptions=Xn;W.moduleName=ze;W.folderName=Je;var zs=require("react/jsx-runtime"),Ds="k-menu-scroll-wrapper",Ku=[],_u={},Du={},Ut=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,zs.jsx)("div",{...n,className:s(t,Ds,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ut.states=Ku;Ut.options=_u;Ut.className=Ds;Ut.defaultOptions=Du;Ut.moduleName=ze;Ut.folderName=Je;var Hs=Ut;var pe=require("react/jsx-runtime"),qn="k-menu",Hu=[],zu={},Ma={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ie=e=>{let{children:t,orientation:o=Ma.orientation,header:a=Ma.header,scrollable:n,scrollButtonsPosition:l=Ma.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=(0,pe.jsx)("ul",{dir:u,...N,className:s(e.className,"k-reset",qn,{[`${qn}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,pe.jsxs)(pe.Fragment,{children:[n?(0,pe.jsxs)(Hs,{orientation:o,style:c,dir:e.dir,children:[l==="start"&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,l==="end"&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,pe.jsx)(r,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,pe.jsx)(r,{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]})};ie.states=Hu;ie.options=zu;ie.className=qn;ie.defaultOptions=Ma;ie.moduleName=ze;ie.folderName=Je;ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Gs=require("react/jsx-runtime"),Jn="k-separator",Us={orientation:"horizontal"},go=e=>{let{orientation:t=Us.orientation,...o}=e;return(0,Gs.jsx)("li",{...o,className:s(e.className,"k-item",Jn,{[`${Jn}-${t}`]:t}),role:"separator"})};go.className=Jn;go.defaultOptions=Us;go.moduleName=ze;go.folderName=Je;var Fs=require("react/jsx-runtime");var Vs=require("react/jsx-runtime"),Wn="k-menu-group",Uu=[],Gu={size:[d.undefined,d.small,d.medium,d.large]},Fu={},ve=e=>{let{children:t,size:o,...a}=e;return(0,Vs.jsx)("ul",{...a,className:s(e.className,Wn,E(Wn,{size:o})),role:"menu",children:t})};ve.states=Uu;ve.options=Gu;ve.className=Wn;ve.defaultOptions=Fu;ve.moduleName=ze;ve.folderName=Je;var et=require("react/jsx-runtime"),Yn=e=>(0,et.jsx)(ie,{children:(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(ke,{first:!0,text:"Item 1"}),(0,et.jsx)(ke,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,et.jsx)(ke,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,et.jsx)(ke,{text:"Item 4"}),(0,et.jsx)(ke,{last:!0,text:"Item 5"})]}),...e});var Qn=require("react/jsx-runtime");var Zn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var er=require("react/jsx-runtime");var st=require("react/jsx-runtime"),Vu=ie.options,$u=ie.states,$s={...ie.defaultOptions,variant:"horizontal"},Xu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qu=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},n={};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"scrollable":n.scrollable=!!(o!=null&&o[l]);break;case"opened":n.opened=!!(o!=null&&o[l]),n.popup=(0,st.jsx)($,{className:"k-menu-popup",children:(0,st.jsxs)(ve,{children:[(0,st.jsx)(W,{text:"Item 1"}),(0,st.jsx)(W,{text:"Item 2"}),(0,st.jsx)(go,{}),(0,st.jsx)(W,{text:"Item 3"})]})});break}}),t==="vertical"?(0,st.jsx)(Yn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,st.jsx)(Yn,{...a,...n})};Lo.options=Vu;Lo.states=$u;Lo.variants=Xu;Lo.defaultOptions=$s;Lo.modifiers=qu;Lo.className=ie.className;var tr=require("react/jsx-runtime");var Ju=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),Wu=r.states,Xs={...r.defaultOptions,variant:"text"},Yu=r.options,Qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zu=[{name:"opened",title:"Opened"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},n={},l=(0,ge.jsx)($,{className:"k-menu-popup",children:(0,ge.jsxs)(ve,{size:a.size,children:[(0,ge.jsx)(W,{first:!0,text:"Menu Item"}),(0,ge.jsx)(W,{text:"Menu Item"}),(0,ge.jsx)(W,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,ge.jsx)("div",{children:(0,ge.jsx)(U,{...a,...n,icon:"star"})});break;case"icon-and-text":c=(0,ge.jsx)("div",{children:(0,ge.jsx)(U,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:c=(0,ge.jsx)("div",{children:(0,ge.jsx)(U,{...a,...n,children:"Dropdown Button"})});break}return(0,ge.jsxs)(ge.Fragment,{children:[c,(o==null?void 0:o.opened)&&l]})};Mo.options=Yu;Mo.states=Wu;Mo.variants=Qu;Mo.defaultOptions=Xs;Mo.modifiers=Zu;Mo.className=U.className;var or="split-button",qs=or;var ht=require("react/jsx-runtime"),ar="k-split-button",ju=[i.hover,i.focus,i.active,i.selected,i.disabled],em={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]},Js={arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,icon:N,text:x,arrowIconName:p=Js.arrowIconName,popup:L,opened:k,popupId:y,...B}=e;return(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsxs)("div",{...B,className:s(e.className,ar,"k-button-group",E(ar,{rounded:o})),children:[(0,ht.jsx)(r,{text:x,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:l,focus:c,active:u,selected:f,disabled:h,...!x&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),(0,ht.jsx)(r,{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?y:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),k&&L&&(0,ht.jsx)($,{className:"k-menu-popup",children:L})]})};P.states=ju;P.options=em;P.className=ar;P.defaultOptions=Js;P.moduleName=or;P.folderName=qs;P.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 nr=P;var Ws=require("react/jsx-runtime"),tm="k-toolbar-separator",tt=e=>(0,Ws.jsx)("div",{className:s(tm,e.className,"k-separator")});var xt="toolbar",At=xt;var O=require("react/jsx-runtime"),Nt="k-toolbar",om=[i.focus],am={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},nm={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:l,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,N=[],x=(p,L)=>{let k=[];if(p.type===r&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))k.push((0,O.jsx)(r,{...p.props,className:`${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===r)k.push((0,O.jsx)(r,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===Oo)k.push((0,O.jsx)(Oo,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===gt)k.push((0,O.jsx)(gt,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===U)k.push((0,O.jsx)(U,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===nr)k.push((0,O.jsx)(nr,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===S\|\|p.props.className&&p.props.className.includes("k-button-group")){let y=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((C,R)=>{y.push((0,O.jsx)(r,{...C.props,className:`${C.props.className?C.props.className:""}`},`${R}-${new Date().getTime()}`))}),k.push((0,O.jsx)(S,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:y},`${L}-${new Date().getTime()}`))}else p.type===Ne?k.push((0,O.jsx)(Ne,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===X?k.push((0,O.jsx)(X,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===De?k.push((0,O.jsx)(De,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(p);k.forEach(y=>{N.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{x(L,k)}),(0,O.jsxs)("div",{...h,className:s(e.className,Nt,E(Nt,{size:t,fillMode:o}),T(Nt,{focus:a}),{[`${Nt}-resizable`]:n,[`${Nt}-scrollable`]:l,[`${Nt}-scrollable-overlay`]:l&&c==="hidden",[`${Nt}-scrollable-${u}`]:u&&u!=="both",[`${Nt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!l&&N,l&&c==="hidden"&&(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),l&&c==="start"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(S,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),l&&c==="end"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsxs)(S,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(c==="around"\|\|!c)&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("span",{className:s("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-left"})}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),(0,O.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,O.jsx)("span",{className:s("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,O.jsx)(I,{className:"k-button-icon",icon:"chevron-right"})})]})]})};G.states=om;G.options=am;G.className=Nt;G.defaultOptions=nm;G.moduleName=xt;G.folderName=At;G.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Qs=require("react/jsx-runtime"),Ys="k-floating-toolbar",rm=[],im={},sm={},So=e=>{let{...t}=e;return(0,Qs.jsx)("div",{...t,className:s(e.className,Ys),children:e.children})};So.states=rm;So.options=im;So.className=Ys;So.defaultOptions=sm;So.moduleName=xt;So.folderName=At;var Zs=require("react/jsx-runtime"),rr="k-toolbar-item",lm=[i.focus],dm={},cm={},lt=e=>{let{focus:t,...o}=e;return(0,Zs.jsx)("div",{...o,className:s(e.className,rr,T(rr,{focus:t})),children:e.children})};lt.states=lm;lt.options=dm;lt.className=rr;lt.defaultOptions=cm;lt.moduleName=xt;lt.folderName=At;var ir=require("react/jsx-runtime"),js="k-toolbar-popup",pm=[],um={size:[d.undefined,d.small,d.medium,d.large],fillMode:[m.undefined,m.solid,m.outline,m.flat]},mm={},Gt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,ir.jsx)($,{...n,className:s(e.className,js),children:a?(0,ir.jsx)("span",{className:s("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Gt.states=pm;Gt.options=um;Gt.className=js;Gt.defaultOptions=mm;Gt.moduleName=xt;Gt.folderName=At;var Sa=Gt;var bm=require("react/jsx-runtime");var fm=require("react/jsx-runtime");var hm=require("react/jsx-runtime");var el=require("react/jsx-runtime");var xm=require("react/jsx-runtime");var We=require("react/jsx-runtime"),Nm=P.states,tl={...P.defaultOptions,variant:"text"},km=P.options,vm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gm=[{name:"opened",title:"Opened"}],Io=e=>{let{variant:t,modifiers:o,...a}={...tl,...e},n={},l=(0,We.jsxs)(ve,{size:a.size,children:[(0,We.jsx)(W,{first:!0,text:"Menu Item"}),(0,We.jsx)(W,{text:"Menu Item"}),(0,We.jsx)(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(n.opened=!!(o!=null&&o[c]),n.popup=o!=null&&o[c]?l:"")}),t){case"icon-only":return(0,We.jsx)("div",{children:(0,We.jsx)(P,{...a,...n,icon:"star"})});case"icon-and-text":return(0,We.jsx)("div",{children:(0,We.jsx)(P,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,We.jsx)("div",{children:(0,We.jsx)(P,{...a,...n,children:"Split Button"})})}};Io.options=km;Io.states=Nm;Io.variants=vm;Io.defaultOptions=tl;Io.modifiers=gm;Io.className=P.className;var dt=require("react/jsx-runtime"),ol=e=>(0,dt.jsx)(G,{children:[(0,dt.jsx)(r,{children:"Button"},"toolbar-button"),(0,dt.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,dt.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,dt.jsxs)(S,{children:[(0,dt.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,dt.jsx)(r,{icon:"align-center",children:"Center"}),(0,dt.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var al=require("react/jsx-runtime");var ue=require("react/jsx-runtime"),nl=e=>(0,ue.jsx)(G,{scrollable:!0,...e,children:[(0,ue.jsx)(r,{children:"Button"},"toolbar-button"),(0,ue.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ue.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ue.jsxs)(S,{children:[(0,ue.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ue.jsx)(r,{icon:"align-center",children:"Center"}),(0,ue.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ue.jsx)(r,{children:"Button"},"toolbar-button"),(0,ue.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,ue.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,ue.jsxs)(S,{children:[(0,ue.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ue.jsx)(r,{icon:"align-center",children:"Center"}),(0,ue.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var me=require("react/jsx-runtime"),rl=({scrollingPosition:e="start",...t})=>(0,me.jsx)(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,me.jsx)(r,{children:"Button"},"toolbar-button"),(0,me.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,me.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,me.jsxs)(S,{children:[(0,me.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,me.jsx)(r,{icon:"align-center",children:"Center"}),(0,me.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,me.jsx)(r,{children:"Button"},"toolbar-button"),(0,me.jsx)(U,{text:"Menu button"},"toolbar-menu-button"),(0,me.jsx)(P,{children:"Split button"},"toolbar-split-button"),(0,me.jsxs)(S,{children:[(0,me.jsx)(r,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,me.jsx)(r,{icon:"align-center",children:"Center"}),(0,me.jsx)(r,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Y=require("react/jsx-runtime"),il=({fillMode:e,size:t,...o})=>(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(G,{section:!0,fillMode:e,size:t,children:[(0,Y.jsx)(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Y.jsxs)(S,{fillMode:e,children:[(0,Y.jsx)(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Y.jsx)(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Y.jsx)(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Y.jsx)(tt,{className:"k-toolbar-button-separator"}),(0,Y.jsx)(r,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Y.jsxs)(Sa,{size:t,fillMode:e,section:!0,...o,children:[(0,Y.jsx)(P,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Y.jsx)(r,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Y.jsx)(tt,{}),(0,Y.jsx)(U,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Y.jsxs)(S,{fillMode:e,children:[(0,Y.jsx)(r,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Y.jsx)(r,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Y.jsx)(r,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var sr=require("react/jsx-runtime");var lr=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),Lm=G.options,Mm=G.states,sl={...G.defaultOptions,variant:"default"},Sm=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Im=[],Co=e=>{let{variant:t,...o}={...sl,...e};switch(t){case"responsive":return(0,kt.jsx)("div",{children:(0,kt.jsx)(il,{style:{width:"583px"},...o})});case"overlay":return(0,kt.jsx)("div",{children:(0,kt.jsx)(rl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,kt.jsx)("div",{children:(0,kt.jsx)(nl,{style:{width:"583px"},...o})});default:return(0,kt.jsx)("div",{children:(0,kt.jsx)(ol,{style:{width:"583px"},...o})})}};Co.options=Lm;Co.states=Mm;Co.variants=Sm;Co.defaultOptions=sl;Co.modifiers=Im;Co.className=G.className;var dl=require("react/jsx-runtime"),Cm="k-editor-toolbar",ll=e=>{let{resizable:t,...o}=e;return(0,dl.jsx)(G,{...o,className:s(e.className,Cm),resizable:t,children:e.children})};var dr="editor",cl=dr;var Wo=require("react/jsx-runtime"),Jo="k-editor",ym=[i.readonly,i.disabled,i.focus],Tm={},pl={toolbarResizable:!1},we=e=>{let{readonly:t,disabled:o,focus:a,toolbarItems:n,toolbarResizable:l=pl.toolbarResizable,resizable:c,...u}=e;return(0,Wo.jsxs)("div",{...u,className:s(e.className,Jo,T(Jo,{readonly:t,disabled:o}),{[`${Jo}-resizable`]:c}),children:[(0,Wo.jsx)(ll,{resizable:l,children:n}),(0,Wo.jsx)(Zo,{readonly:t,className:s(T(Jo,{focus:a})),children:e.children})]})};we.states=ym;we.options=Tm;we.className=Jo;we.defaultOptions=pl;we.moduleName=dr;we.folderName=cl;we.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."}]};var F=require("react/jsx-runtime"),ul=e=>(0,F.jsx)(we,{toolbarItems:[(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",disabled:!0,icon:"undo","aria-label":"Undo"}),(0,F.jsx)(r,{className:"k-group-end",disabled:!0,icon:"redo","aria-label":"Redo"})]},"history"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"bold","aria-label":"Bold"}),(0,F.jsx)(r,{icon:"italic","aria-label":"Italic"}),(0,F.jsx)(r,{icon:"underline","aria-label":"Underline"}),(0,F.jsx)(r,{className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]},"format"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"subscript","aria-label":"Subscript"}),(0,F.jsx)(r,{className:"k-group-end",icon:"superscript","aria-label":"Superscript"})]},"script"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"indent","aria-label":"Indent"}),(0,F.jsx)(r,{disabled:!0,className:"k-group-end",icon:"outdent","aria-label":"Outdent"})]},"indent"),(0,F.jsxs)(S,{children:[(0,F.jsx)(r,{className:"k-group-start",icon:"align-left","aria-label":"Align left"}),(0,F.jsx)(r,{icon:"align-center","aria-label":"Align center"}),(0,F.jsx)(r,{icon:"align-right","aria-label":"Align right"}),(0,F.jsx)(r,{className:"k-group-end",icon:"align-justify","aria-label":"Justify"})]},"align")],children:(0,F.jsx)(F.Fragment,{children:"Editor Content"}),...e});var M=require("react/jsx-runtime"),Em=we.options,Am=we.states,ml={...we.defaultOptions,variant:"normal"},Om=[],Bm=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],Ot=e=>{let{variant:t,...o}={...ml,...e},a={};return t==="resizable"&&(a.resizable=!0),(0,M.jsx)(ul,{focus:!0,...a,style:{width:"750px",height:"375px"},...o,toolbarItems:[(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{hover:!0,icon:"bold"}),(0,M.jsx)(r,{icon:"italic"}),(0,M.jsx)(r,{icon:"underline"}),(0,M.jsx)(r,{icon:"strikethrough"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"subscript"}),(0,M.jsx)(r,{icon:"superscript"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"align-left"}),(0,M.jsx)(r,{selected:!0,icon:"align-center"}),(0,M.jsx)(r,{icon:"align-right"}),(0,M.jsx)(r,{icon:"align-justify"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"indent"}),(0,M.jsx)(r,{disabled:!0,icon:"outdent"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{icon:"list-ordered"}),(0,M.jsx)(r,{icon:"list-unordered"})]}),(0,M.jsx)(lt,{children:(0,M.jsx)(X,{style:{width:"173px"},value:"Font Size"})}),(0,M.jsx)(lt,{children:(0,M.jsx)(X,{style:{width:"173px"},value:"Font Name"})}),(0,M.jsx)(lt,{children:(0,M.jsx)(X,{style:{width:"173px"},value:"Paragraph"})}),(0,M.jsx)(r,{icon:"table-add"}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"undo"}),(0,M.jsx)(r,{disabled:!0,icon:"redo"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"link"}),(0,M.jsx)(r,{disabled:!0,icon:"unlink"}),(0,M.jsx)(r,{icon:"image"}),(0,M.jsx)(r,{icon:"code"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"table-row-insert-above"}),(0,M.jsx)(r,{disabled:!0,icon:"table-row-insert-below"}),(0,M.jsx)(r,{disabled:!0,icon:"table-column-insert-left"}),(0,M.jsx)(r,{disabled:!0,icon:"table-column-insert-right"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"table-row-delete"}),(0,M.jsx)(r,{disabled:!0,icon:"table-column-delete"}),(0,M.jsx)(r,{disabled:!0,icon:"table-delete"})]}),(0,M.jsxs)(S,{children:[(0,M.jsx)(r,{disabled:!0,icon:"cells-merge"}),(0,M.jsx)(r,{disabled:!0,icon:"cell-split-horizontally"})]})],children:(0,M.jsxs)("div",{className:"ProseMirror",children:[(0,M.jsx)("p",{children:"The Editor allows your users to edit HTML in a familiar, user-friendly way."}),(0,M.jsxs)("p",{children:["In this version, the Editor provides the core HTML editing engine which includes basic text formatting, hyperlinks, and lists. The widget ",(0,M.jsx)("strong",{children:"outputs identical HTML"})," across all major browsers, follows accessibility standards, and provides API for content manipulation."]}),(0,M.jsx)("p",{children:"Features include:"}),(0,M.jsxs)("ul",{children:[(0,M.jsx)("li",{children:"Text formatting"}),(0,M.jsx)("li",{children:"Bulleted and numbered lists"}),(0,M.jsx)("li",{children:"Hyperlinks"}),(0,M.jsx)("li",{children:"Cross-browser support"}),(0,M.jsx)("li",{children:"Identical HTML output across browsers"})]})]})})};Ot.options=Em;Ot.states=Am;Ot.variants=Bm;Ot.defaultOptions=ml;Ot.modifiers=Om;Ot.className=we.className;var wm=Ot;