@progress/kendo-themes-html/dist/cjs/form/templates/form-normal.js

A collection of HTML helpers used for developing Kendo UI themes

var ar=Object.create;var so=Object.defineProperty;var nr=Object.getOwnPropertyDescriptor;var rr=Object.getOwnPropertyNames;var sr=Object.getPrototypeOf,lr=Object.prototype.hasOwnProperty;var dr=(e,t)=>{for(var o in t)so(e,o,{get:t[o],enumerable:!0})},$i=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of rr(t))!lr.call(e,i)&&i!==o&&so(e,i,{get:()=>t[i],enumerable:!(a=nr(t,i))||a.enumerable});return e};var qi=(e,t,o)=>(o=e!=null?ar(sr(e)):{},$i(t||!e||!e.__esModule?so(o,"default",{value:e,enumerable:!0}):o,e)),pr=e=>$i(so({},"__esModule",{value:!0}),e);var Op={};dr(Op,{FormNormal:()=>Ep});module.exports=pr(Op);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 M=(e,t)=>r({[`${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"}),A=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:s,checked:d,active:c,selected:m,disabled:u,indeterminate:b,loading:x,empty:h,readonly:I,highlighted:T,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":s,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":u,"k-indeterminate":b&&!d,"k-loading":x,"k-empty":h,"k-readonly":I,"k-highlighted":T},Object.keys(y).reduce((k,g)=>(g.startsWith("k-")?k[g]=y[g]:k[`k-${g}`]=y[g],k),{}))};function Wi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Te={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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 Co={};function S(e){return Co[e]=(Co[e]||0)+1,`k-${e}-${Co[e]}`}var Ji="form",Yi="forms";var Ae=require("react/jsx-runtime"),lo="k-form",cr=[],mr={size:[l.undefined,l.small,l.medium,l.large]},Ro={layout:"basic",tag:"form"},z=e=>{let{size:t,orientation:o,layout:a=Ro.layout,formButtons:i,cols:s,gutters:d,tag:c=Ro.tag,children:m}=e,u=c,b=r(e.className,lo,M(lo,{size:t}),{[`${lo}-${o}`]:o}),x=(0,Ae.jsxs)(Ae.Fragment,{children:[a==="grid"?(0,Ae.jsx)("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:m}):(0,Ae.jsx)(Ae.Fragment,{children:m}),i&&(0,Ae.jsx)("div",{className:"k-form-buttons",children:i})]}),{role:h,"aria-labelledby":I,"aria-label":T,id:y}=e;return(0,Ae.jsx)(u,{className:b,role:h,"aria-labelledby":I,"aria-label":T,id:y,children:x})};z.states=cr;z.options=mr;z.className=lo;z.defaultOptions=Ro;z.moduleName=Ji;z.folderName=Yi;var Qi="label",Zi="label";var zt=require("react/jsx-runtime"),wo="k-label",ur=[n.disabled],fr={},br={},Pe=e=>{let{disabled:t,optional:o,info:a,text:i,children:s,...d}=e;return(0,zt.jsxs)("label",{...d,className:r(e.className,wo,A(wo,{disabled:t})),children:[i||s,o&&(0,zt.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,zt.jsx)("span",{className:"k-field-info",children:a})]})};Pe.states=ur;Pe.options=fr;Pe.className=wo;Pe.defaultOptions=br;Pe.moduleName=Qi;Pe.folderName=Zi;var ea=require("react/jsx-runtime"),ji="k-form-hint",xr=[],hr={},Nr={},he=e=>{let{text:t,children:o,...a}=e;return(0,ea.jsx)("div",{...a,className:r(e.className,ji),children:t||o})};he.states=xr;he.options=hr;he.className=ji;he.defaultOptions=Nr;var oa=require("react/jsx-runtime"),ta="k-form-error",Lr=[],kr={},vr={},Ne=e=>{let{text:t,children:o,...a}=e;return(0,oa.jsx)("div",{...a,className:r(e.className,ta),children:t||o})};Ne.states=Lr;Ne.options=kr;Ne.className=ta;Ne.defaultOptions=vr;var He=require("react/jsx-runtime"),Ko="k-form-field",gr=[n.disabled],ue=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:s,hint:d,error:c,info:m,disabled:u,dir:b,colSpan:x,...h}=e;return(0,He.jsxs)("div",{...h,className:r(Ko,e.className,A(Ko,{disabled:u}),{[`k-col-span-${x}`]:x}),dir:b,children:[o&&(0,He.jsx)(Pe,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:i,info:m?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,He.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,He.jsxs)("div",{className:"k-form-field-wrap",children:[s,d&&(0,He.jsx)(he,{id:t?`${t}-hint`:void 0,children:d}),c&&(0,He.jsx)(Ne,{id:t?`${t}-error`:void 0,children:c})]})]})};ue.states=gr;ue.className=Ko;var ze=require("react/jsx-runtime"),ia="k-form-fieldset",Je=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:s}=e;return(0,ze.jsxs)("fieldset",{className:r(ia,{[`k-col-span-${s}`]:s}),children:[t&&(0,ze.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,ze.jsx)("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):(0,ze.jsx)(ze.Fragment,{children:e.children})]})};Je.className=ia;var Bt=require("react/jsx-runtime"),Do="k-font-icon",Ir=[],Sr={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},yr={},Ft=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:s,...d}=e;return a?(0,Bt.jsx)("span",{...d,className:r(e.className,Do,M(Do,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Bt.jsx)(Bt.Fragment,{})};Ft.states=Ir;Ft.options=Sr;Ft.className=Do;Ft.defaultOptions=yr;var aa=Ft;var Ye=require("react/jsx-runtime"),_o="k-svg-icon",Mr=[],Tr={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Te.outline,Te.solid,Te.duotone]},Po={viewBox:"0 0 24 24",variant:Te.outline},Ut=e=>{var x,h;let{size:t,themeColor:o,rotate:a,flip:i,viewBox:s=Po.viewBox,variant:d=Po.variant,icon:c,...m}=e;if(!c)return(0,Ye.jsx)(Ye.Fragment,{});if(c==="none")return(0,Ye.jsx)("span",{...m,className:r(e.className,_o,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?d&&((x=c.variants)==null?void 0:x[d])||((h=c.variants)==null?void 0:h.outline)||c.content:void 0;return(0,Ye.jsx)("span",{...m,className:r(e.className,_o,M("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,Ye.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};Ut.states=Mr;Ut.options=Tr;Ut.className=_o;Ut.defaultOptions=Po;var Ho=Ut;var zo=qi(require("@progress/kendo-svg-icons"));var na="icon",ra="icons";var da=require("react");var sa=require("react"),la=(0,sa.createContext)({iconsType:"svg"});var we=require("react/jsx-runtime"),po="k-icon",Ar=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Er=[],Or={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Te.outline,Te.solid,Te.duotone]},co={viewBox:"0 0 24 24",type:"svg",variant:Te.outline},v=e=>{let{iconsType:t}=(0,da.useContext)(la),{size:o,themeColor:a,icon:i,type:s=t||co.type,rotate:d,flip:c,viewBox:m=co.viewBox,variant:u=co.variant,...b}=e;if(!i)return(0,we.jsx)(we.Fragment,{});if((t||s)==="svg"){if(i==="none")return(0,we.jsx)(Ho,{...b,className:r(e.className,po),icon:i,size:o,variant:u});let h=zo[i]?i:Ar(`${i}-icon`);return zo[h]?(0,we.jsx)(Ho,{...b,className:r(e.className,po),icon:zo[h],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:u}):(0,we.jsx)(we.Fragment,{})}return(0,we.jsx)(aa,{...b,className:r(e.className,po),icon:i,size:o,themeColor:a,rotate:d,flip:c})};v.states=Er;v.options=Or;v.defaultOptions=co;v.className=po;v.moduleName=na;v.folderName=ra;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Bo="button",pa=Bo;var fe=require("react/jsx-runtime"),Vt="k-button",Cr=["icon-button"],Rr=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],wr={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Fo={showArrow:!1,arrowIconName:"chevron-down"},L=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:s,showArrow:d=Fo.showArrow,arrowIconName:c=Fo.arrowIconName,variant:m,hover:u,focus:b,active:x,selected:h,disabled:I,togglable:T,ariaDisabled:y,icon:k,iconSize:g,text:D,iconClassName:$,className:j,...Se}=e,Re=k!=null,We=e.children!==void 0;return(0,fe.jsxs)(t,{className:r(j,Vt,Wi(Vt,m),M(Vt,{size:o,rounded:a,fillMode:i,themeColor:s}),A(Vt,{hover:u,focus:b,active:x,disabled:I||y,selected:h}),{"k-icon-button":!D&&!We&&Re}),"aria-pressed":T?h?"true":"false":void 0,...Se,"aria-disabled":y?"true":void 0,disabled:I||void 0,children:[typeof k=="string"&&k&&(0,fe.jsx)(v,{className:r($,"k-button-icon"),icon:k,size:g}),k&&typeof k!="string"&&(0,fe.jsx)(fe.Fragment,{children:k}),D?(0,fe.jsxs)(fe.Fragment,{children:[D&&(0,fe.jsx)("span",{className:"k-button-text",children:D}),e.children]}):e.children&&(0,fe.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,fe.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,fe.jsx)(v,{icon:c})})]})};L.states=Rr;L.options=wr;L.variants=Cr;L.className=Vt;L.defaultOptions=Fo;L.moduleName=Bo;L.folderName=pa;L.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var ca=require("react/jsx-runtime"),Uo=e=>(0,ca.jsx)(L,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ua=require("react/jsx-runtime"),ma=e=>(0,ua.jsx)(L,{icon:"folder",children:"Button",...e});var fa=require("react/jsx-runtime"),Qe=e=>(0,fa.jsx)(L,{children:"Button",...e});var mo=require("react/jsx-runtime"),Kr=L.options,Dr=L.states,_r={...L.defaultOptions,variant:"text"},Pr=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hr=[],nt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,mo.jsx)(Uo,{...o,icon:"star"});case"icon-and-text":return(0,mo.jsx)(ma,{...o,icon:"star",children:"Button"});default:return(0,mo.jsx)(Qe,{...o,children:"Button"})}};nt.options=Kr;nt.states=Dr;nt.variants=Pr;nt.defaultOptions=_r;nt.modifiers=Hr;nt.className=L.className;var Gt="input",uo=Gt;var ba=require("react/jsx-runtime"),fo="k-input",zr=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Br={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Fr={},R=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c,size:m,rounded:u,fillMode:b,...x}=e;return(0,ba.jsx)("span",{...x,className:r(e.className,fo,M(fo,{size:m,rounded:u,fillMode:b}),A(fo,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c}))})};R.states=zr;R.options=Br;R.className=fo;R.defaultOptions=Fr;R.moduleName=Gt;R.folderName=uo;var xa=require("react/jsx-runtime"),bo="k-picker",Ur=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Vr={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Gr={},Be=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c,size:m,rounded:u,fillMode:b,...x}=e;return(0,xa.jsx)("span",{...x,className:r(e.className,bo,M(bo,{size:m,rounded:u,fillMode:b}),A(bo,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:c})),children:e.children})};Be.states=Ur;Be.options=Vr;Be.className=bo;Be.defaultOptions=Gr;Be.moduleName=Gt;Be.folderName=uo;var rt=require("react/jsx-runtime"),ha="k-clear-value",Xr=[n.disabled,n.loading,n.readonly],$r={},ee=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?(0,rt.jsx)(rt.Fragment,{}):(0,rt.jsx)("span",{className:r(e.className,ha),children:(0,rt.jsx)(v,{icon:"x"})})};ee.states=Xr;ee.options=$r;ee.className=ha;var Na=require("react/jsx-runtime"),Vo="k-input-inner",qr=[],Wr={},xo={type:"text",autocomplete:"off",value:"",placeholder:""},te=e=>{let{value:t=xo.value,type:o=xo.type,placeholder:a=xo.placeholder,autocomplete:i=xo.autocomplete,disabled:s,readOnly:d,...c}=e;return(0,Na.jsx)("input",{...c,type:o,className:r(e.className,Vo,M(Vo,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};te.states=qr;te.options=Wr;te.className=Vo;var Xt=require("react/jsx-runtime"),Go="k-input-inner",Jr=[],Yr={},$t=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:s,...d}=e;return(0,Xt.jsxs)("span",{...d,className:r(e.className,Go,M(Go,e)),children:[i,!i&&s&&(0,Xt.jsx)(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Xt.jsx)("span",{className:"k-input-value-text",children:t})]})};$t.states=Jr;$t.options=Yr;$t.className=Go;var ka=require("react/jsx-runtime"),Xo="k-input-inner",Qr=[],Zr={},La={value:"",placeholder:""},qt=e=>{let{value:t=La.value,placeholder:o=La.placeholder,rows:a,disabled:i,...s}=e;return(0,ka.jsx)("textarea",{...s,className:r(e.className,Xo,M(Xo,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};qt.states=Qr;qt.options=Zr;qt.className=Xo;var Wt=require("react/jsx-runtime"),va="k-input-loading-icon",jr=[n.disabled,n.loading],q=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Wt.jsx)(Wt.Fragment,{}):(0,Wt.jsx)("span",{className:r(e.className,va,"k-icon k-i-loading")})};q.states=jr;q.className=va;var Jt=require("react/jsx-runtime"),ga="k-input-validation-icon",es=[n.valid,n.invalid,n.disabled,n.loading],ts={},F=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,s=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?(0,Jt.jsx)(Jt.Fragment,{}):(0,Jt.jsx)(v,{className:r(ga),icon:s})};F.states=es;F.options=ts;F.className=ga;var Yt=require("react/jsx-runtime"),os="k-input-prefix",is={direction:"horizontal"},Le=e=>{let{direction:t=is.direction,...o}=e;return e.children?(0,Yt.jsx)("span",{...o,className:r(os,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Yt.jsx)(Yt.Fragment,{})};var Qt=require("react/jsx-runtime"),as="k-input-suffix",ns={direction:"horizontal"},ke=e=>{let{direction:t=ns.direction,...o}=e;return e.children?(0,Qt.jsx)("span",{...o,className:r(as,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Qt.jsx)(Qt.Fragment,{})};var rs=require("react/jsx-runtime");var Ia=require("react/jsx-runtime"),ss="k-input-suffix-text",$o=e=>{let{children:t,...o}=e;return(0,Ia.jsx)("span",{...o,className:r(ss,e.className),children:t})};var ya=require("react/jsx-runtime"),Sa="k-input-separator",ls={direction:"vertical"},oe=e=>{let{direction:t=ls.direction,...o}=e;return(0,ya.jsx)("span",{...o,className:r(Sa,e.className,{[`${Sa}-${t}`]:t})})};var B=require("react/jsx-runtime"),ds=R.states,ps=R.defaultOptions,cs=R.options,ms=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],us=[],st=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:s,readonly:d,...c}=e,m=t==null?void 0:t.prefix,u=t==null?void 0:t.suffix,b=t==null?void 0:t["clear-button"],x=t==null?void 0:t["validation-icon"],h=t==null?void 0:t.separators;return(0,B.jsxs)(R,{...c,valid:o,invalid:a,loading:i,disabled:s,readonly:d,style:{width:300},children:[m&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(Le,{children:(0,B.jsx)(v,{icon:"lock"})}),h&&(0,B.jsx)(oe,{})]}),(0,B.jsx)(te,{placeholder:"Placeholder",value:"Value"}),x&&(0,B.jsx)(F,{valid:o,invalid:a,loading:i,disabled:s}),(0,B.jsx)(q,{loading:i,disabled:s}),b&&(0,B.jsx)(ee,{loading:i,disabled:s,readonly:d,value:"Value"}),u&&(0,B.jsxs)(B.Fragment,{children:[h&&(0,B.jsx)(oe,{}),(0,B.jsx)(ke,{children:(0,B.jsx)(Qe,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};st.options=cs;st.states=ds;st.variants=us;st.defaultOptions=ps;st.modifiers=ms;st.className=R.className;var qo="popup",Ma=qo;var Jo=require("react/jsx-runtime"),Ta="k-animation-container",fs=[],bs={},Wo={positionMode:"absolute",shown:!0},Ee=e=>{let{positionMode:t=Wo.positionMode,shown:o=Wo.shown,animationStyle:a,offset:i,...s}=e;return(0,Jo.jsx)("div",{...s,style:{...i,...e.style},className:r(e.className,Ta,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Jo.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Ee.states=fs;Ee.options=bs;Ee.className=Ta;Ee.defaultOptions=Wo;Ee.moduleName=qo;Ee.folderName=Ma;var Yo="popup",Aa=Yo;var Qo=require("react/jsx-runtime"),Ea="k-popup",xs=[],hs={},Oa={positionMode:"absolute"},Ke=e=>{let{offset:t,positionMode:o=Oa.positionMode,animationStyle:a,containerClassName:i,containerRole:s,containerAriaLabel:d,...c}=e;return(0,Qo.jsx)(Ee,{positionMode:o,offset:t,animationStyle:a,className:i,role:s,"aria-label":d,children:(0,Qo.jsx)("div",{...c,className:r(e.className,Ea),children:e.children})})};Ke.states=xs;Ke.options=hs;Ke.className=Ea;Ke.defaultOptions=Oa;Ke.moduleName=Yo;Ke.folderName=Aa;Ke.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 Zo="action-buttons",Ca=Zo;var Ra=require("react/jsx-runtime"),ho="k-actions",Ns=[],Ls={},jo={alignment:"start",orientation:"horizontal"},Fe=e=>{let{alignment:t=jo.alignment,orientation:o=jo.orientation,...a}=e;return(0,Ra.jsx)("div",{...a,className:r(ho,{[`${ho}-${t}`]:t,[`${ho}-${o}`]:o},e.className),children:e.children})};Fe.states=Ns;Fe.options=Ls;Fe.className=ho;Fe.defaultOptions=jo;Fe.moduleName=Zo;Fe.folderName=Ca;var Ka=require("react/jsx-runtime"),ks="k-actionsheet-footer",wa={alignment:"stretched",orientation:"horizontal"},lt=e=>{let{alignment:t=wa.alignment,orientation:o=wa.orientation,template:a,as:i=a?"div":Fe,...s}=e;return(0,Ka.jsx)(i,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,ks),children:e.children})};var ei="searchbox",Da=ei;var Ue=require("react/jsx-runtime"),_a="k-searchbox",vs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],gs={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ti={showIcon:!0,icon:"search"},ve=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:s,hover:d,focus:c,valid:m,invalid:u,required:b,loading:x,disabled:h,showIcon:I=ti.showIcon,icon:T=ti.icon,"aria-label":y,...k}=e;return(0,Ue.jsxs)(R,{...k,size:a,rounded:i,fillMode:s,hover:d,focus:c,valid:m,invalid:u,required:b,loading:x,disabled:h,className:r(e.className,_a),children:[I&&(0,Ue.jsx)(v,{className:"k-input-icon",icon:T}),(0,Ue.jsx)(te,{placeholder:o,value:t,"aria-label":y}),(0,Ue.jsx)(q,{...e}),(0,Ue.jsx)(F,{...e}),(0,Ue.jsx)(ee,{...e})]})};ve.states=vs;ve.options=gs;ve.className=_a;ve.defaultOptions=ti;ve.moduleName=ei;ve.folderName=Da;var Is=require("react/jsx-runtime");var oi="textbox",Pa=oi;var W=require("react/jsx-runtime"),Ha="k-textbox",Ss=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ys={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},No={showClearButton:!0,showValidationIcon:!0,separators:!0},E=e=>{let{size:t,rounded:o,fillMode:a,separators:i=No.separators,showClearButton:s=No.showClearButton,showValidationIcon:d=No.showValidationIcon,prefix:c,suffix:m,type:u,value:b,placeholder:x,hover:h,focus:I,valid:T,invalid:y,required:k,loading:g,disabled:D,readonly:$,id:j,"aria-label":Se,"aria-describedby":Re,...We}=e;return(0,W.jsxs)(R,{...We,size:t,rounded:o,fillMode:a,hover:h,focus:I,valid:T,invalid:y,required:k,loading:g,disabled:D,readonly:$,className:r(e.className,Ha),children:[c&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(Le,{children:c}),i&&(0,W.jsx)(oe,{})]}),(0,W.jsx)(te,{id:j,placeholder:x,value:b,type:u,disabled:D,"aria-label":Se,"aria-describedby":Re,"aria-invalid":y?"true":void 0}),d&&(0,W.jsx)(F,{valid:T,invalid:y,loading:g,disabled:D}),(0,W.jsx)(q,{loading:g,disabled:D}),s&&(0,W.jsx)(ee,{loading:g,disabled:D,readonly:$,value:b}),m&&(0,W.jsxs)(W.Fragment,{children:[i&&(0,W.jsx)(oe,{}),(0,W.jsx)(ke,{children:m})]})]})};E.states=Ss;E.options=ys;E.className=Ha;E.defaultOptions=No;E.moduleName=oi;E.folderName=Pa;E.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 Zt=E;var Ba=require("react/jsx-runtime"),za=e=>(0,Ba.jsx)(Zt,{...e});var Fa=require("react/jsx-runtime");var Ua=require("react/jsx-runtime");var Ms=require("react/jsx-runtime");var Lo=require("react/jsx-runtime"),Ts=E.states,As=E.defaultOptions,Es=E.options,Os=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Cs=[],dt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,Lo.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,Lo.jsx)(Qe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,Lo.jsx)(za,{value:"Value",style:{width:300},...o,...a})};dt.options=Es;dt.states=Ts;dt.variants=Cs;dt.defaultOptions=As;dt.modifiers=Os;dt.className=E.className;var be=require("react/jsx-runtime"),Va="k-actionsheet-titlebar",Rs={},ye=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:s,input:d,inputValue:c,inputPlaceholder:m,adaptive:u,titleId:b,children:x,...h}=e;return(0,be.jsxs)("div",{...h,className:r(e.className,Va),children:[(0,be.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,be.jsx)("div",{className:"k-actionsheet-actions",children:a}),!x&&(0,be.jsxs)("div",{className:"k-actionsheet-title",id:b,children:[t&&(0,be.jsx)("div",{className:"k-text-center",children:t}),o&&(0,be.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&(0,be.jsx)("div",{className:"k-actionsheet-title",id:b,children:x}),i&&(0,be.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(d||s)&&(0,be.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,be.jsx)(E,{value:c,placeholder:m,size:u?"large":"medium","aria-label":t||m||"Input"}):(0,be.jsx)(ve,{placeholder:"Filter",size:u?"large":"medium","aria-label":"Filter options"})})]})};ye.className=Va;ye.defaultOptions=Rs;var pt=require("react/jsx-runtime"),ii="k-actionsheet-view",ws=[],Ks={},Ds={},ct=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:s,titleId:d,...c}=e,m=(i==null?void 0:i.type)===ye&&(0,pt.jsx)(ye,{adaptive:t,titleId:d,...i==null?void 0:i.props}),u=(s==null?void 0:s.type)===lt&&(0,pt.jsx)(lt,{...s==null?void 0:s.props});return(0,pt.jsxs)("div",{...c,className:r(e.className,ii,{[`${ii}-animated`]:o}),children:[m,(0,pt.jsx)("div",{className:"k-actionsheet-content",children:a}),u]})};ct.states=ws;ct.options=Ks;ct.className=ii;ct.defaultOptions=Ds;var jt="action-sheet",ko=jt;var ai="overlay",Ga=ai;var $a=require("react/jsx-runtime"),Xa="k-overlay",_s=[],Ps={},Hs={},Ve=e=>{let{...t}=e;return(0,$a.jsx)("div",{...t,className:r(e.className,Xa),children:e.children})};Ve.states=_s;Ve.options=Ps;Ve.className=Xa;Ve.defaultOptions=Hs;Ve.moduleName=ai;Ve.folderName=Ga;var Ze=require("react/jsx-runtime"),qa="k-actionsheet",zs=[],Bs={},eo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=eo.side,fullscreen:o=eo.fullscreen,adaptive:a=eo.adaptive,overlay:i=eo.overlay,template:s,children:d,header:c,footer:m,id:u,...b}=e,x=u&&!s&&c?`${u}-title`:void 0;return(0,Ze.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,Ze.jsx)(Ve,{}),(0,Ze.jsx)(Ee,{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,Ze.jsx)("div",{...b,id:u,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":x,className:r(e.className,qa,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,Ze.jsx)(ct,{header:c,footer:m,adaptive:a,titleId:x,...e,children:d})})})]})};U.states=zs;U.options=Bs;U.className=qa;U.defaultOptions=eo;U.moduleName=jt;U.folderName=ko;U.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 Ja=require("react/jsx-runtime"),Wa="k-actionsheet-container",Fs=[],Us={},Vs={},mt=e=>{let{children:t,...o}=e;return(0,Ja.jsx)("div",{...o,className:Wa,children:t})};mt.states=Fs;mt.options=Us;mt.className=Wa;mt.defaultOptions=Vs;mt.moduleName=jt;mt.folderName=ko;var Ya=require("react/jsx-runtime"),ni=e=>{let{...t}=e;return(0,Ya.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var ge=require("react/jsx-runtime"),ri="k-actionsheet-item",Gs=[n.hover,n.focus,n.selected,n.disabled],Ge=e=>{let{iconName:t,text:o,description:a,hover:i,focus:s,selected:d,disabled:c,...m}=e;return(0,ge.jsxs)("span",{...m,className:r(e.className,ri,A(ri,{hover:i,focus:s,selected:d,disabled:c})),children:[!e.children&&(0,ge.jsx)(ge.Fragment,{children:(0,ge.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ge.jsx)("span",{className:"k-icon-wrap",children:(0,ge.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ge.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ge.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ge.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ge.states=Gs;Ge.className=ri;var Qa=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var $s=require("react/jsx-runtime");var qs=require("react/jsx-runtime");var _=require("react/jsx-runtime"),Ws=U.options,Js=U.states,ja={...U.defaultOptions,variant:"normal"},Ys=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qs=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ut=e=>{let{variant:t,modifiers:o,...a}={...ja,...e},i={},s=(0,_.jsxs)(ni,{children:[(0,_.jsx)(Ge,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,_.jsx)(Ge,{text:"Add to Favorites",iconName:"heart"}),(0,_.jsx)(Ge,{text:"Upload New",iconName:"upload",disabled:!0}),(0,_.jsx)("hr",{className:"k-hr"}),(0,_.jsx)(Ge,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":i.actionsStart=!!(o!=null&&o[m]),i.actionsEnd=!!(o!=null&&o[m]);break;case"subtitle":i.subtitle=o!=null&&o[m]?d:void 0;break;case"footer":i.footer=!!(o!=null&&o[m]);break;default:break}}),t==="adaptive"?(0,_.jsx)(U,{...a,adaptive:!0,fullscreen:i.fullScreen,header:(0,_.jsx)(ye,{actionsStart:i.actionsStart?(0,_.jsx)(L,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,_.jsx)(L,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:i.subtitle}),footer:i.footer?(0,_.jsxs)(lt,{alignment:"stretched",children:[(0,_.jsx)(L,{text:"Cancel",size:"large",themeColor:"base"}),(0,_.jsx)(L,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,_.jsx)(U,{...a,fullscreen:i.fullScreen,header:(0,_.jsx)(ye,{actionsStart:i.actionsStart?(0,_.jsx)(L,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,_.jsx)(L,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?(0,_.jsxs)(lt,{alignment:"stretched",children:[(0,_.jsx)(L,{text:"Apply",themeColor:"primary"}),(0,_.jsx)(L,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ut.options=Ws;ut.states=Js;ut.variants=Ys;ut.defaultOptions=ja;ut.modifiers=Qs;ut.className=U.className;var vo=qi(require("react"));var si=require("react/jsx-runtime"),Zs="k-list-group-sticky-header",li=e=>(0,si.jsx)("div",{className:r(Zs,e.className),children:(0,si.jsx)("div",{className:"k-list-header-text",children:e.children})});var en=require("react/jsx-runtime"),js="k-no-data",di=e=>{let{live:t,...o}=e;return(0,en.jsx)("span",{...o,className:r(js,e.className),"aria-live":t?"polite":void 0,children:e.children})};var je="list",ft=je;var bt=require("react/jsx-runtime"),pi="k-list",el=[],tl={size:[l.undefined,l.small,l.medium,l.large]},ol={},H=e=>{var T;let{size:t,virtualization:o,children:a,header:i,selectAll:s,optionLabel:d,customValue:c,noData:m,screenReaders:u,...b}=e,h=vo.default.Children.toArray(a)[0],I=(T=h==null?void 0:h.props)!=null&&T.children?vo.default.Children.count(h.props.children):vo.default.Children.count(a);return(0,bt.jsxs)("div",{...b,className:r(e.className,pi,M(pi,{size:t}),{"k-virtual-list":o}),children:[d,s,c,i&&(0,bt.jsx)(li,{children:i}),a||(m!==void 0?m:(0,bt.jsx)(di,{live:!0,children:"No data found."})),u&&a&&(0,bt.jsxs)(di,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};H.states=el;H.options=tl;H.className=pi;H.defaultOptions=ol;H.moduleName=je;H.folderName=ft;H.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var on=require("react/jsx-runtime"),tn="k-list-container",il=[],al={},nl={},xt=e=>{let{...t}=e;return(0,on.jsx)("div",{...t,className:r(e.className,tn),children:e.children})};xt.states=il;xt.options=al;xt.className=tn;xt.defaultOptions=nl;xt.moduleName=je;xt.folderName=ft;var et="checkbox",ht=et;var ci=require("react/jsx-runtime"),go="k-checkbox",rl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],sl={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full]},ll={},ie=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:s,disabled:d,invalid:c,valid:m,required:u,size:b,rounded:x,wrapperRole:h,...I}=e;return(0,ci.jsx)("span",{className:"k-checkbox-wrap",role:h,children:(0,ci.jsx)("input",{...I,id:t,type:"checkbox",defaultChecked:o,required:u,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:r(e.className,go,M(go,{size:b,rounded:x}),A(go,{hover:i,focus:s,disabled:d,invalid:c,valid:m,indeterminate:a,checked:o}))})})};ie.states=rl;ie.options=sl;ie.className=go;ie.defaultOptions=ll;ie.moduleName=et;ie.folderName=ht;ie.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 Me=ie;var rn=require("react/jsx-runtime"),an="k-checkbox-list",dl=[],pl={},nn={layout:"vertical"},ae=e=>{let{layout:t=nn.layout,...o}=e;return(0,rn.jsx)("ul",{...o,className:r(e.className,an,{[`k-list-${t}`]:t}),children:e.children})};ae.states=dl;ae.options=pl;ae.className=an;ae.defaultOptions=nn;ae.moduleName=et;ae.folderName=ht;var ln=require("react/jsx-runtime"),sn="k-checkbox-list-item",cl=[],ml={},ul={},ne=e=>{let{...t}=e;return(0,ln.jsx)("li",{...t,className:r(e.className,sn),children:e.children})};ne.states=cl;ne.options=ml;ne.className=sn;ne.defaultOptions=ul;ne.moduleName=et;ne.folderName=ht;var tt=require("react/jsx-runtime"),De=({children:e="Label",id:t="cb-label-after",...o})=>(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(Me,{id:t,...o}),(0,tt.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var fl=require("react/jsx-runtime");var bl=require("react/jsx-runtime");var xl=require("react/jsx-runtime");var J=require("react/jsx-runtime"),hl=ae.options,Nl=ae.states,Ll={...ae.defaultOptions,variant:"vertical"},kl=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vl=[],Nt=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,J.jsxs)(ae,{layout:"horizontal",...o,children:[(0,J.jsx)(ne,{children:(0,J.jsx)(De,{id:S("cb"),defaultChecked:!0,children:"Label"})}),(0,J.jsx)(ne,{children:(0,J.jsx)(De,{id:S("cb"),children:"Label"})}),(0,J.jsx)(ne,{children:(0,J.jsx)(De,{id:S("cb"),children:"Label"})})]}):(0,J.jsxs)(ae,{...o,children:[(0,J.jsx)(ne,{children:(0,J.jsx)(De,{id:S("cb"),defaultChecked:!0,children:"Label"})}),(0,J.jsx)(ne,{children:(0,J.jsx)(De,{id:S("cb"),children:"Label"})}),(0,J.jsx)(ne,{children:(0,J.jsx)(De,{id:S("cb"),children:"Label"})})]})};Nt.options=hl;Nt.states=Nl;Nt.variants=kl;Nt.defaultOptions=Ll;Nt.modifiers=vl;Nt.className=ae.className;var dn=require("react/jsx-runtime"),gl=Me.options,Il=Me.states,Sl=Me.defaultOptions,yl=[],Ml=[],Lt=e=>(0,dn.jsx)(De,{id:S("checkbox"),...e,defaultChecked:!0,children:"Label"});Lt.options=gl;Lt.states=Il;Lt.variants=yl;Lt.defaultOptions=Sl;Lt.modifiers=Ml;Lt.className=Me.className;var Oe=require("react/jsx-runtime"),bi="k-list-item",Tl=[n.hover,n.focus,n.selected,n.disabled],Al={},El={},w=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:s,showCheckbox:d,checked:c,hover:m,focus:u,selected:b,disabled:x,actions:h,description:I,id:T,...y}=e,k=t||e.children;return(0,Oe.jsxs)("li",{...y,id:T,role:a?"presentation":"option",tabIndex:a?void 0:u?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&x?"true":void 0,className:r(e.className,a?"k-list-group-item":bi,A(bi,{hover:m,focus:u,disabled:x,selected:b})),children:[d&&(0,Oe.jsx)(ie,{checked:c}),i&&(0,Oe.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Oe.jsx)(v,{icon:i,className:r("k-list-item-icon",s)})}),(0,Oe.jsx)("span",{className:"k-list-item-text",children:k}),h&&(0,Oe.jsx)("div",{className:"k-list-item-actions",children:h}),I&&(0,Oe.jsx)("span",{className:"k-list-item-description",children:I}),o&&o!==""&&(0,Oe.jsx)("div",{className:"k-list-item-group-label",children:o})]})};w.states=Tl;w.options=Al;w.className=bi;w.defaultOptions=El;w.moduleName=je;w.folderName=ft;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 pn=require("react/jsx-runtime"),Ol="k-list-ul",ot=e=>{let{children:t,role:o,id:a,...i}=e;return(0,pn.jsx)("ul",{...i,id:a,role:o,className:r(Ol,e.className),children:t})};ot.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 kt=require("react/jsx-runtime"),Cl="k-list-content",re=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:s,...d}=e;return(0,kt.jsxs)("div",{...d,className:r(Cl,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:(0,kt.jsx)(ot,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&(0,kt.jsx)("div",{className:"k-height-container",children:(0,kt.jsx)("div",{})})]})};re.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 vt=require("react/jsx-runtime"),Io="k-list-sticky-header",Rl=[n.hover,n.focus,n.selected],wl={},Kl={},So=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:s,focus:d,selected:c,...m}=e;return(0,vt.jsx)("div",{...m,className:r(Io,e.className),children:(0,vt.jsxs)("div",{className:r(`${Io}-item`,A(`${Io}-item`,{hover:s,focus:d,selected:c})),children:[o&&(0,vt.jsx)(ie,{checked:a,indeterminate:i,"aria-label":t}),(0,vt.jsx)("span",{className:"k-list-item-text",children:t})]})})};So.states=Rl;So.options=wl;So.className=Io;So.defaultOptions=Kl;var xi=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),Dl="k-list-group-item",to=e=>{let{groupIconName:t,...o}=e;return(0,gt.jsxs)("li",{...o,role:"presentation",className:r(Dl,e.className),children:[t&&(0,gt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,gt.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,gt.jsx)("span",{className:"k-list-item-text",children:e.children})]})};to.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 cn=require("react/jsx-runtime"),hi="k-list-optionlabel",_l=[n.hover,n.focus,n.selected,n.disabled],Pl={},Hl={},yo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...d}=e;return(0,cn.jsx)("div",{...d,className:r(hi,A(hi,{hover:o,focus:a,selected:i,disabled:s})),children:t})};yo.states=_l;yo.options=Pl;yo.className=hi;yo.defaultOptions=Hl;var mn=require("react/jsx-runtime"),Ni="k-list-custom-value",zl=[n.hover,n.focus,n.selected,n.disabled],Bl={},Fl={},Mo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...d}=e;return(0,mn.jsx)("div",{...d,className:r(Ni,A(Ni,{hover:o,focus:a,selected:i,disabled:s})),children:t})};Mo.states=zl;Mo.options=Bl;Mo.className=Ni;Mo.defaultOptions=Fl;var Li=require("react/jsx-runtime");var ki=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var Ii=require("react/jsx-runtime");var un="dropdown-list",fn="dropdownlist";var P=require("react/jsx-runtime"),bn="k-dropdownlist",Vl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Gl={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Si={showValue:!0,arrowIconName:"chevron-down"},O=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Si.arrowIconName,showValue:s=Si.showValue,valueIconName:d,prefix:c,suffix:m,value:u,placeholder:b,hover:x,focus:h,valid:I,invalid:T,required:y,loading:k,disabled:g,readonly:D,popup:$,opened:j,adaptive:Se,adaptiveSettings:Re,adaptiveTitle:We,adaptiveSubtitle:jn,adaptiveFilter:er,id:Ht,activeDescendant:Gi,"aria-label":tr,...or}=e,ir=Ht?`${Ht}-listbox`:void 0,Xi=Ht?`${Ht}-value`:void 0;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)(Be,{...or,id:Ht,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:I,invalid:T,required:y,loading:k,disabled:g,readonly:D,className:r(e.className,bn,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":j?"true":"false","aria-controls":j?ir:void 0,"aria-activedescendant":j&&Gi?Gi:void 0,"aria-describedby":j?Xi:void 0,"aria-disabled":g?"true":void 0,"aria-label":tr,tabIndex:0,children:[(0,P.jsx)(Le,{children:c}),(0,P.jsx)($t,{placeholder:b,value:u,showValue:s,valueIconName:d,id:Xi}),(0,P.jsx)(F,{valid:I,invalid:T,loading:k,disabled:g}),(0,P.jsx)(q,{loading:k,disabled:g}),(0,P.jsx)(ke,{children:m}),(0,P.jsx)(L,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),j&&$&&(0,P.jsx)(Ke,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),Se&&(0,P.jsx)(U,{adaptive:!0,...Re,header:(0,P.jsx)(ye,{actionsEnd:(0,P.jsx)(L,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:er,inputValue:u,inputPlaceholder:b,title:We,subtitle:jn}),children:(0,P.jsx)("div",{className:"k-list-container",children:(0,P.jsx)(H,{size:"large",children:(0,P.jsxs)(re,{"aria-label":"Options",children:[(0,P.jsx)(w,{text:"List item"}),(0,P.jsx)(w,{text:"List item"}),(0,P.jsx)(w,{text:"List item"})]})})})})]})};O.states=Vl;O.options=Gl;O.className=bn;O.defaultOptions=Si;O.moduleName=un;O.folderName=fn;O.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 Xl=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var de=require("react/jsx-runtime"),Wl=O.states,Jl=O.defaultOptions,Yl=O.options,Ql=[{name:"opened",title:"Opened"}],Zl=[],St=e=>{let{modifiers:t,...o}=e,a={},i=(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)("div",{className:"k-list-filter",children:(0,de.jsx)(ve,{})}),(0,de.jsx)(H,{style:{width:300},size:o.size,children:(0,de.jsxs)(re,{children:[(0,de.jsx)(w,{children:"List item"}),(0,de.jsx)(w,{children:"List item"}),(0,de.jsx)(w,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?i:void 0)}),(0,de.jsx)("div",{children:(0,de.jsx)(O,{placeholder:"Value",style:{width:300},...o,...a})})};St.options=Yl;St.states=Wl;St.variants=Zl;St.defaultOptions=Jl;St.modifiers=Ql;St.className=O.className;var it="radio",yt=it;var Ti=require("react/jsx-runtime"),To="k-radio",jl=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],ed={size:[l.undefined,l.small,l.medium,l.large]},td={},V=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:s,invalid:d,valid:c,required:m,size:u,...b}=e;return(0,Ti.jsx)("span",{className:"k-radio-wrap",children:(0,Ti.jsx)("input",{...b,id:t,type:"radio",checked:o,required:m,disabled:s||void 0,"aria-invalid":d?"true":void 0,className:r(e.className,To,M(To,{size:u}),A(To,{hover:a,focus:i,disabled:s,invalid:d,valid:c,checked:o}))})})};V.states=jl;V.options=ed;V.className=To;V.defaultOptions=td;V.moduleName=it;V.folderName=yt;V.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",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-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var Ie=V;var kn=require("react/jsx-runtime"),Nn="k-radio-list",od=[],id={},Ln={layout:"vertical"},G=e=>{let{layout:t=Ln.layout,...o}=e;return(0,kn.jsx)("ul",{...o,className:r(e.className,Nn,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};G.states=od;G.options=id;G.className=Nn;G.defaultOptions=Ln;G.moduleName=it;G.folderName=yt;G.ariaSpec={selector:".k-radio-list",rules:[{selector:".k-radio-list",attribute:"role=radiogroup",usage:"Announces the radiogroup role of the element."},{selector:".k-radio-list-item",attribute:"role=none",usage:"Due to issues with nested items, forces a no-role state."},{selector:".k-radio",attribute: