@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 149 kB
JavaScript
var Ed=Object.create;var ya=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)ya(e,o,{get:t[o],enumerable:!0})},mi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ad(t))!Pd.call(e,r)&&r!==o&&ya(e,r,{get:()=>t[r],enumerable:!(a=Td(t,r))||a.enumerable});return e};var fi=(e,t,o)=>(o=e!=null?Ed(Od(e)):{},mi(t||!e||!e.__esModule?ya(o,"default",{value:e,enumerable:!0}):o,e)),Bd=e=>mi(ya({},"__esModule",{value:!0}),e);var Bb={};wd(Bb,{PdfViewerDemo:()=>Wt,default:()=>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: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 bi(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"},bt={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 mr={};function U(e){return mr[e]=(mr[e]||0)+1,`k-${e}-${mr[e]}`}var ea=require("react/jsx-runtime"),fr="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={},ta=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?(0,ea.jsx)("span",{...d,className:n(e.className,fr,A(fr,{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,ea.jsx)(ea.Fragment,{})};ta.states=Rd;ta.options=Kd;ta.className=fr;ta.defaultOptions=Dd;var hi=ta;var Zt=require("react/jsx-runtime"),br="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:[bt.outline,bt.solid,bt.duotone]},hr={viewBox:"0 0 24 24",variant:bt.outline},oa=e=>{var g,u;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=hr.viewBox,variant:d=hr.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,br,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,br,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:s,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};oa.states=_d;oa.options=zd;oa.className=br;oa.defaultOptions=hr;var xr=oa;var gr=fi(require("@progress/kendo-svg-icons"));var xi="icon",gi="icons";var vi=require("react");var ki=require("react"),Ni=(0,ki.createContext)({iconsType:"svg"});var Lt=require("react/jsx-runtime"),Ca="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:[bt.outline,bt.solid,bt.duotone]},Ea={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},v=e=>{let{iconsType:t}=(0,vi.useContext)(Ni),{size:o,themeColor:a,icon:r,type:s=t||Ea.type,rotate:d,flip:c,viewBox:m=Ea.viewBox,variant:x=Ea.variant,...f}=e;if(!r)return(0,Lt.jsx)(Lt.Fragment,{});if((t||s)==="svg"){if(r==="none")return(0,Lt.jsx)(xr,{...f,className:n(e.className,Ca),icon:r,size:o,variant:x});let u=gr[r]?r:Hd(`${r}-icon`);return gr[u]?(0,Lt.jsx)(xr,{...f,className:n(e.className,Ca),icon:gr[u],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:x}):(0,Lt.jsx)(Lt.Fragment,{})}return(0,Lt.jsx)(hi,{...f,className:n(e.className,Ca),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=Ud;v.options=Fd;v.defaultOptions=Ea;v.className=Ca;v.moduleName=xi;v.folderName=gi;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 kr="button",Li=kr;var Xe=require("react/jsx-runtime"),aa="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]},Nr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=Nr.showArrow,arrowIconName:c=Nr.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:F,...Ae}=e,Oe=C!=null,Pe=e.children!==void 0;return(0,Xe.jsxs)(t,{className:n(F,aa,bi(aa,m),A(aa,{size:o,rounded:a,fillMode:r,themeColor:s}),S(aa,{hover:x,focus:f,active:g,disabled:L||y,selected:u}),{"k-icon-button":!w&&!Pe&&Oe}),"aria-pressed":k?u?"true":"false":void 0,...Ae,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,Xe.jsx)(v,{className:n(q,"k-button-icon"),icon:C,size:E}),C&&typeof C!="string"&&(0,Xe.jsx)(Xe.Fragment,{children:C}),w?(0,Xe.jsxs)(Xe.Fragment,{children:[w&&(0,Xe.jsx)("span",{className:"k-button-text",children:w}),e.children]}):e.children&&(0,Xe.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Xe.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Xe.jsx)(v,{icon:c})})]})};l.states=Vd;l.options=$d;l.variants=Gd;l.className=aa;l.defaultOptions=Nr;l.moduleName=kr;l.folderName=Li;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 Mi=require("react/jsx-runtime"),Bt=e=>(0,Mi.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Si=require("react/jsx-runtime"),ra=e=>(0,Si.jsx)(l,{icon:"folder",children:"Button",...e});var Ii=require("react/jsx-runtime"),Yt=e=>(0,Ii.jsx)(l,{children:"Button",...e});var Ta=require("react/jsx-runtime"),Xd=l.options,qd=l.states,Wd={...l.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,Ta.jsx)(Bt,{...o,icon:"star"});case"icon-and-text":return(0,Ta.jsx)(ra,{...o,icon:"star",children:"Button"});default:return(0,Ta.jsx)(Yt,{...o,children:"Button"})}};po.options=Xd;po.states=qd;po.variants=Jd;po.defaultOptions=Wd;po.modifiers=Zd;po.className=l.className;var vr="button",yi=vr;var Ci=require("react/jsx-runtime"),na="k-button-group",Yd=[i.disabled],Qd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},jd={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Ci.jsx)("div",{role:"group",...r,className:n(e.className,na,A(na,{fillMode:t}),S(na,{disabled:o}),{[`${na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Yd;T.options=Qd;T.className=na;T.defaultOptions=jd;T.moduleName=vr;T.folderName=yi;T.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 Lr=require("react/jsx-runtime");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 ze=require("react/jsx-runtime"),ep={...l.options,...T.options},tp=l.states,op={...l.defaultOptions,...T.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,ze.jsxs)(T,{fillMode:a.fillMode,className:o,children:[(0,ze.jsx)(l,{...a,icon:"star"}),(0,ze.jsx)(l,{...a,icon:"star"}),(0,ze.jsx)(l,{...a,icon:"star"})]}):t==="icon-text-button"?(0,ze.jsxs)(T,{fillMode:a.fillMode,className:o,children:[(0,ze.jsx)(l,{...a,icon:"star",children:"First"}),(0,ze.jsx)(l,{...a,icon:"star",children:"Middle"}),(0,ze.jsx)(l,{...a,icon:"star",children:"Last"})]}):(0,ze.jsxs)(T,{fillMode:a.fillMode,className:o,children:[(0,ze.jsx)(l,{...a,children:"First"}),(0,ze.jsx)(l,{...a,children:"Middle"}),(0,ze.jsx)(l,{...a,children:"Last"})]})};co.options=ep;co.states=tp;co.variants=ap;co.defaultOptions=op;co.modifiers=rp;co.className=T.className;var ia="input",Aa=ia;var Ei=require("react/jsx-runtime"),Oa="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:s,loading:d,readonly:c,size:m,rounded:x,fillMode:f,...g}=e;return(0,Ei.jsx)("span",{...g,className:n(e.className,Oa,A(Oa,{size:m,rounded:x,fillMode:f}),S(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c}))})};re.states=np;re.options=ip;re.className=Oa;re.defaultOptions=sp;re.moduleName=ia;re.folderName=Aa;var Ti=require("react/jsx-runtime"),Pa="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={},ht=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,Ti.jsx)("span",{...g,className:n(e.className,Pa,A(Pa,{size:m,rounded:x,fillMode:f}),S(Pa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c})),children:e.children})};ht.states=lp;ht.options=dp;ht.className=Pa;ht.defaultOptions=pp;ht.moduleName=ia;ht.folderName=Aa;var uo=require("react/jsx-runtime"),Ai="k-clear-value",cp=[i.disabled,i.loading,i.readonly],up={},qe=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,Ai),children:(0,uo.jsx)(v,{icon:"x"})})};qe.states=cp;qe.options=up;qe.className=Ai;var Oi=require("react/jsx-runtime"),Er="k-input-inner",mp=[],fp={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},We=e=>{let{value:t=wa.value,type:o=wa.type,placeholder:a=wa.placeholder,autocomplete:r=wa.autocomplete,disabled:s,readOnly:d,...c}=e;return(0,Oi.jsx)("input",{...c,type:o,className:n(e.className,Er,A(Er,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};We.states=mp;We.options=fp;We.className=Er;var sa=require("react/jsx-runtime"),Tr="k-input-inner",bp=[],hp={},Qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return(0,sa.jsxs)("span",{...d,className:n(e.className,Tr,A(Tr,e)),children:[r,!r&&s&&(0,sa.jsx)(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,sa.jsx)("span",{className:"k-input-value-text",children:t})]})};Qt.states=bp;Qt.options=hp;Qt.className=Tr;var wi=require("react/jsx-runtime"),Ar="k-input-inner",xp=[],gp={},Pi={value:"",placeholder:""},Or=e=>{let{value:t=Pi.value,placeholder:o=Pi.placeholder,rows:a,disabled:r,...s}=e;return(0,wi.jsx)("textarea",{...s,className:n(e.className,Ar,A(Ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};Or.states=xp;Or.options=gp;Or.className=Ar;var la=require("react/jsx-runtime"),Bi="k-input-loading-icon",kp=[i.disabled,i.loading],He=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,la.jsx)(la.Fragment,{}):(0,la.jsx)("span",{className:n(e.className,Bi,"k-icon k-i-loading")})};He.states=kp;He.className=Bi;var da=require("react/jsx-runtime"),Ri="k-input-validation-icon",Np=[i.valid,i.invalid,i.disabled,i.loading],vp={},we=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,da.jsx)(da.Fragment,{}):(0,da.jsx)(v,{className:n(Ri),icon:s})};we.states=Np;we.options=vp;we.className=Ri;var pa=require("react/jsx-runtime"),Lp="k-input-prefix",Mp={direction:"horizontal"},et=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:n(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var ca=require("react/jsx-runtime"),Sp="k-input-suffix",Ip={direction:"horizontal"},tt=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?(0,ca.jsx)("span",{...o,className:n(Sp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ca.jsx)(ca.Fragment,{})};var yp=require("react/jsx-runtime");var Ki=require("react/jsx-runtime"),Cp="k-input-suffix-text",Pr=e=>{let{children:t,...o}=e;return(0,Ki.jsx)("span",{...o,className:n(Cp,e.className),children:t})};var _i=require("react/jsx-runtime"),Di="k-input-separator",Ep={direction:"vertical"},ot=e=>{let{direction:t=Ep.direction,...o}=e;return(0,_i.jsx)("span",{...o,className:n(Di,e.className,{[`${Di}-${t}`]:t})})};var ue=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: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,ue.jsxs)(re,{...c,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[m&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(et,{children:(0,ue.jsx)(v,{icon:"lock"})}),u&&(0,ue.jsx)(ot,{})]}),(0,ue.jsx)(We,{placeholder:"Placeholder",value:"Value"}),g&&(0,ue.jsx)(we,{valid:o,invalid:a,loading:r,disabled:s}),(0,ue.jsx)(He,{loading:r,disabled:s}),f&&(0,ue.jsx)(qe,{loading:r,disabled:s,readonly:d,value:"Value"}),x&&(0,ue.jsxs)(ue.Fragment,{children:[u&&(0,ue.jsx)(ot,{}),(0,ue.jsx)(tt,{children:(0,ue.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 wr="popup",zi=wr;var Rr=require("react/jsx-runtime"),Hi="k-animation-container",Bp=[],Rp={},Br={positionMode:"absolute",shown:!0},xt=e=>{let{positionMode:t=Br.positionMode,shown:o=Br.shown,animationStyle:a,offset:r,...s}=e;return(0,Rr.jsx)("div",{...s,style:{...r,...e.style},className:n(e.className,Hi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Rr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};xt.states=Bp;xt.options=Rp;xt.className=Hi;xt.defaultOptions=Br;xt.moduleName=wr;xt.folderName=zi;var Kr="popup",Ui=Kr;var Dr=require("react/jsx-runtime"),Fi="k-popup",Kp=[],Dp={},Gi={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Gi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...c}=e;return(0,Dr.jsx)(xt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:(0,Dr.jsx)("div",{...c,className:n(e.className,Fi),children:e.children})})};X.states=Kp;X.options=Dp;X.className=Fi;X.defaultOptions=Gi;X.moduleName=Kr;X.folderName=Ui;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 _r="action-buttons",Vi=_r;var Xi=require("react/jsx-runtime"),Ba="k-actions",_p=[],zp={},zr={alignment:"start",orientation:"horizontal"},dt=e=>{let{alignment:t=zr.alignment,orientation:o=zr.orientation,...a}=e;return(0,Xi.jsx)("div",{...a,className:n(Ba,{[`${Ba}-${t}`]:t,[`${Ba}-${o}`]:o},e.className),children:e.children})};dt.states=_p;dt.options=zp;dt.className=Ba;dt.defaultOptions=zr;dt.moduleName=_r;dt.folderName=Vi;var $i=dt;var Wi=require("react/jsx-runtime"),Hp="k-actionsheet-footer",qi={alignment:"stretched",orientation:"horizontal"},Rt=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,template:a,as:r=a?"div":dt,...s}=e;return(0,Wi.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Hp),children:e.children})};var Hr="searchbox",Ji=Hr;var Kt=require("react/jsx-runtime"),Zi="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]},Ur={showIcon:!0,icon:"search"},at=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=Ur.showIcon,icon:k=Ur.icon,"aria-label":y,...C}=e;return(0,Kt.jsxs)(re,{...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,Zi),children:[L&&(0,Kt.jsx)(v,{className:"k-input-icon",icon:k}),(0,Kt.jsx)(We,{placeholder:o,value:t,"aria-label":y}),(0,Kt.jsx)(He,{...e}),(0,Kt.jsx)(we,{...e}),(0,Kt.jsx)(qe,{...e})]})};at.states=Up;at.options=Fp;at.className=Zi;at.defaultOptions=Ur;at.moduleName=Hr;at.folderName=Ji;var Gp=require("react/jsx-runtime");var Fr="textbox",Yi=Fr;var Me=require("react/jsx-runtime"),Qi="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]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:d=Ra.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:F,"aria-label":Ae,"aria-describedby":Oe,...Pe}=e;return(0,Me.jsxs)(re,{...Pe,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,Qi),children:[c&&(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(et,{children:c}),r&&(0,Me.jsx)(ot,{})]}),(0,Me.jsx)(We,{id:F,placeholder:g,value:f,type:x,disabled:w,"aria-label":Ae,"aria-describedby":Oe,"aria-invalid":y?"true":void 0}),d&&(0,Me.jsx)(we,{valid:k,invalid:y,loading:E,disabled:w}),(0,Me.jsx)(He,{loading:E,disabled:w}),s&&(0,Me.jsx)(qe,{loading:E,disabled:w,readonly:q,value:f}),m&&(0,Me.jsxs)(Me.Fragment,{children:[r&&(0,Me.jsx)(ot,{}),(0,Me.jsx)(tt,{children:m})]})]})};le.states=Vp;le.options=$p;le.className=Qi;le.defaultOptions=Ra;le.moduleName=Fr;le.folderName=Yi;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 ua=le;var es=require("react/jsx-runtime"),ji=e=>(0,es.jsx)(ua,{...e});var ts=require("react/jsx-runtime");var os=require("react/jsx-runtime");var Xp=require("react/jsx-runtime");var Ka=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,Ka.jsx)(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Ka.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,Ka.jsx)(ji,{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 Je=require("react/jsx-runtime"),as="k-actionsheet-titlebar",Qp={},Be=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,Je.jsxs)("div",{...u,className:n(e.className,as),children:[(0,Je.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Je.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,Je.jsxs)("div",{className:"k-actionsheet-title",id:f,children:[t&&(0,Je.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Je.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,Je.jsx)("div",{className:"k-actionsheet-title",id:f,children:g}),r&&(0,Je.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&(0,Je.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,Je.jsx)(le,{value:c,placeholder:m,size:x?"large":"medium","aria-label":t||m||"Input"}):(0,Je.jsx)(at,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Be.className=as;Be.defaultOptions=Qp;var bo=require("react/jsx-runtime"),Gr="k-actionsheet-view",jp=[],ec={},tc={},ho=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...c}=e,m=(r==null?void 0:r.type)===Be&&(0,bo.jsx)(Be,{adaptive:t,titleId:d,...r==null?void 0:r.props}),x=(s==null?void 0:s.type)===Rt&&(0,bo.jsx)(Rt,{...s==null?void 0:s.props});return(0,bo.jsxs)("div",{...c,className:n(e.className,Gr,{[`${Gr}-animated`]:o}),children:[m,(0,bo.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};ho.states=jp;ho.options=ec;ho.className=Gr;ho.defaultOptions=tc;var ma="action-sheet",Da=ma;var Vr="overlay",rs=Vr;var is=require("react/jsx-runtime"),ns="k-overlay",oc=[],ac={},rc={},Dt=e=>{let{...t}=e;return(0,is.jsx)("div",{...t,className:n(e.className,ns),children:e.children})};Dt.states=oc;Dt.options=ac;Dt.className=ns;Dt.defaultOptions=rc;Dt.moduleName=Vr;Dt.folderName=rs;var jt=require("react/jsx-runtime"),ss="k-actionsheet",nc=[],ic={},fa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ee=e=>{let{side:t=fa.side,fullscreen:o=fa.fullscreen,adaptive:a=fa.adaptive,overlay:r=fa.overlay,template:s,children:d,header:c,footer:m,id:x,...f}=e,g=x&&!s&&c?`${x}-title`:void 0;return(0,jt.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,jt.jsx)(Dt,{}),(0,jt.jsx)(xt,{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,ss,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,jt.jsx)(ho,{header:c,footer:m,adaptive:a,titleId:g,...e,children:d})})})]})};ee.states=nc;ee.options=ic;ee.className=ss;ee.defaultOptions=fa;ee.moduleName=ma;ee.folderName=Da;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 ds=require("react/jsx-runtime"),ls="k-actionsheet-container",sc=[],lc={},dc={},xo=e=>{let{children:t,...o}=e;return(0,ds.jsx)("div",{...o,className:ls,children:t})};xo.states=sc;xo.options=lc;xo.className=ls;xo.defaultOptions=dc;xo.moduleName=ma;xo.folderName=Da;var ps=require("react/jsx-runtime"),$r=e=>{let{...t}=e;return(0,ps.jsx)("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};var rt=require("react/jsx-runtime"),Xr="k-actionsheet-item",pc=[i.hover,i.focus,i.selected,i.disabled],_t=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:c,...m}=e;return(0,rt.jsxs)("span",{...m,className:n(e.className,Xr,S(Xr,{hover:r,focus:s,selected:d,disabled:c})),children:[!e.children&&(0,rt.jsx)(rt.Fragment,{children:(0,rt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,rt.jsx)("span",{className:"k-icon-wrap",children:(0,rt.jsx)(v,{className:"k-actionsheet-item-icon",icon:t})}),(0,rt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,rt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,rt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=pc;_t.className=Xr;var cs=require("react/jsx-runtime");var cc=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var W=require("react/jsx-runtime"),fc=ee.options,bc=ee.states,ms={...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}={...ms,...e},r={},s=(0,W.jsxs)($r,{children:[(0,W.jsx)(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,W.jsx)(_t,{text:"Add to Favorites",iconName:"heart"}),(0,W.jsx)(_t,{text:"Upload New",iconName:"upload",disabled:!0}),(0,W.jsx)("hr",{className:"k-hr"}),(0,W.jsx)(_t,{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,W.jsx)(ee,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,W.jsx)(Be,{actionsStart:r.actionsStart?(0,W.jsx)(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,W.jsx)(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?(0,W.jsxs)(Rt,{alignment:"stretched",children:[(0,W.jsx)(l,{text:"Cancel",size:"large",themeColor:"base"}),(0,W.jsx)(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,W.jsx)(ee,{...a,fullscreen:r.fullScreen,header:(0,W.jsx)(Be,{actionsStart:r.actionsStart?(0,W.jsx)(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,W.jsx)(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,W.jsxs)(Rt,{alignment:"stretched",children:[(0,W.jsx)(l,{text:"Apply",themeColor:"primary"}),(0,W.jsx)(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};go.options=fc;go.states=bc;go.variants=hc;go.defaultOptions=ms;go.modifiers=xc;go.className=ee.className;var za=fi(require("react"));var qr=require("react/jsx-runtime"),gc="k-list-group-sticky-header",Wr=e=>(0,qr.jsx)("div",{className:n(gc,e.className),children:(0,qr.jsx)("div",{className:"k-list-header-text",children:e.children})});var fs=require("react/jsx-runtime"),kc="k-no-data",_a=e=>{let{live:t,...o}=e;return(0,fs.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"),Jr="k-list",Nc=[],vc={size:[p.undefined,p.small,p.medium,p.large]},Lc={},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=za.default.Children.toArray(a)[0],L=(k=u==null?void 0:u.props)!=null&&k.children?za.default.Children.count(u.props.children):za.default.Children.count(a);return(0,No.jsxs)("div",{...f,className:n(e.className,Jr,A(Jr,{size:t}),{"k-virtual-list":o}),children:[d,s,c,r&&(0,No.jsx)(Wr,{children:r}),a||(m!==void 0?m:(0,No.jsx)(_a,{live:!0,children:"No data found."})),x&&a&&(0,No.jsxs)(_a,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};K.states=Nc;K.options=vc;K.className=Jr;K.defaultOptions=Lc;K.moduleName=eo;K.folderName=ko;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 hs=require("react/jsx-runtime"),bs="k-list-container",Mc=[],Sc={},Ic={},vo=e=>{let{...t}=e;return(0,hs.jsx)("div",{...t,className:n(e.className,bs),children:e.children})};vo.states=Mc;vo.options=Sc;vo.className=bs;vo.defaultOptions=Ic;vo.moduleName=eo;vo.folderName=ko;var to="checkbox",Lo=to;var Zr=require("react/jsx-runtime"),Ha="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={},Ue=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,Zr.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,Zr.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,Ha,A(Ha,{size:f,rounded:g}),S(Ha,{hover:r,focus:s,disabled:d,invalid:c,valid:m,indeterminate:a,checked:o}))})})};Ue.states=yc;Ue.options=Cc;Ue.className=Ha;Ue.defaultOptions=Ec;Ue.moduleName=to;Ue.folderName=Lo;Ue.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 pt=Ue;var ks=require("react/jsx-runtime"),xs="k-checkbox-list",Tc=[],Ac={},gs={layout:"vertical"},Re=e=>{let{layout:t=gs.layout,...o}=e;return(0,ks.jsx)("ul",{...o,className:n(e.className,xs,{[`k-list-${t}`]:t}),children:e.children})};Re.states=Tc;Re.options=Ac;Re.className=xs;Re.defaultOptions=gs;Re.moduleName=to;Re.folderName=Lo;var vs=require("react/jsx-runtime"),Ns="k-checkbox-list-item",Oc=[],Pc={},wc={},Ke=e=>{let{...t}=e;return(0,vs.jsx)("li",{...t,className:n(e.className,Ns),children:e.children})};Ke.states=Oc;Ke.options=Pc;Ke.className=Ns;Ke.defaultOptions=wc;Ke.moduleName=to;Ke.folderName=Lo;var oo=require("react/jsx-runtime"),Mt=({children:e="Label",id:t="cb-label-after",...o})=>(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(pt,{id:t,...o}),(0,oo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Yr=require("react/jsx-runtime");var Qr=require("react/jsx-runtime");var jr=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var Rc=require("react/jsx-runtime");var Kc=require("react/jsx-runtime");var Se=require("react/jsx-runtime"),Dc=Re.options,_c=Re.states,zc={...Re.defaultOptions,variant:"vertical"},Hc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Uc=[],Mo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Se.jsxs)(Re,{layout:"horizontal",...o,children:[(0,Se.jsx)(Ke,{children:(0,Se.jsx)(Mt,{id:U("cb"),defaultChecked:!0,children:"Label"})}),(0,Se.jsx)(Ke,{children:(0,Se.jsx)(Mt,{id:U("cb"),children:"Label"})}),(0,Se.jsx)(Ke,{children:(0,Se.jsx)(Mt,{id:U("cb"),children:"Label"})})]}):(0,Se.jsxs)(Re,{...o,children:[(0,Se.jsx)(Ke,{children:(0,Se.jsx)(Mt,{id:U("cb"),defaultChecked:!0,children:"Label"})}),(0,Se.jsx)(Ke,{children:(0,Se.jsx)(Mt,{id:U("cb"),children:"Label"})}),(0,Se.jsx)(Ke,{children:(0,Se.jsx)(Mt,{id:U("cb"),children:"Label"})})]})};Mo.options=Dc;Mo.states=_c;Mo.variants=Hc;Mo.defaultOptions=zc;Mo.modifiers=Uc;Mo.className=Re.className;var Ls=require("react/jsx-runtime"),Fc=pt.options,Gc=pt.states,Vc=pt.defaultOptions,$c=[],Xc=[],So=e=>(0,Ls.jsx)(Mt,{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=pt.className;var gt=require("react/jsx-runtime"),en="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: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,gt.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":en,S(en,{hover:m,focus:x,disabled:g,selected:f})),children:[d&&(0,gt.jsx)(Ue,{checked:c}),r&&(0,gt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,gt.jsx)(v,{icon:r,className:n("k-list-item-icon",s)})}),(0,gt.jsx)("span",{className:"k-list-item-text",children:C}),u&&(0,gt.jsx)("div",{className:"k-list-item-actions",children:u}),L&&(0,gt.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,gt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=qc;B.options=Wc;B.className=en;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 Ms=require("react/jsx-runtime"),Zc="k-list-ul",St=e=>{let{children:t,role:o,id:a,...r}=e;return(0,Ms.jsx)("ul",{...r,id:a,role:o,className:n(Zc,e.className),children:t})};St.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:s,...d}=e;return(0,Io.jsxs)("div",{...d,className:n(Yc,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,Io.jsx)(St,{role:"listbox",id:s,"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"),Ua="k-list-sticky-header",Qc=[i.hover,i.focus,i.selected],jc={},eu={},Fa=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:r,hover:s,focus:d,selected:c,...m}=e;return(0,yo.jsx)("div",{...m,className:n(Ua,e.className),children:(0,yo.jsxs)("div",{className:n(`${Ua}-item`,S(`${Ua}-item`,{hover:s,focus:d,selected:c})),children:[o&&(0,yo.jsx)(Ue,{checked:a,indeterminate:r,"aria-label":t}),(0,yo.jsx)("span",{className:"k-list-item-text",children:t})]})})};Fa.states=Qc;Fa.options=jc;Fa.className=Ua;Fa.defaultOptions=eu;var tn=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 Ss=require("react/jsx-runtime"),on="k-list-optionlabel",ou=[i.hover,i.focus,i.selected,i.disabled],au={},ru={},Ga=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,Ss.jsx)("div",{...d,className:n(on,S(on,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ga.states=ou;Ga.options=au;Ga.className=on;Ga.defaultOptions=ru;var Is=require("react/jsx-runtime"),an="k-list-custom-value",nu=[i.hover,i.focus,i.selected,i.disabled],iu={},su={},zt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return(0,Is.jsx)("div",{...d,className:n(an,S(an,{hover:o,focus:a,selected:r,disabled:s})),children:t})};zt.states=nu;zt.options=iu;zt.className=an;zt.defaultOptions=su;var rn=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var lu=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var pn="combobox",ys=pn;var _=require("react/jsx-runtime"),Cs="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]},Es={separators:!0},J=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Es.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:F,adaptiveTitle:Ae,adaptiveSubtitle:Oe,adaptiveCustomValue:Pe,id:Jt,autocomplete:pr,activeDescendant:wt,"aria-label":Ia,...cr}=e,ur=Jt?`${Jt}-listbox`:void 0;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(re,{...cr,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,Cs),children:[s&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(et,{children:s}),r&&(0,_.jsx)(ot,{})]}),(0,_.jsx)(We,{id:Jt,placeholder:m,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?ur:void 0,"aria-activedescendant":E&&wt?wt:void 0,"aria-autocomplete":pr,"aria-invalid":u?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Ia,disabled:y,readOnly:w}),(0,_.jsx)(we,{valid:g,invalid:u,loading:k,disabled:y}),(0,_.jsx)(He,{loading:k,disabled:y}),(0,_.jsx)(qe,{loading:k,disabled:y,readonly:w,value:c}),d&&(0,_.jsxs)(_.Fragment,{children:[r&&(0,_.jsx)(ot,{}),(0,_.jsx)(tt,{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)(ee,{adaptive:!0,id:Jt?`${Jt}-adaptive`:void 0,...F,header:(0,_.jsx)(Be,{actionsEnd:(0,_.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:m,title:Ae,subtitle:Oe}),children:(0,_.jsx)("div",{className:"k-list-container",children:(0,_.jsx)(K,{customValue:Pe?(0,_.jsx)(zt,{text:`Use "${c}"`}):void 0,size:"large",children:(0,_.jsxs)(G,{"aria-label":Ae||"Options",children:[(0,_.jsx)(B,{text:"List item"}),(0,_.jsx)(B,{text:"List item"}),(0,_.jsx)(B,{text:"List item"})]})})})})]})};J.states=du;J.options=pu;J.className=Cs;J.defaultOptions=Es;J.moduleName=pn;J.folderName=ys;J.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 Ze=J;var As=require("react/jsx-runtime"),Ts=e=>(0,As.jsx)(Ze,{...e});var Os=require("react/jsx-runtime");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 cn=require("react/jsx-runtime");var cu=require("react/jsx-runtime");var uu=require("react/jsx-runtime");var Ds=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var ct=require("react/jsx-runtime"),mu=J.states,fu=J.defaultOptions,bu=J.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,ct.jsx)(K,{style:{width:300},size:o.size,children:(0,ct.jsxs)(G,{children:[(0,ct.jsx)(B,{children:"List item"}),(0,ct.jsx)(B,{children:"List item"}),(0,ct.jsx)(B,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,ct.jsx)(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,ct.jsx)(Bt,{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,ct.jsx)("div",{children:(0,ct.jsx)(Ts,{value:"Value",style:{width:300},...o,...a})})};Eo.options=bu;Eo.states=mu;Eo.variants=xu;Eo.defaultOptions=fu;Eo.modifiers=hu;Eo.className=J.className;var un="dropzone",zs=un;var ro=require("react/jsx-runtime"),mn="k-external-dropzone",gu=[i.disabled,i.hover],ku={},fn={icon:"upload",hint:"Drag and drop files here to upload"},Fe=e=>{let{hover:t,disabled:o,icon:a=fn.icon,hint:r=fn.hint,note:s,...d}=e;return(0,ro.jsx)("div",{...d,className:n(e.className,mn,S(mn,{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}),s&&(0,ro.jsx)("span",{className:"k-dropzone-note",children:s})]})})};Fe.states=gu;Fe.options=ku;Fe.className=mn;Fe.defaultOptions=fn;Fe.moduleName=un;Fe.folderName=zs;var Hs=require("react/jsx-runtime"),Va=e=>(0,Hs.jsx)(Fe,{...e});var Nu=require("react/jsx-runtime");var Us=require("react/jsx-runtime"),vu=Fe.options,Lu=Fe.states,Mu=Fe.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,Us.jsx)(Va,{style:{width:"500px"},...o,...a})};To.options=vu;To.states=Lu;To.variants=Iu;To.defaultOptions=Mu;To.modifiers=Su;To.className=Fe.className;var bn="menu-button",Fs=bn;var Vs=require("react/jsx-runtime"),Gs="k-menu-button",yu=[i.hover,i.focus,i.active,i.selec