UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 147 kB
var xd=Object.create;var La=Object.defineProperty;var gd=Object.getOwnPropertyDescriptor;var kd=Object.getOwnPropertyNames;var Nd=Object.getPrototypeOf,vd=Object.prototype.hasOwnProperty;var Ld=(e,t)=>{for(var o in t)La(e,o,{get:t[o],enumerable:!0})},ni=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of kd(t))!vd.call(e,r)&&r!==o&&La(e,r,{get:()=>t[r],enumerable:!(a=gd(t,r))||a.enumerable});return e};var ii=(e,t,o)=>(o=e!=null?xd(Nd(e)):{},ni(t||!e||!e.__esModule?La(o,"default",{value:e,enumerable:!0}):o,e)),Md=e=>ni(La({},"__esModule",{value:!0}),e);var gb={};Ld(gb,{PDFVIEWER_CLASSNAME:()=>nr,PDFViewer:()=>At,default:()=>xb});module.exports=Md(gb);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:d,active:c,selected:m,disabled:x,indeterminate:f,loading:g,empty:u,readonly:L,highlighted:k,...y}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":x,"k-indeterminate":f&&!d,"k-loading":g,"k-empty":u,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,E)=>(E.startsWith("k-")?C[E]=y[E]:C[`k-${E}`]=y[E],C),{}))};function si(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},ut={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"},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 dr={};function H(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}var Zo=require("react/jsx-runtime"),pr="k-font-icon",Sd=[],Id={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},yd={},Yo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?(0,Zo.jsx)("span",{...d,className:n(e.className,pr,T(pr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,Zo.jsx)(Zo.Fragment,{})};Yo.states=Sd;Yo.options=Id;Yo.className=pr;Yo.defaultOptions=yd;var li=Yo;var Xt=require("react/jsx-runtime"),cr="k-svg-icon",Cd=[],Ed={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[ut.outline,ut.solid,ut.duotone]},ur={viewBox:"0 0 24 24",variant:ut.outline},Qo=e=>{var g,u;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=ur.viewBox,variant:d=ur.variant,icon:c,...m}=e;if(!c)return(0,Xt.jsx)(Xt.Fragment,{});if(c==="none")return(0,Xt.jsx)("span",{...m,className:n(e.className,cr,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?d&&((g=c.variants)==null?void 0:g[d])||((u=c.variants)==null?void 0:u.outline)||c.content:void 0;return(0,Xt.jsx)("span",{...m,className:n(e.className,cr,T("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,Xt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};Qo.states=Cd;Qo.options=Ed;Qo.className=cr;Qo.defaultOptions=ur;var mr=Qo;var fr=ii(require("@progress/kendo-svg-icons"));var di="icon",pi="icons";var mi=require("react");var ci=require("react"),ui=(0,ci.createContext)({iconsType:"svg"});var kt=require("react/jsx-runtime"),Ma="k-icon",Td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],Od={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[ut.outline,ut.solid,ut.duotone]},Sa={viewBox:"0 0 24 24",type:"svg",variant:ut.outline},v=e=>{let{iconsType:t}=(0,mi.useContext)(ui),{size:o,themeColor:a,icon:r,type:s=t||Sa.type,rotate:d,flip:c,viewBox:m=Sa.viewBox,variant:x=Sa.variant,...f}=e;if(!r)return(0,kt.jsx)(kt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,kt.jsx)(mr,{...f,className:n(e.className,Ma),icon:r,size:o,variant:x});let u=fr[r]?r:Td(`${r}-icon`);return fr[u]?(0,kt.jsx)(mr,{...f,className:n(e.className,Ma),icon:fr[u],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:x}):(0,kt.jsx)(kt.Fragment,{})}return(0,kt.jsx)(li,{...f,className:n(e.className,Ma),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=Ad;v.options=Od;v.defaultOptions=Sa;v.className=Ma;v.moduleName=di;v.folderName=pi;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 br="button",fi=br;var Ve=require("react/jsx-runtime"),jo="k-button",Pd=["icon-button"],wd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Bd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},hr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=hr.showArrow,arrowIconName:c=hr.arrowIconName,variant:m,hover:x,focus:f,active:g,selected:u,disabled:L,togglable:k,ariaDisabled:y,icon:C,iconSize:E,text:w,iconClassName:q,className:U,...Ee}=e,Te=C!=null,Ae=e.children!==void 0;return(0,Ve.jsxs)(t,{className:n(U,jo,si(jo,m),T(jo,{size:o,rounded:a,fillMode:r,themeColor:s}),S(jo,{hover:x,focus:f,active:g,disabled:L||y,selected:u}),{"k-icon-button":!w&&!Ae&&Te}),"aria-pressed":k?u?"true":"false":void 0,...Ee,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,Ve.jsx)(v,{className:n(q,"k-button-icon"),icon:C,size:E}),C&&typeof C!="string"&&(0,Ve.jsx)(Ve.Fragment,{children:C}),w?(0,Ve.jsxs)(Ve.Fragment,{children:[w&&(0,Ve.jsx)("span",{className:"k-button-text",children:w}),e.children]}):e.children&&(0,Ve.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Ve.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ve.jsx)(v,{icon:c})})]})};l.states=wd;l.options=Bd;l.variants=Pd;l.className=jo;l.defaultOptions=hr;l.moduleName=br;l.folderName=fi;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 bi=require("react/jsx-runtime"),Pt=e=>(0,bi.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var hi=require("react/jsx-runtime"),ea=e=>(0,hi.jsx)(l,{icon:"folder",children:"Button",...e});var xi=require("react/jsx-runtime"),qt=e=>(0,xi.jsx)(l,{children:"Button",...e});var Ia=require("react/jsx-runtime"),Rd=l.options,Kd=l.states,_d={...l.defaultOptions,variant:"text"},Dd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zd=[],no=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ia.jsx)(Pt,{...o,icon:"star"});case"icon-and-text":return(0,Ia.jsx)(ea,{...o,icon:"star",children:"Button"});default:return(0,Ia.jsx)(qt,{...o,children:"Button"})}};no.options=Rd;no.states=Kd;no.variants=Dd;no.defaultOptions=_d;no.modifiers=zd;no.className=l.className;var xr="button",gi=xr;var ki=require("react/jsx-runtime"),ta="k-button-group",Hd=[i.disabled],Ud={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Fd={},A=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,ki.jsx)("div",{role:"group",...r,className:n(e.className,ta,T(ta,{fillMode:t}),S(ta,{disabled:o}),{[`${ta}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};A.states=Hd;A.options=Ud;A.className=ta;A.defaultOptions=Fd;A.moduleName=xr;A.folderName=gi;A.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 gr=require("react/jsx-runtime");var kr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var vr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),Gd={...l.options,...A.options},Vd=l.states,$d={...l.defaultOptions,...A.defaultOptions,variant:"text-button"},Xd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],qd=[],io=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,_e.jsxs)(A,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(l,{...a,icon:"star"}),(0,_e.jsx)(l,{...a,icon:"star"}),(0,_e.jsx)(l,{...a,icon:"star"})]}):t==="icon-text-button"?(0,_e.jsxs)(A,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(l,{...a,icon:"star",children:"First"}),(0,_e.jsx)(l,{...a,icon:"star",children:"Middle"}),(0,_e.jsx)(l,{...a,icon:"star",children:"Last"})]}):(0,_e.jsxs)(A,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(l,{...a,children:"First"}),(0,_e.jsx)(l,{...a,children:"Middle"}),(0,_e.jsx)(l,{...a,children:"Last"})]})};io.options=Gd;io.states=Vd;io.variants=Xd;io.defaultOptions=$d;io.modifiers=qd;io.className=A.className;var oa="input",ya=oa;var Ni=require("react/jsx-runtime"),Ca="k-input",Jd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Wd={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Zd={},te=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return(0,Ni.jsx)("span",{...g,className:n(e.className,Ca,T(Ca,{size:m,rounded:x,fillMode:f}),S(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c}))})};te.states=Jd;te.options=Wd;te.className=Ca;te.defaultOptions=Zd;te.moduleName=oa;te.folderName=ya;var vi=require("react/jsx-runtime"),Ea="k-picker",Yd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qd={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},jd={},mt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return(0,vi.jsx)("span",{...g,className:n(e.className,Ea,T(Ea,{size:m,rounded:x,fillMode:f}),S(Ea,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c})),children:e.children})};mt.states=Yd;mt.options=Qd;mt.className=Ea;mt.defaultOptions=jd;mt.moduleName=oa;mt.folderName=ya;var so=require("react/jsx-runtime"),Li="k-clear-value",ep=[i.disabled,i.loading,i.readonly],tp={},$e=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,so.jsx)(so.Fragment,{}):(0,so.jsx)("span",{className:n(e.className,Li),children:(0,so.jsx)(v,{icon:"x"})})};$e.states=ep;$e.options=tp;$e.className=Li;var Mi=require("react/jsx-runtime"),Sr="k-input-inner",op=[],ap={},Ta={type:"text",autocomplete:"off",value:"",placeholder:""},Xe=e=>{let{value:t=Ta.value,type:o=Ta.type,placeholder:a=Ta.placeholder,autocomplete:r=Ta.autocomplete,disabled:s,readOnly:d,...c}=e;return(0,Mi.jsx)("input",{...c,type:o,className:n(e.className,Sr,T(Sr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Xe.states=op;Xe.options=ap;Xe.className=Sr;var aa=require("react/jsx-runtime"),Ir="k-input-inner",rp=[],np={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return(0,aa.jsxs)("span",{...d,className:n(e.className,Ir,T(Ir,e)),children:[r,!r&&s&&(0,aa.jsx)(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,aa.jsx)("span",{className:"k-input-value-text",children:t})]})};Jt.states=rp;Jt.options=np;Jt.className=Ir;var Ii=require("react/jsx-runtime"),yr="k-input-inner",ip=[],sp={},Si={value:"",placeholder:""},Cr=e=>{let{value:t=Si.value,placeholder:o=Si.placeholder,rows:a,disabled:r,...s}=e;return(0,Ii.jsx)("textarea",{...s,className:n(e.className,yr,T(yr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Cr.states=ip;Cr.options=sp;Cr.className=yr;var ra=require("react/jsx-runtime"),yi="k-input-loading-icon",lp=[i.disabled,i.loading],De=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,ra.jsx)(ra.Fragment,{}):(0,ra.jsx)("span",{className:n(e.className,yi,"k-icon k-i-loading")})};De.states=lp;De.className=yi;var na=require("react/jsx-runtime"),Ci="k-input-validation-icon",dp=[i.valid,i.invalid,i.disabled,i.loading],pp={},Oe=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,na.jsx)(na.Fragment,{}):(0,na.jsx)(v,{className:n(Ci),icon:s})};Oe.states=dp;Oe.options=pp;Oe.className=Ci;var ia=require("react/jsx-runtime"),cp="k-input-prefix",up={direction:"horizontal"},Qe=e=>{let{direction:t=up.direction,...o}=e;return e.children?(0,ia.jsx)("span",{...o,className:n(cp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ia.jsx)(ia.Fragment,{})};var sa=require("react/jsx-runtime"),mp="k-input-suffix",fp={direction:"horizontal"},je=e=>{let{direction:t=fp.direction,...o}=e;return e.children?(0,sa.jsx)("span",{...o,className:n(mp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,sa.jsx)(sa.Fragment,{})};var bp=require("react/jsx-runtime");var Ei=require("react/jsx-runtime"),hp="k-input-suffix-text",Er=e=>{let{children:t,...o}=e;return(0,Ei.jsx)("span",{...o,className:n(hp,e.className),children:t})};var Ai=require("react/jsx-runtime"),Ti="k-input-separator",xp={direction:"vertical"},et=e=>{let{direction:t=xp.direction,...o}=e;return(0,Ai.jsx)("span",{...o,className:n(Ti,e.className,{[`${Ti}-${t}`]:t})})};var de=require("react/jsx-runtime"),gp=te.states,kp=te.defaultOptions,Np=te.options,vp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Lp=[],lo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...c}=e,m=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,f=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],u=t==null?void 0:t.separators;return(0,de.jsxs)(te,{...c,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[m&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(Qe,{children:(0,de.jsx)(v,{icon:"lock"})}),u&&(0,de.jsx)(et,{})]}),(0,de.jsx)(Xe,{placeholder:"Placeholder",value:"Value"}),g&&(0,de.jsx)(Oe,{valid:o,invalid:a,loading:r,disabled:s}),(0,de.jsx)(De,{loading:r,disabled:s}),f&&(0,de.jsx)($e,{loading:r,disabled:s,readonly:d,value:"Value"}),x&&(0,de.jsxs)(de.Fragment,{children:[u&&(0,de.jsx)(et,{}),(0,de.jsx)(je,{children:(0,de.jsx)(qt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};lo.options=Np;lo.states=gp;lo.variants=Lp;lo.defaultOptions=kp;lo.modifiers=vp;lo.className=te.className;var Tr="popup",Oi=Tr;var Or=require("react/jsx-runtime"),Pi="k-animation-container",Mp=[],Sp={},Ar={positionMode:"absolute",shown:!0},ft=e=>{let{positionMode:t=Ar.positionMode,shown:o=Ar.shown,animationStyle:a,offset:r,...s}=e;return(0,Or.jsx)("div",{...s,style:{...r,...e.style},className:n(e.className,Pi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Or.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};ft.states=Mp;ft.options=Sp;ft.className=Pi;ft.defaultOptions=Ar;ft.moduleName=Tr;ft.folderName=Oi;var Pr="popup",wi=Pr;var wr=require("react/jsx-runtime"),Bi="k-popup",Ip=[],yp={},Ri={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Ri.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...c}=e;return(0,wr.jsx)(ft,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:(0,wr.jsx)("div",{...c,className:n(e.className,Bi),children:e.children})})};X.states=Ip;X.options=yp;X.className=Bi;X.defaultOptions=Ri;X.moduleName=Pr;X.folderName=wi;X.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 Br="action-buttons",Ki=Br;var Di=require("react/jsx-runtime"),Aa="k-actions",Cp=[],Ep={},Rr={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Rr.alignment,orientation:o=Rr.orientation,...a}=e;return(0,Di.jsx)("div",{...a,className:n(Aa,{[`${Aa}-${t}`]:t,[`${Aa}-${o}`]:o},e.className),children:e.children})};st.states=Cp;st.options=Ep;st.className=Aa;st.defaultOptions=Rr;st.moduleName=Br;st.folderName=Ki;var _i=st;var Hi=require("react/jsx-runtime"),Tp="k-actionsheet-footer",zi={alignment:"stretched",orientation:"horizontal"},wt=e=>{let{alignment:t=zi.alignment,orientation:o=zi.orientation,template:a,as:r=a?"div":st,...s}=e;return(0,Hi.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Tp),children:e.children})};var Kr="searchbox",Ui=Kr;var Bt=require("react/jsx-runtime"),Fi="k-searchbox",Ap=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Op={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},_r={showIcon:!0,icon:"search"},tt=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:m,invalid:x,required:f,loading:g,disabled:u,showIcon:L=_r.showIcon,icon:k=_r.icon,"aria-label":y,...C}=e;return(0,Bt.jsxs)(te,{...C,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:m,invalid:x,required:f,loading:g,disabled:u,className:n(e.className,Fi),children:[L&&(0,Bt.jsx)(v,{className:"k-input-icon",icon:k}),(0,Bt.jsx)(Xe,{placeholder:o,value:t,"aria-label":y}),(0,Bt.jsx)(De,{...e}),(0,Bt.jsx)(Oe,{...e}),(0,Bt.jsx)($e,{...e})]})};tt.states=Ap;tt.options=Op;tt.className=Fi;tt.defaultOptions=_r;tt.moduleName=Kr;tt.folderName=Ui;var Pp=require("react/jsx-runtime");var Dr="textbox",Gi=Dr;var ve=require("react/jsx-runtime"),Vi="k-textbox",wp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Bp={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Oa={showClearButton:!0,showValidationIcon:!0,separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showValidationIcon:d=Oa.showValidationIcon,prefix:c,suffix:m,type:x,value:f,placeholder:g,hover:u,focus:L,valid:k,invalid:y,required:C,loading:E,disabled:w,readonly:q,id:U,"aria-label":Ee,"aria-describedby":Te,...Ae}=e;return(0,ve.jsxs)(te,{...Ae,size:t,rounded:o,fillMode:a,hover:u,focus:L,valid:k,invalid:y,required:C,loading:E,disabled:w,readonly:q,className:n(e.className,Vi),children:[c&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(Qe,{children:c}),r&&(0,ve.jsx)(et,{})]}),(0,ve.jsx)(Xe,{id:U,placeholder:g,value:f,type:x,disabled:w,"aria-label":Ee,"aria-describedby":Te,"aria-invalid":y?"true":void 0}),d&&(0,ve.jsx)(Oe,{valid:k,invalid:y,loading:E,disabled:w}),(0,ve.jsx)(De,{loading:E,disabled:w}),s&&(0,ve.jsx)($e,{loading:E,disabled:w,readonly:q,value:f}),m&&(0,ve.jsxs)(ve.Fragment,{children:[r&&(0,ve.jsx)(et,{}),(0,ve.jsx)(je,{children:m})]})]})};ne.states=wp;ne.options=Bp;ne.className=Vi;ne.defaultOptions=Oa;ne.moduleName=Dr;ne.folderName=Gi;ne.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 la=ne;var Xi=require("react/jsx-runtime"),$i=e=>(0,Xi.jsx)(la,{...e});var qi=require("react/jsx-runtime");var Ji=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var Pa=require("react/jsx-runtime"),Kp=ne.states,_p=ne.defaultOptions,Dp=ne.options,zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Hp=[],po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Pa.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Pa.jsx)(qt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,Pa.jsx)($i,{value:"Value",style:{width:300},...o,...a})};po.options=Dp;po.states=Kp;po.variants=Hp;po.defaultOptions=_p;po.modifiers=zp;po.className=ne.className;var qe=require("react/jsx-runtime"),Wi="k-actionsheet-titlebar",Up={},Pe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:c,inputPlaceholder:m,adaptive:x,titleId:f,children:g,...u}=e;return(0,qe.jsxs)("div",{...u,className:n(e.className,Wi),children:[(0,qe.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,qe.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,qe.jsxs)("div",{className:"k-actionsheet-title",id:f,children:[t&&(0,qe.jsx)("div",{className:"k-text-center",children:t}),o&&(0,qe.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,qe.jsx)("div",{className:"k-actionsheet-title",id:f,children:g}),r&&(0,qe.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&(0,qe.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,qe.jsx)(ne,{value:c,placeholder:m,size:x?"large":"medium","aria-label":t||m||"Input"}):(0,qe.jsx)(tt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Pe.className=Wi;Pe.defaultOptions=Up;var co=require("react/jsx-runtime"),zr="k-actionsheet-view",Fp=[],Gp={},Vp={},uo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...c}=e,m=(r==null?void 0:r.type)===Pe&&(0,co.jsx)(Pe,{adaptive:t,titleId:d,...r==null?void 0:r.props}),x=(s==null?void 0:s.type)===wt&&(0,co.jsx)(wt,{...s==null?void 0:s.props});return(0,co.jsxs)("div",{...c,className:n(e.className,zr,{[`${zr}-animated`]:o}),children:[m,(0,co.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};uo.states=Fp;uo.options=Gp;uo.className=zr;uo.defaultOptions=Vp;var da="action-sheet",wa=da;var Hr="overlay",Zi=Hr;var Qi=require("react/jsx-runtime"),Yi="k-overlay",$p=[],Xp={},qp={},Rt=e=>{let{...t}=e;return(0,Qi.jsx)("div",{...t,className:n(e.className,Yi),children:e.children})};Rt.states=$p;Rt.options=Xp;Rt.className=Yi;Rt.defaultOptions=qp;Rt.moduleName=Hr;Rt.folderName=Zi;var Wt=require("react/jsx-runtime"),ji="k-actionsheet",Jp=[],Wp={},pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=pa.side,fullscreen:o=pa.fullscreen,adaptive:a=pa.adaptive,overlay:r=pa.overlay,template:s,children:d,header:c,footer:m,id:x,...f}=e,g=x&&!s&&c?`${x}-title`:void 0;return(0,Wt.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,Wt.jsx)(Rt,{}),(0,Wt.jsx)(ft,{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,Wt.jsx)("div",{...f,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,ji,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,Wt.jsx)(uo,{header:c,footer:m,adaptive:a,titleId:g,...e,children:d})})})]})};Q.states=Jp;Q.options=Wp;Q.className=ji;Q.defaultOptions=pa;Q.moduleName=da;Q.folderName=wa;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 ts=require("react/jsx-runtime"),es="k-actionsheet-container",Zp=[],Yp={},Qp={},mo=e=>{let{children:t,...o}=e;return(0,ts.jsx)("div",{...o,className:es,children:t})};mo.states=Zp;mo.options=Yp;mo.className=es;mo.defaultOptions=Qp;mo.moduleName=da;mo.folderName=wa;var os=require("react/jsx-runtime"),Ur=e=>{let{...t}=e;return(0,os.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var ot=require("react/jsx-runtime"),Fr="k-actionsheet-item",jp=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:c,...m}=e;return(0,ot.jsxs)("span",{...m,className:n(e.className,Fr,S(Fr,{hover:r,focus:s,selected:d,disabled:c})),children:[!e.children&&(0,ot.jsx)(ot.Fragment,{children:(0,ot.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,ot.jsx)("span",{className:"k-icon-wrap",children:(0,ot.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,ot.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,ot.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,ot.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=jp;Kt.className=Fr;var as=require("react/jsx-runtime");var ec=require("react/jsx-runtime");var tc=require("react/jsx-runtime");var oc=require("react/jsx-runtime");var J=require("react/jsx-runtime"),ac=Q.options,rc=Q.states,ns={...Q.defaultOptions,variant:"normal"},nc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ic=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],fo=e=>{let{variant:t,modifiers:o,...a}={...ns,...e},r={},s=(0,J.jsxs)(Ur,{children:[(0,J.jsx)(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,J.jsx)(Kt,{text:"Add to Favorites",iconName:"heart"}),(0,J.jsx)(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,J.jsx)("hr",{className:"k-hr"}),(0,J.jsx)(Kt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(m=>{switch(m){case"actions":r.actionsStart=!!(o!=null&&o[m]),r.actionsEnd=!!(o!=null&&o[m]);break;case"subtitle":r.subtitle=o!=null&&o[m]?d:void 0;break;case"footer":r.footer=!!(o!=null&&o[m]);break;default:break}}),t==="adaptive"?(0,J.jsx)(Q,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,J.jsx)(Pe,{actionsStart:r.actionsStart?(0,J.jsx)(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,J.jsx)(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?(0,J.jsxs)(wt,{alignment:"stretched",children:[(0,J.jsx)(l,{text:"Cancel",size:"large",themeColor:"base"}),(0,J.jsx)(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,J.jsx)(Q,{...a,fullscreen:r.fullScreen,header:(0,J.jsx)(Pe,{actionsStart:r.actionsStart?(0,J.jsx)(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,J.jsx)(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,J.jsxs)(wt,{alignment:"stretched",children:[(0,J.jsx)(l,{text:"Apply",themeColor:"primary"}),(0,J.jsx)(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};fo.options=ac;fo.states=rc;fo.variants=nc;fo.defaultOptions=ns;fo.modifiers=ic;fo.className=Q.className;var Ra=ii(require("react"));var Gr=require("react/jsx-runtime"),sc="k-list-group-sticky-header",Vr=e=>(0,Gr.jsx)("div",{className:n(sc,e.className),children:(0,Gr.jsx)("div",{className:"k-list-header-text",children:e.children})});var is=require("react/jsx-runtime"),lc="k-no-data",Ba=e=>{let{live:t,...o}=e;return(0,is.jsx)("span",{...o,className:n(lc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Zt="list",bo=Zt;var ho=require("react/jsx-runtime"),$r="k-list",dc=[],pc={size:[p.undefined,p.small,p.medium,p.large]},cc={},K=e=>{var k;let{size:t,virtualization:o,children:a,header:r,selectAll:s,optionLabel:d,customValue:c,noData:m,screenReaders:x,...f}=e,u=Ra.default.Children.toArray(a)[0],L=(k=u==null?void 0:u.props)!=null&&k.children?Ra.default.Children.count(u.props.children):Ra.default.Children.count(a);return(0,ho.jsxs)("div",{...f,className:n(e.className,$r,T($r,{size:t}),{"k-virtual-list":o}),children:[d,s,c,r&&(0,ho.jsx)(Vr,{children:r}),a||(m!==void 0?m:(0,ho.jsx)(Ba,{live:!0,children:"No data found."})),x&&a&&(0,ho.jsxs)(Ba,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=dc;K.options=pc;K.className=$r;K.defaultOptions=cc;K.moduleName=Zt;K.folderName=bo;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 ls=require("react/jsx-runtime"),ss="k-list-container",uc=[],mc={},fc={},xo=e=>{let{...t}=e;return(0,ls.jsx)("div",{...t,className:n(e.className,ss),children:e.children})};xo.states=uc;xo.options=mc;xo.className=ss;xo.defaultOptions=fc;xo.moduleName=Zt;xo.folderName=bo;var Yt="checkbox",go=Yt;var Xr=require("react/jsx-runtime"),Ka="k-checkbox",bc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],hc={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},xc={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:c,valid:m,required:x,size:f,rounded:g,wrapperRole:u,...L}=e;return(0,Xr.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,Xr.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,Ka,T(Ka,{size:f,rounded:g}),S(Ka,{hover:r,focus:s,disabled:d,invalid:c,valid:m,indeterminate:a,checked:o}))})})};ze.states=bc;ze.options=hc;ze.className=Ka;ze.defaultOptions=xc;ze.moduleName=Yt;ze.folderName=go;ze.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 lt=ze;var cs=require("react/jsx-runtime"),ds="k-checkbox-list",gc=[],kc={},ps={layout:"vertical"},we=e=>{let{layout:t=ps.layout,...o}=e;return(0,cs.jsx)("ul",{...o,className:n(e.className,ds,{[`k-list-${t}`]:t}),children:e.children})};we.states=gc;we.options=kc;we.className=ds;we.defaultOptions=ps;we.moduleName=Yt;we.folderName=go;var ms=require("react/jsx-runtime"),us="k-checkbox-list-item",Nc=[],vc={},Lc={},Be=e=>{let{...t}=e;return(0,ms.jsx)("li",{...t,className:n(e.className,us),children:e.children})};Be.states=Nc;Be.options=vc;Be.className=us;Be.defaultOptions=Lc;Be.moduleName=Yt;Be.folderName=go;var Qt=require("react/jsx-runtime"),Nt=({children:e="Label",id:t="cb-label-after",...o})=>(0,Qt.jsxs)(Qt.Fragment,{children:[(0,Qt.jsx)(lt,{id:t,...o}),(0,Qt.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var qr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var Wr=require("react/jsx-runtime");var Mc=require("react/jsx-runtime");var Sc=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var Le=require("react/jsx-runtime"),yc=we.options,Cc=we.states,Ec={...we.defaultOptions,variant:"vertical"},Tc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ac=[],ko=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Le.jsxs)(we,{layout:"horizontal",...o,children:[(0,Le.jsx)(Be,{children:(0,Le.jsx)(Nt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),(0,Le.jsx)(Be,{children:(0,Le.jsx)(Nt,{id:H("cb"),children:"Label"})}),(0,Le.jsx)(Be,{children:(0,Le.jsx)(Nt,{id:H("cb"),children:"Label"})})]}):(0,Le.jsxs)(we,{...o,children:[(0,Le.jsx)(Be,{children:(0,Le.jsx)(Nt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),(0,Le.jsx)(Be,{children:(0,Le.jsx)(Nt,{id:H("cb"),children:"Label"})}),(0,Le.jsx)(Be,{children:(0,Le.jsx)(Nt,{id:H("cb"),children:"Label"})})]})};ko.options=yc;ko.states=Cc;ko.variants=Tc;ko.defaultOptions=Ec;ko.modifiers=Ac;ko.className=we.className;var fs=require("react/jsx-runtime"),Oc=lt.options,Pc=lt.states,wc=lt.defaultOptions,Bc=[],Rc=[],No=e=>(0,fs.jsx)(Nt,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});No.options=Oc;No.states=Pc;No.variants=Bc;No.defaultOptions=wc;No.modifiers=Rc;No.className=lt.className;var bt=require("react/jsx-runtime"),Zr="k-list-item",Kc=[i.hover,i.focus,i.selected,i.disabled],_c={},Dc={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:d,checked:c,hover:m,focus:x,selected:f,disabled:g,actions:u,description:L,id:k,...y}=e,C=t||e.children;return(0,bt.jsxs)("li",{...y,id:k,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&f?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:n(e.className,a?"k-list-group-item":Zr,S(Zr,{hover:m,focus:x,disabled:g,selected:f})),children:[d&&(0,bt.jsx)(ze,{checked:c}),r&&(0,bt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,bt.jsx)(v,{icon:r,className:n("k-list-item-icon",s)})}),(0,bt.jsx)("span",{className:"k-list-item-text",children:C}),u&&(0,bt.jsx)("div",{className:"k-list-item-actions",children:u}),L&&(0,bt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,bt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=Kc;B.options=_c;B.className=Zr;B.defaultOptions=Dc;B.moduleName=Zt;B.folderName=bo;B.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 bs=require("react/jsx-runtime"),zc="k-list-ul",vt=e=>{let{children:t,role:o,id:a,...r}=e;return(0,bs.jsx)("ul",{...r,id:a,role:o,className:n(zc,e.className),children:t})};vt.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 vo=require("react/jsx-runtime"),Hc="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return(0,vo.jsxs)("div",{...d,className:n(Hc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,vo.jsx)(vt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,vo.jsx)("div",{className:"k-height-container",children:(0,vo.jsx)("div",{})})]})};F.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 Lo=require("react/jsx-runtime"),_a="k-list-sticky-header",Uc=[i.hover,i.focus,i.selected],Fc={},Gc={},Da=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:r,hover:s,focus:d,selected:c,...m}=e;return(0,Lo.jsx)("div",{...m,className:n(_a,e.className),children:(0,Lo.jsxs)("div",{className:n(`${_a}-item`,S(`${_a}-item`,{hover:s,focus:d,selected:c})),children:[o&&(0,Lo.jsx)(ze,{checked:a,indeterminate:r,"aria-label":t}),(0,Lo.jsx)("span",{className:"k-list-item-text",children:t})]})})};Da.states=Uc;Da.options=Fc;Da.className=_a;Da.defaultOptions=Gc;var Yr=require("react/jsx-runtime");var Mo=require("react/jsx-runtime"),Vc="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return(0,Mo.jsxs)("li",{...o,role:"presentation",className:n(Vc,e.className),children:[t&&(0,Mo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Mo.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Mo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};jt.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 hs=require("react/jsx-runtime"),Qr="k-list-optionlabel",$c=[i.hover,i.focus,i.selected,i.disabled],Xc={},qc={},za=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,hs.jsx)("div",{...d,className:n(Qr,S(Qr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};za.states=$c;za.options=Xc;za.className=Qr;za.defaultOptions=qc;var xs=require("react/jsx-runtime"),jr="k-list-custom-value",Jc=[i.hover,i.focus,i.selected,i.disabled],Wc={},Zc={},_t=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,xs.jsx)("div",{...d,className:n(jr,S(jr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};_t.states=Jc;_t.options=Wc;_t.className=jr;_t.defaultOptions=Zc;var en=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var Yc=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var nn="combobox",gs=nn;var _=require("react/jsx-runtime"),ks="k-combobox",Qc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jc={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ns={separators:!0},pe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ns.separators,prefix:s,suffix:d,value:c,placeholder:m,hover:x,focus:f,valid:g,invalid:u,required:L,loading:k,disabled:y,popup:C,opened:E,readonly:w,adaptive:q,adaptiveSettings:U,adaptiveTitle:Ee,adaptiveSubtitle:Te,adaptiveCustomValue:Ae,id:$t,autocomplete:ir,activeDescendant:Ot,"aria-label":va,...sr}=e,lr=$t?`${$t}-listbox`:void 0;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(te,{...sr,size:t,rounded:o,fillMode:a,hover:x,focus:f,valid:g,invalid:u,required:L,loading:k,disabled:y,readonly:w,className:n(e.className,ks),children:[s&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Qe,{children:s}),r&&(0,_.jsx)(et,{})]}),(0,_.jsx)(Xe,{id:$t,placeholder:m,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?lr:void 0,"aria-activedescendant":E&&Ot?Ot:void 0,"aria-autocomplete":ir,"aria-invalid":u?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":va,disabled:y,readOnly:w}),(0,_.jsx)(Oe,{valid:g,invalid:u,loading:k,disabled:y}),(0,_.jsx)(De,{loading:k,disabled:y}),(0,_.jsx)($e,{loading:k,disabled:y,readonly:w,value:c}),d&&(0,_.jsxs)(_.Fragment,{children:[r&&(0,_.jsx)(et,{}),(0,_.jsx)(je,{children:d})]}),(0,_.jsx)(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),E&&C&&(0,_.jsx)(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),q&&(0,_.jsx)(Q,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...U,header:(0,_.jsx)(Pe,{actionsEnd:(0,_.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:m,title:Ee,subtitle:Te}),children:(0,_.jsx)("div",{className:"k-list-container",children:(0,_.jsx)(K,{customValue:Ae?(0,_.jsx)(_t,{text:`Use "${c}"`}):void 0,size:"large",children:(0,_.jsxs)(F,{"aria-label":Ee||"Options",children:[(0,_.jsx)(B,{text:"List item"}),(0,_.jsx)(B,{text:"List item"}),(0,_.jsx)(B,{text:"List item"})]})})})})]})};pe.states=Qc;pe.options=jc;pe.className=ks;pe.defaultOptions=Ns;pe.moduleName=nn;pe.folderName=gs;pe.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 Je=pe;var Ls=require("react/jsx-runtime"),vs=e=>(0,Ls.jsx)(Je,{...e});var Ms=require("react/jsx-runtime");var Ss=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var eu=require("react/jsx-runtime");var tu=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var As=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),ou=pe.states,au=pe.defaultOptions,ru=pe.options,nu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],iu=[],So=e=>{let{modifiers:t,...o}=e,a={},r=(0,dt.jsx)(K,{style:{width:300},size:o.size,children:(0,dt.jsxs)(F,{children:[(0,dt.jsx)(B,{children:"List item"}),(0,dt.jsx)(B,{children:"List item"}),(0,dt.jsx)(B,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,dt.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,dt.jsx)(Pt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,dt.jsx)("div",{children:(0,dt.jsx)(vs,{value:"Value",style:{width:300},...o,...a})})};So.options=ru;So.states=ou;So.variants=iu;So.defaultOptions=au;So.modifiers=nu;So.className=pe.className;var ln="dropzone",Os=ln;var eo=require("react/jsx-runtime"),dn="k-external-dropzone",su=[i.disabled,i.hover],lu={},pn={icon:"upload",hint:"Drag and drop files here to upload"},He=e=>{let{hover:t,disabled:o,icon:a=pn.icon,hint:r=pn.hint,note:s,...d}=e;return(0,eo.jsx)("div",{...d,className:n(e.className,dn,S(dn,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,eo.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,eo.jsx)(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&(0,eo.jsx)("span",{className:"k-dropzone-hint",children:r}),s&&(0,eo.jsx)("span",{className:"k-dropzone-note",children:s})]})})};He.states=su;He.options=lu;He.className=dn;He.defaultOptions=pn;He.moduleName=ln;He.folderName=Os;var Ps=require("react/jsx-runtime"),Ha=e=>(0,Ps.jsx)(He,{...e});var du=require("react/jsx-runtime");var ws=require("react/jsx-runtime"),pu=He.options,cu=He.states,uu=He.defaultOptions,mu=[{name:"note",title:"Note"}],fu=[],Io=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="note"&&(a.note=t!=null&&t[r]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),(0,ws.jsx)(Ha,{style:{width:"500px"},...o,...a})};Io.options=pu;Io.states=cu;Io.variants=fu;Io.defaultOptions=uu;Io.modifiers=mu;Io.className=He.className;var cn="menu-button",Bs=cn;var Ks=require("react/jsx-runtime"),Rs="k-menu-button",bu=[i.hover,i.f