UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 150 kB
var Ed=Object.create;var Ea=Object.defineProperty;var Td=Object.getOwnPropertyDescriptor;var Ad=Object.getOwnPropertyNames;var Od=Object.getPrototypeOf,Pd=Object.prototype.hasOwnProperty;var wd=(e,t)=>{for(var o in t)Ea(e,o,{get:t[o],enumerable:!0})},fi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ad(t))!Pd.call(e,r)&&r!==o&&Ea(e,r,{get:()=>t[r],enumerable:!(a=Td(t,r))||a.enumerable});return e};var bi=(e,t,o)=>(o=e!=null?Ed(Od(e)):{},fi(t||!e||!e.__esModule?Ea(o,"default",{value:e,enumerable:!0}):o,e)),Bd=e=>fi(Ea({},"__esModule",{value:!0}),e);var Bb={};wd(Bb,{PDFViewerBlank:()=>wb});module.exports=Bd(Bb);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 A=(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:l,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":l,"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,T)=>(T.startsWith("k-")?C[T]=y[T]:C[`k-${T}`]=y[T],C),{}))};function hi(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"},ht={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 fr={};function U(e){return fr[e]=(fr[e]||0)+1,`k-${e}-${fr[e]}`}var ta=require("react/jsx-runtime"),br="k-font-icon",Rd=[],Kd={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]},Dd={},oa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...d}=e;return a?(0,ta.jsx)("span",{...d,className:n(e.className,br,A(br,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,ta.jsx)(ta.Fragment,{})};oa.states=Rd;oa.options=Kd;oa.className=br;oa.defaultOptions=Dd;var xi=oa;var Zt=require("react/jsx-runtime"),hr="k-svg-icon",_d=[],zd={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:[ht.outline,ht.solid,ht.duotone]},xr={viewBox:"0 0 24 24",variant:ht.outline},aa=e=>{var g,u;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=xr.viewBox,variant:d=xr.variant,icon:c,...m}=e;if(!c)return(0,Zt.jsx)(Zt.Fragment,{});if(c==="none")return(0,Zt.jsx)("span",{...m,className:n(e.className,hr,A("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,Zt.jsx)("span",{...m,className:n(e.className,hr,A("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,Zt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};aa.states=_d;aa.options=zd;aa.className=hr;aa.defaultOptions=xr;var gr=aa;var kr=bi(require("@progress/kendo-svg-icons"));var gi="icon",ki="icons";var Li=require("react");var Ni=require("react"),vi=(0,Ni.createContext)({iconsType:"svg"});var Mt=require("react/jsx-runtime"),Ta="k-icon",Hd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ud=[],Fd={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:[ht.outline,ht.solid,ht.duotone]},Aa={viewBox:"0 0 24 24",type:"svg",variant:ht.outline},v=e=>{let{iconsType:t}=(0,Li.useContext)(vi),{size:o,themeColor:a,icon:r,type:l=t||Aa.type,rotate:d,flip:c,viewBox:m=Aa.viewBox,variant:x=Aa.variant,...f}=e;if(!r)return(0,Mt.jsx)(Mt.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,Mt.jsx)(gr,{...f,className:n(e.className,Ta),icon:r,size:o,variant:x});let u=kr[r]?r:Hd(`${r}-icon`);return kr[u]?(0,Mt.jsx)(gr,{...f,className:n(e.className,Ta),icon:kr[u],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:x}):(0,Mt.jsx)(Mt.Fragment,{})}return(0,Mt.jsx)(xi,{...f,className:n(e.className,Ta),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=Ud;v.options=Fd;v.defaultOptions=Aa;v.className=Ta;v.moduleName=gi;v.folderName=ki;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 Nr="button",Mi=Nr;var qe=require("react/jsx-runtime"),ra="k-button",Gd=["icon-button"],Vd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],$d={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]},vr={showArrow:!1,arrowIconName:"chevron-down"},s=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:d=vr.showArrow,arrowIconName:c=vr.arrowIconName,variant:m,hover:x,focus:f,active:g,selected:u,disabled:L,togglable:k,ariaDisabled:y,icon:C,iconSize:T,text:w,iconClassName:J,className:F,...Oe}=e,Pe=C!=null,we=e.children!==void 0;return(0,qe.jsxs)(t,{className:n(F,ra,hi(ra,m),A(ra,{size:o,rounded:a,fillMode:r,themeColor:l}),S(ra,{hover:x,focus:f,active:g,disabled:L||y,selected:u}),{"k-icon-button":!w&&!we&&Pe}),"aria-pressed":k?u?"true":"false":void 0,...Oe,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,qe.jsx)(v,{className:n(J,"k-button-icon"),icon:C,size:T}),C&&typeof C!="string"&&(0,qe.jsx)(qe.Fragment,{children:C}),w?(0,qe.jsxs)(qe.Fragment,{children:[w&&(0,qe.jsx)("span",{className:"k-button-text",children:w}),e.children]}):e.children&&(0,qe.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,qe.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,qe.jsx)(v,{icon:c})})]})};s.states=Vd;s.options=$d;s.variants=Gd;s.className=ra;s.defaultOptions=vr;s.moduleName=Nr;s.folderName=Mi;s.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 Si=require("react/jsx-runtime"),Rt=e=>(0,Si.jsx)(s,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ii=require("react/jsx-runtime"),na=e=>(0,Ii.jsx)(s,{icon:"folder",children:"Button",...e});var yi=require("react/jsx-runtime"),Yt=e=>(0,yi.jsx)(s,{children:"Button",...e});var Oa=require("react/jsx-runtime"),Xd=s.options,qd=s.states,Wd={...s.defaultOptions,variant:"text"},Jd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zd=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Oa.jsx)(Rt,{...o,icon:"star"});case"icon-and-text":return(0,Oa.jsx)(na,{...o,icon:"star",children:"Button"});default:return(0,Oa.jsx)(Yt,{...o,children:"Button"})}};po.options=Xd;po.states=qd;po.variants=Jd;po.defaultOptions=Wd;po.modifiers=Zd;po.className=s.className;var Lr="button",Ci=Lr;var Ei=require("react/jsx-runtime"),ia="k-button-group",Yd=[i.disabled],Qd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},jd={},E=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Ei.jsx)("div",{role:"group",...r,className:n(e.className,ia,A(ia,{fillMode:t}),S(ia,{disabled:o}),{[`${ia}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};E.states=Yd;E.options=Qd;E.className=ia;E.defaultOptions=jd;E.moduleName=Lr;E.folderName=Ci;E.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 Mr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Ir=require("react/jsx-runtime");var yr=require("react/jsx-runtime");var Cr=require("react/jsx-runtime");var Er=require("react/jsx-runtime");var He=require("react/jsx-runtime"),ep={...s.options,...E.options},tp=s.states,op={...s.defaultOptions,...E.defaultOptions,variant:"text-button"},ap=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],rp=[],co=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,He.jsxs)(E,{fillMode:a.fillMode,className:o,children:[(0,He.jsx)(s,{...a,icon:"star"}),(0,He.jsx)(s,{...a,icon:"star"}),(0,He.jsx)(s,{...a,icon:"star"})]}):t==="icon-text-button"?(0,He.jsxs)(E,{fillMode:a.fillMode,className:o,children:[(0,He.jsx)(s,{...a,icon:"star",children:"First"}),(0,He.jsx)(s,{...a,icon:"star",children:"Middle"}),(0,He.jsx)(s,{...a,icon:"star",children:"Last"})]}):(0,He.jsxs)(E,{fillMode:a.fillMode,className:o,children:[(0,He.jsx)(s,{...a,children:"First"}),(0,He.jsx)(s,{...a,children:"Middle"}),(0,He.jsx)(s,{...a,children:"Last"})]})};co.options=ep;co.states=tp;co.variants=ap;co.defaultOptions=op;co.modifiers=rp;co.className=E.className;var sa="input",Pa=sa;var Ti=require("react/jsx-runtime"),wa="k-input",np=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ip={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]},sp={},re=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return(0,Ti.jsx)("span",{...g,className:n(e.className,wa,A(wa,{size:m,rounded:x,fillMode:f}),S(wa,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c}))})};re.states=np;re.options=ip;re.className=wa;re.defaultOptions=sp;re.moduleName=sa;re.folderName=Pa;var Ai=require("react/jsx-runtime"),Ba="k-picker",lp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],dp={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]},pp={},xt=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return(0,Ai.jsx)("span",{...g,className:n(e.className,Ba,A(Ba,{size:m,rounded:x,fillMode:f}),S(Ba,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c})),children:e.children})};xt.states=lp;xt.options=dp;xt.className=Ba;xt.defaultOptions=pp;xt.moduleName=sa;xt.folderName=Pa;var uo=require("react/jsx-runtime"),Oi="k-clear-value",cp=[i.disabled,i.loading,i.readonly],up={},We=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,uo.jsx)(uo.Fragment,{}):(0,uo.jsx)("span",{className:n(e.className,Oi),children:(0,uo.jsx)(v,{icon:"x"})})};We.states=cp;We.options=up;We.className=Oi;var Pi=require("react/jsx-runtime"),Tr="k-input-inner",mp=[],fp={},Ra={type:"text",autocomplete:"off",value:"",placeholder:""},Je=e=>{let{value:t=Ra.value,type:o=Ra.type,placeholder:a=Ra.placeholder,autocomplete:r=Ra.autocomplete,disabled:l,readOnly:d,...c}=e;return(0,Pi.jsx)("input",{...c,type:o,className:n(e.className,Tr,A(Tr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};Je.states=mp;Je.options=fp;Je.className=Tr;var la=require("react/jsx-runtime"),Ar="k-input-inner",bp=[],hp={},Qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:l,...d}=e;return(0,la.jsxs)("span",{...d,className:n(e.className,Ar,A(Ar,e)),children:[r,!r&&l&&(0,la.jsx)(v,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&(0,la.jsx)("span",{className:"k-input-value-text",children:t})]})};Qt.states=bp;Qt.options=hp;Qt.className=Ar;var Bi=require("react/jsx-runtime"),Or="k-input-inner",xp=[],gp={},wi={value:"",placeholder:""},Pr=e=>{let{value:t=wi.value,placeholder:o=wi.placeholder,rows:a,disabled:r,...l}=e;return(0,Bi.jsx)("textarea",{...l,className:n(e.className,Or,A(Or,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Pr.states=xp;Pr.options=gp;Pr.className=Or;var da=require("react/jsx-runtime"),Ri="k-input-loading-icon",kp=[i.disabled,i.loading],Ue=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,da.jsx)(da.Fragment,{}):(0,da.jsx)("span",{className:n(e.className,Ri,"k-icon k-i-loading")})};Ue.states=kp;Ue.className=Ri;var pa=require("react/jsx-runtime"),Ki="k-input-validation-icon",Np=[i.valid,i.invalid,i.disabled,i.loading],vp={},Be=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,l=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,pa.jsx)(pa.Fragment,{}):(0,pa.jsx)(v,{className:n(Ki),icon:l})};Be.states=Np;Be.options=vp;Be.className=Ki;var ca=require("react/jsx-runtime"),Lp="k-input-prefix",Mp={direction:"horizontal"},tt=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?(0,ca.jsx)("span",{...o,className:n(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ca.jsx)(ca.Fragment,{})};var ua=require("react/jsx-runtime"),Sp="k-input-suffix",Ip={direction:"horizontal"},ot=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?(0,ua.jsx)("span",{...o,className:n(Sp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ua.jsx)(ua.Fragment,{})};var yp=require("react/jsx-runtime");var Di=require("react/jsx-runtime"),Cp="k-input-suffix-text",wr=e=>{let{children:t,...o}=e;return(0,Di.jsx)("span",{...o,className:n(Cp,e.className),children:t})};var zi=require("react/jsx-runtime"),_i="k-input-separator",Ep={direction:"vertical"},at=e=>{let{direction:t=Ep.direction,...o}=e;return(0,zi.jsx)("span",{...o,className:n(_i,e.className,{[`${_i}-${t}`]:t})})};var me=require("react/jsx-runtime"),Tp=re.states,Ap=re.defaultOptions,Op=re.options,Pp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],wp=[],mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:l,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,me.jsxs)(re,{...c,valid:o,invalid:a,loading:r,disabled:l,readonly:d,style:{width:300},children:[m&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(tt,{children:(0,me.jsx)(v,{icon:"lock"})}),u&&(0,me.jsx)(at,{})]}),(0,me.jsx)(Je,{placeholder:"Placeholder",value:"Value"}),g&&(0,me.jsx)(Be,{valid:o,invalid:a,loading:r,disabled:l}),(0,me.jsx)(Ue,{loading:r,disabled:l}),f&&(0,me.jsx)(We,{loading:r,disabled:l,readonly:d,value:"Value"}),x&&(0,me.jsxs)(me.Fragment,{children:[u&&(0,me.jsx)(at,{}),(0,me.jsx)(ot,{children:(0,me.jsx)(Yt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};mo.options=Op;mo.states=Tp;mo.variants=wp;mo.defaultOptions=Ap;mo.modifiers=Pp;mo.className=re.className;var Br="popup",Hi=Br;var Kr=require("react/jsx-runtime"),Ui="k-animation-container",Bp=[],Rp={},Rr={positionMode:"absolute",shown:!0},gt=e=>{let{positionMode:t=Rr.positionMode,shown:o=Rr.shown,animationStyle:a,offset:r,...l}=e;return(0,Kr.jsx)("div",{...l,style:{...r,...e.style},className:n(e.className,Ui,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Kr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};gt.states=Bp;gt.options=Rp;gt.className=Ui;gt.defaultOptions=Rr;gt.moduleName=Br;gt.folderName=Hi;var Dr="popup",Fi=Dr;var _r=require("react/jsx-runtime"),Gi="k-popup",Kp=[],Dp={},Vi={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Vi.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:d,...c}=e;return(0,_r.jsx)(gt,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":d,children:(0,_r.jsx)("div",{...c,className:n(e.className,Gi),children:e.children})})};X.states=Kp;X.options=Dp;X.className=Gi;X.defaultOptions=Vi;X.moduleName=Dr;X.folderName=Fi;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 zr="action-buttons",$i=zr;var qi=require("react/jsx-runtime"),Ka="k-actions",_p=[],zp={},Hr={alignment:"start",orientation:"horizontal"},pt=e=>{let{alignment:t=Hr.alignment,orientation:o=Hr.orientation,...a}=e;return(0,qi.jsx)("div",{...a,className:n(Ka,{[`${Ka}-${t}`]:t,[`${Ka}-${o}`]:o},e.className),children:e.children})};pt.states=_p;pt.options=zp;pt.className=Ka;pt.defaultOptions=Hr;pt.moduleName=zr;pt.folderName=$i;var Xi=pt;var Ji=require("react/jsx-runtime"),Hp="k-actionsheet-footer",Wi={alignment:"stretched",orientation:"horizontal"},Kt=e=>{let{alignment:t=Wi.alignment,orientation:o=Wi.orientation,template:a,as:r=a?"div":pt,...l}=e;return(0,Ji.jsx)(r,{...l,...!a&&{alignment:t,orientation:o},className:n(e.className,Hp),children:e.children})};var Ur="searchbox",Zi=Ur;var Dt=require("react/jsx-runtime"),Yi="k-searchbox",Up=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Fp={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]},Fr={showIcon:!0,icon:"search"},rt=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:l,hover:d,focus:c,valid:m,invalid:x,required:f,loading:g,disabled:u,showIcon:L=Fr.showIcon,icon:k=Fr.icon,"aria-label":y,...C}=e;return(0,Dt.jsxs)(re,{...C,size:a,rounded:r,fillMode:l,hover:d,focus:c,valid:m,invalid:x,required:f,loading:g,disabled:u,className:n(e.className,Yi),children:[L&&(0,Dt.jsx)(v,{className:"k-input-icon",icon:k}),(0,Dt.jsx)(Je,{placeholder:o,value:t,"aria-label":y}),(0,Dt.jsx)(Ue,{...e}),(0,Dt.jsx)(Be,{...e}),(0,Dt.jsx)(We,{...e})]})};rt.states=Up;rt.options=Fp;rt.className=Yi;rt.defaultOptions=Fr;rt.moduleName=Ur;rt.folderName=Zi;var Gp=require("react/jsx-runtime");var Gr="textbox",Qi=Gr;var Se=require("react/jsx-runtime"),ji="k-textbox",Vp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],$p={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]},Da={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Da.separators,showClearButton:l=Da.showClearButton,showValidationIcon:d=Da.showValidationIcon,prefix:c,suffix:m,type:x,value:f,placeholder:g,hover:u,focus:L,valid:k,invalid:y,required:C,loading:T,disabled:w,readonly:J,id:F,"aria-label":Oe,"aria-describedby":Pe,...we}=e;return(0,Se.jsxs)(re,{...we,size:t,rounded:o,fillMode:a,hover:u,focus:L,valid:k,invalid:y,required:C,loading:T,disabled:w,readonly:J,className:n(e.className,ji),children:[c&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(tt,{children:c}),r&&(0,Se.jsx)(at,{})]}),(0,Se.jsx)(Je,{id:F,placeholder:g,value:f,type:x,disabled:w,"aria-label":Oe,"aria-describedby":Pe,"aria-invalid":y?"true":void 0}),d&&(0,Se.jsx)(Be,{valid:k,invalid:y,loading:T,disabled:w}),(0,Se.jsx)(Ue,{loading:T,disabled:w}),l&&(0,Se.jsx)(We,{loading:T,disabled:w,readonly:J,value:f}),m&&(0,Se.jsxs)(Se.Fragment,{children:[r&&(0,Se.jsx)(at,{}),(0,Se.jsx)(ot,{children:m})]})]})};le.states=Vp;le.options=$p;le.className=ji;le.defaultOptions=Da;le.moduleName=Gr;le.folderName=Qi;le.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 ma=le;var ts=require("react/jsx-runtime"),es=e=>(0,ts.jsx)(ma,{...e});var os=require("react/jsx-runtime");var as=require("react/jsx-runtime");var Xp=require("react/jsx-runtime");var _a=require("react/jsx-runtime"),qp=le.states,Wp=le.defaultOptions,Jp=le.options,Zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Yp=[],fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,_a.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,_a.jsx)(Yt,{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,_a.jsx)(es,{value:"Value",style:{width:300},...o,...a})};fo.options=Jp;fo.states=qp;fo.variants=Yp;fo.defaultOptions=Wp;fo.modifiers=Zp;fo.className=le.className;var Ze=require("react/jsx-runtime"),rs="k-actionsheet-titlebar",Qp={},Re=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:l,input:d,inputValue:c,inputPlaceholder:m,adaptive:x,titleId:f,children:g,...u}=e;return(0,Ze.jsxs)("div",{...u,className:n(e.className,rs),children:[(0,Ze.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ze.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,Ze.jsxs)("div",{className:"k-actionsheet-title",id:f,children:[t&&(0,Ze.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ze.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,Ze.jsx)("div",{className:"k-actionsheet-title",id:f,children:g}),r&&(0,Ze.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(d||l)&&(0,Ze.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Ze.jsx)(le,{value:c,placeholder:m,size:x?"large":"medium","aria-label":t||m||"Input"}):(0,Ze.jsx)(rt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Re.className=rs;Re.defaultOptions=Qp;var bo=require("react/jsx-runtime"),Vr="k-actionsheet-view",jp=[],ec={},tc={},ho=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:l,titleId:d,...c}=e,m=(r==null?void 0:r.type)===Re&&(0,bo.jsx)(Re,{adaptive:t,titleId:d,...r==null?void 0:r.props}),x=(l==null?void 0:l.type)===Kt&&(0,bo.jsx)(Kt,{...l==null?void 0:l.props});return(0,bo.jsxs)("div",{...c,className:n(e.className,Vr,{[`${Vr}-animated`]:o}),children:[m,(0,bo.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};ho.states=jp;ho.options=ec;ho.className=Vr;ho.defaultOptions=tc;var fa="action-sheet",za=fa;var $r="overlay",ns=$r;var ss=require("react/jsx-runtime"),is="k-overlay",oc=[],ac={},rc={},_t=e=>{let{...t}=e;return(0,ss.jsx)("div",{...t,className:n(e.className,is),children:e.children})};_t.states=oc;_t.options=ac;_t.className=is;_t.defaultOptions=rc;_t.moduleName=$r;_t.folderName=ns;var jt=require("react/jsx-runtime"),ls="k-actionsheet",nc=[],ic={},ba={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ee=e=>{let{side:t=ba.side,fullscreen:o=ba.fullscreen,adaptive:a=ba.adaptive,overlay:r=ba.overlay,template:l,children:d,header:c,footer:m,id:x,...f}=e,g=x&&!l&&c?`${x}-title`:void 0;return(0,jt.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,jt.jsx)(_t,{}),(0,jt.jsx)(gt,{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,jt.jsx)("div",{...f,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,ls,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||(0,jt.jsx)(ho,{header:c,footer:m,adaptive:a,titleId:g,...e,children:d})})})]})};ee.states=nc;ee.options=ic;ee.className=ls;ee.defaultOptions=ba;ee.moduleName=fa;ee.folderName=za;ee.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 ps=require("react/jsx-runtime"),ds="k-actionsheet-container",sc=[],lc={},dc={},xo=e=>{let{children:t,...o}=e;return(0,ps.jsx)("div",{...o,className:ds,children:t})};xo.states=sc;xo.options=lc;xo.className=ds;xo.defaultOptions=dc;xo.moduleName=fa;xo.folderName=za;var cs=require("react/jsx-runtime"),Xr=e=>{let{...t}=e;return(0,cs.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var nt=require("react/jsx-runtime"),qr="k-actionsheet-item",pc=[i.hover,i.focus,i.selected,i.disabled],zt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:l,selected:d,disabled:c,...m}=e;return(0,nt.jsxs)("span",{...m,className:n(e.className,qr,S(qr,{hover:r,focus:l,selected:d,disabled:c})),children:[!e.children&&(0,nt.jsx)(nt.Fragment,{children:(0,nt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,nt.jsx)("span",{className:"k-icon-wrap",children:(0,nt.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,nt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,nt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,nt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};zt.states=pc;zt.className=qr;var us=require("react/jsx-runtime");var cc=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var Z=require("react/jsx-runtime"),fc=ee.options,bc=ee.states,fs={...ee.defaultOptions,variant:"normal"},hc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],xc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],go=e=>{let{variant:t,modifiers:o,...a}={...fs,...e},r={},l=(0,Z.jsxs)(Xr,{children:[(0,Z.jsx)(zt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Z.jsx)(zt,{text:"Add to Favorites",iconName:"heart"}),(0,Z.jsx)(zt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Z.jsx)("hr",{className:"k-hr"}),(0,Z.jsx)(zt,{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,Z.jsx)(ee,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,Z.jsx)(Re,{actionsStart:r.actionsStart?(0,Z.jsx)(s,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Z.jsx)(s,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?(0,Z.jsxs)(Kt,{alignment:"stretched",children:[(0,Z.jsx)(s,{text:"Cancel",size:"large",themeColor:"base"}),(0,Z.jsx)(s,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):(0,Z.jsx)(ee,{...a,fullscreen:r.fullScreen,header:(0,Z.jsx)(Re,{actionsStart:r.actionsStart?(0,Z.jsx)(s,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Z.jsx)(s,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,Z.jsxs)(Kt,{alignment:"stretched",children:[(0,Z.jsx)(s,{text:"Apply",themeColor:"primary"}),(0,Z.jsx)(s,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};go.options=fc;go.states=bc;go.variants=hc;go.defaultOptions=fs;go.modifiers=xc;go.className=ee.className;var Ua=bi(require("react"));var Wr=require("react/jsx-runtime"),gc="k-list-group-sticky-header",Jr=e=>(0,Wr.jsx)("div",{className:n(gc,e.className),children:(0,Wr.jsx)("div",{className:"k-list-header-text",children:e.children})});var bs=require("react/jsx-runtime"),kc="k-no-data",Ha=e=>{let{live:t,...o}=e;return(0,bs.jsx)("span",{...o,className:n(kc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var eo="list",ko=eo;var No=require("react/jsx-runtime"),Zr="k-list",Nc=[],vc={size:[p.undefined,p.small,p.medium,p.large]},Lc={},D=e=>{var k;let{size:t,virtualization:o,children:a,header:r,selectAll:l,optionLabel:d,customValue:c,noData:m,screenReaders:x,...f}=e,u=Ua.default.Children.toArray(a)[0],L=(k=u==null?void 0:u.props)!=null&&k.children?Ua.default.Children.count(u.props.children):Ua.default.Children.count(a);return(0,No.jsxs)("div",{...f,className:n(e.className,Zr,A(Zr,{size:t}),{"k-virtual-list":o}),children:[d,l,c,r&&(0,No.jsx)(Jr,{children:r}),a||(m!==void 0?m:(0,No.jsx)(Ha,{live:!0,children:"No data found."})),x&&a&&(0,No.jsxs)(Ha,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};D.states=Nc;D.options=vc;D.className=Zr;D.defaultOptions=Lc;D.moduleName=eo;D.folderName=ko;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var xs=require("react/jsx-runtime"),hs="k-list-container",Mc=[],Sc={},Ic={},vo=e=>{let{...t}=e;return(0,xs.jsx)("div",{...t,className:n(e.className,hs),children:e.children})};vo.states=Mc;vo.options=Sc;vo.className=hs;vo.defaultOptions=Ic;vo.moduleName=eo;vo.folderName=ko;var to="checkbox",Lo=to;var Yr=require("react/jsx-runtime"),Fa="k-checkbox",yc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Cc={size:[p.undefined,p.small,p.medium,p.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Ec={},Fe=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:l,disabled:d,invalid:c,valid:m,required:x,size:f,rounded:g,wrapperRole:u,...L}=e;return(0,Yr.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,Yr.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,Fa,A(Fa,{size:f,rounded:g}),S(Fa,{hover:r,focus:l,disabled:d,invalid:c,valid:m,indeterminate:a,checked:o}))})})};Fe.states=yc;Fe.options=Cc;Fe.className=Fa;Fe.defaultOptions=Ec;Fe.moduleName=to;Fe.folderName=Lo;Fe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ct=Fe;var Ns=require("react/jsx-runtime"),gs="k-checkbox-list",Tc=[],Ac={},ks={layout:"vertical"},Ke=e=>{let{layout:t=ks.layout,...o}=e;return(0,Ns.jsx)("ul",{...o,className:n(e.className,gs,{[`k-list-${t}`]:t}),children:e.children})};Ke.states=Tc;Ke.options=Ac;Ke.className=gs;Ke.defaultOptions=ks;Ke.moduleName=to;Ke.folderName=Lo;var Ls=require("react/jsx-runtime"),vs="k-checkbox-list-item",Oc=[],Pc={},wc={},De=e=>{let{...t}=e;return(0,Ls.jsx)("li",{...t,className:n(e.className,vs),children:e.children})};De.states=Oc;De.options=Pc;De.className=vs;De.defaultOptions=wc;De.moduleName=to;De.folderName=Lo;var oo=require("react/jsx-runtime"),St=({children:e="Label",id:t="cb-label-after",...o})=>(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(ct,{id:t,...o}),(0,oo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Qr=require("react/jsx-runtime");var jr=require("react/jsx-runtime");var en=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var Rc=require("react/jsx-runtime");var Kc=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),Dc=Ke.options,_c=Ke.states,zc={...Ke.defaultOptions,variant:"vertical"},Hc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Uc=[],Mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ie.jsxs)(Ke,{layout:"horizontal",...o,children:[(0,Ie.jsx)(De,{children:(0,Ie.jsx)(St,{id:U("cb"),defaultChecked:!0,children:"Label"})}),(0,Ie.jsx)(De,{children:(0,Ie.jsx)(St,{id:U("cb"),children:"Label"})}),(0,Ie.jsx)(De,{children:(0,Ie.jsx)(St,{id:U("cb"),children:"Label"})})]}):(0,Ie.jsxs)(Ke,{...o,children:[(0,Ie.jsx)(De,{children:(0,Ie.jsx)(St,{id:U("cb"),defaultChecked:!0,children:"Label"})}),(0,Ie.jsx)(De,{children:(0,Ie.jsx)(St,{id:U("cb"),children:"Label"})}),(0,Ie.jsx)(De,{children:(0,Ie.jsx)(St,{id:U("cb"),children:"Label"})})]})};Mo.options=Dc;Mo.states=_c;Mo.variants=Hc;Mo.defaultOptions=zc;Mo.modifiers=Uc;Mo.className=Ke.className;var Ms=require("react/jsx-runtime"),Fc=ct.options,Gc=ct.states,Vc=ct.defaultOptions,$c=[],Xc=[],So=e=>(0,Ms.jsx)(St,{id:U("checkbox"),...e,defaultChecked:!0,children:"Label"});So.options=Fc;So.states=Gc;So.variants=$c;So.defaultOptions=Vc;So.modifiers=Xc;So.className=ct.className;var kt=require("react/jsx-runtime"),tn="k-list-item",qc=[i.hover,i.focus,i.selected,i.disabled],Wc={},Jc={},B=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:l,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,kt.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":tn,S(tn,{hover:m,focus:x,disabled:g,selected:f})),children:[d&&(0,kt.jsx)(Fe,{checked:c}),r&&(0,kt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,kt.jsx)(v,{icon:r,className:n("k-list-item-icon",l)})}),(0,kt.jsx)("span",{className:"k-list-item-text",children:C}),u&&(0,kt.jsx)("div",{className:"k-list-item-actions",children:u}),L&&(0,kt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,kt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=qc;B.options=Wc;B.className=tn;B.defaultOptions=Jc;B.moduleName=eo;B.folderName=ko;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 Ss=require("react/jsx-runtime"),Zc="k-list-ul",It=e=>{let{children:t,role:o,id:a,...r}=e;return(0,Ss.jsx)("ul",{...r,id:a,role:o,className:n(Zc,e.className),children:t})};It.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 Io=require("react/jsx-runtime"),Yc="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:l,...d}=e;return(0,Io.jsxs)("div",{...d,className:n(Yc,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Io.jsx)(It,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,Io.jsx)("div",{className:"k-height-container",children:(0,Io.jsx)("div",{})})]})};G.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 yo=require("react/jsx-runtime"),Ga="k-list-sticky-header",Qc=[i.hover,i.focus,i.selected],jc={},eu={},Va=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:r,hover:l,focus:d,selected:c,...m}=e;return(0,yo.jsx)("div",{...m,className:n(Ga,e.className),children:(0,yo.jsxs)("div",{className:n(`${Ga}-item`,S(`${Ga}-item`,{hover:l,focus:d,selected:c})),children:[o&&(0,yo.jsx)(Fe,{checked:a,indeterminate:r,"aria-label":t}),(0,yo.jsx)("span",{className:"k-list-item-text",children:t})]})})};Va.states=Qc;Va.options=jc;Va.className=Ga;Va.defaultOptions=eu;var on=require("react/jsx-runtime");var Co=require("react/jsx-runtime"),tu="k-list-group-item",ao=e=>{let{groupIconName:t,...o}=e;return(0,Co.jsxs)("li",{...o,role:"presentation",className:n(tu,e.className),children:[t&&(0,Co.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Co.jsx)(v,{icon:t,className:"k-list-item-icon"})}),(0,Co.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ao.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 Is=require("react/jsx-runtime"),an="k-list-optionlabel",ou=[i.hover,i.focus,i.selected,i.disabled],au={},ru={},$a=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...d}=e;return(0,Is.jsx)("div",{...d,className:n(an,S(an,{hover:o,focus:a,selected:r,disabled:l})),children:t})};$a.states=ou;$a.options=au;$a.className=an;$a.defaultOptions=ru;var ys=require("react/jsx-runtime"),rn="k-list-custom-value",nu=[i.hover,i.focus,i.selected,i.disabled],iu={},su={},Ht=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...d}=e;return(0,ys.jsx)("div",{...d,className:n(rn,S(rn,{hover:o,focus:a,selected:r,disabled:l})),children:t})};Ht.states=nu;Ht.options=iu;Ht.className=rn;Ht.defaultOptions=su;var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var lu=require("react/jsx-runtime");var pn=require("react/jsx-runtime");var cn="combobox",Cs=cn;var z=require("react/jsx-runtime"),Es="k-combobox",du=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],pu={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]},Ts={separators:!0},q=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ts.separators,prefix:l,suffix:d,value:c,placeholder:m,hover:x,focus:f,valid:g,invalid:u,required:L,loading:k,disabled:y,popup:C,opened:T,readonly:w,adaptive:J,adaptiveSettings:F,adaptiveTitle:Oe,adaptiveSubtitle:Pe,adaptiveCustomValue:we,id:Jt,autocomplete:cr,activeDescendant:Bt,"aria-label":Ca,...ur}=e,mr=Jt?`${Jt}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(re,{...ur,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,Es),children:[l&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(tt,{children:l}),r&&(0,z.jsx)(at,{})]}),(0,z.jsx)(Je,{id:Jt,placeholder:m,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?mr:void 0,"aria-activedescendant":T&&Bt?Bt:void 0,"aria-autocomplete":cr,"aria-invalid":u?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Ca,disabled:y,readOnly:w}),(0,z.jsx)(Be,{valid:g,invalid:u,loading:k,disabled:y}),(0,z.jsx)(Ue,{loading:k,disabled:y}),(0,z.jsx)(We,{loading:k,disabled:y,readonly:w,value:c}),d&&(0,z.jsxs)(z.Fragment,{children:[r&&(0,z.jsx)(at,{}),(0,z.jsx)(ot,{children:d})]}),(0,z.jsx)(s,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),T&&C&&(0,z.jsx)(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),J&&(0,z.jsx)(ee,{adaptive:!0,id:Jt?`${Jt}-adaptive`:void 0,...F,header:(0,z.jsx)(Re,{actionsEnd:(0,z.jsx)(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:m,title:Oe,subtitle:Pe}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(D,{customValue:we?(0,z.jsx)(Ht,{text:`Use "${c}"`}):void 0,size:"large",children:(0,z.jsxs)(G,{"aria-label":Oe||"Options",children:[(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"})]})})})})]})};q.states=du;q.options=pu;q.className=Es;q.defaultOptions=Ts;q.moduleName=cn;q.folderName=Cs;q.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 Ye=q;var Os=require("react/jsx-runtime"),As=e=>(0,Os.jsx)(Ye,{...e});var Ps=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var Rs=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Ds=require("react/jsx-runtime");var un=require("react/jsx-runtime");var cu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var zs=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),mu=q.states,fu=q.defaultOptions,bu=q.options,hu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],xu=[],Eo=e=>{let{modifiers:t,...o}=e,a={},r=(0,ut.jsx)(D,{style:{width:300},size:o.size,children:(0,ut.jsxs)(G,{children:[(0,ut.jsx)(B,{children:"List item"}),(0,ut.jsx)(B,{children:"List item"}),(0,ut.jsx)(B,{children:"List item"})]})});return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,ut.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,ut.jsx)(Rt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[l]),a.popup=t!=null&&t[l]?r:void 0;break;default:break}}),(0,ut.jsx)("div",{children:(0,ut.jsx)(As,{value:"Value",style:{width:300},...o,...a})})};Eo.options=bu;Eo.states=mu;Eo.variants=xu;Eo.defaultOptions=fu;Eo.modifiers=hu;Eo.className=q.className;var mn="dropzone",Hs=mn;var ro=require("react/jsx-runtime"),fn="k-external-dropzone",gu=[i.disabled,i.hover],ku={},bn={icon:"upload",hint:"Drag and drop files here to upload"},Ge=e=>{let{hover:t,disabled:o,icon:a=bn.icon,hint:r=bn.hint,note:l,...d}=e;return(0,ro.jsx)("div",{...d,className:n(e.className,fn,S(fn,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,ro.jsxs)("div",{className:"k-dropzone-inner",children:[a&&(0,ro.jsx)(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&(0,ro.jsx)("span",{className:"k-dropzone-hint",children:r}),l&&(0,ro.jsx)("span",{className:"k-dropzone-note",children:l})]})})};Ge.states=gu;Ge.options=ku;Ge.className=fn;Ge.defaultOptions=bn;Ge.moduleName=mn;Ge.folderName=Hs;var Us=require("react/jsx-runtime"),Xa=e=>(0,Us.jsx)(Ge,{...e});var Nu=require("react/jsx-runtime");var Fs=require("react/jsx-runtime"),vu=Ge.options,Lu=Ge.states,Mu=Ge.defaultOptions,Su=[{name:"note",title:"Note"}],Iu=[],To=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,Fs.jsx)(Xa,{style:{width:"500px"},...o,...a})};To.options=vu;To.states=Lu;To.variants=Iu;To.defaultOptions=Mu;To.modifiers=Su;To.className=Ge.className;var hn="menu-button",Gs=hn;var $s=require("react/jsx-runtime"),Vs="k-menu-button",yu=[i.hover,i.focus,i.active,i.selected,i.disabled