@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 76.5 kB
JavaScript
var Qn=Object.create;var Yt=Object.defineProperty;var Yn=Object.getOwnPropertyDescriptor;var jn=Object.getOwnPropertyNames;var er=Object.getPrototypeOf,tr=Object.prototype.hasOwnProperty;var or=(e,t)=>{for(var o in t)Yt(e,o,{get:t[o],enumerable:!0})},Za=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of jn(t))!tr.call(e,i)&&i!==o&&Yt(e,i,{get:()=>t[i],enumerable:!(n=Yn(t,i))||n.enumerable});return e};var ar=(e,t,o)=>(o=e!=null?Qn(er(e)):{},Za(t||!e||!e.__esModule?Yt(o,"default",{value:e,enumerable:!0}):o,e)),sr=e=>Za(Yt({},"__esModule",{value:!0}),e);var zp={};or(zp,{PDFVIEWER_CLASSNAME:()=>vo,PDFViewer:()=>At,default:()=>Pp});module.exports=sr(zp);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),M=(e,t)=>s({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},a={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"};var Pt=require("react/jsx-runtime"),Mo="k-icon k-font-icon",nr=[],rr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},ir={},zt=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:l,...p}=e;return n?(0,Pt.jsx)("span",{...p,className:s(e.className,Mo,C(Mo,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):(0,Pt.jsx)(Pt.Fragment,{})};zt.states=nr;zt.options=rr;zt.className=Mo;zt.defaultOptions=ir;var Qa=zt;var Ze=require("react/jsx-runtime"),Io="k-icon k-svg-icon",lr=[],pr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Ya={viewBox:"0 0 24 24"},wt=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:l=Ya.viewBox,icon:p,...m}=e;if(!p)return(0,Ze.jsx)(Ze.Fragment,{});p==="none"&&{...m,className:s(e.className,Io,"k-none")};let u=typeof p=="object"&&p.name&&p.name;return(0,Ze.jsx)("span",{...m,className:s(e.className,Io,C("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,Ze.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:l,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};wt.states=lr;wt.options=pr;wt.className=Io;wt.defaultOptions=Ya;var yo=wt;var ja=ar(require("@progress/kendo-svg-icons")),Ce=require("react/jsx-runtime"),cr=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dr=[],mr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Co={viewBox:"0 0 24 24",type:"svg"},y=e=>{let{size:t,themeColor:o,icon:n,type:i=Co.type,rotate:l,flip:p,viewBox:m=Co.viewBox,...u}=e;if(!n)return(0,Ce.jsx)(Ce.Fragment,{});if(i==="svg"){if(n==="none")return(0,Ce.jsx)(yo,{...u,icon:n,size:t});let b=cr(`${n}-icon`);return ja[b]?(0,Ce.jsx)(yo,{...u,icon:ja[b],size:t,themeColor:o,rotate:l,flip:p,viewBox:m}):(0,Ce.jsx)(Ce.Fragment,{})}return(0,Ce.jsx)(Qa,{...u,icon:n,size:t,themeColor:o,rotate:l,flip:p})};y.states=dr;y.options=mr;y.defaultOptions=Co;var me=require("react/jsx-runtime"),jt="k-button",ur=[a.hover,a.focus,a.active,a.selected,a.disabled],fr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Qe={size:r.medium,rounded:h.medium,fillMode:f.solid,themeColor:x.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{size:t=Qe.size,rounded:o=Qe.rounded,fillMode:n=Qe.fillMode,themeColor:i=Qe.themeColor,showArrow:l=Qe.showArrow,arrowIconName:p=Qe.arrowIconName,hover:m,focus:u,active:b,selected:N,disabled:S,icon:c,text:k,iconClassName:g,...I}=e,T=c!==void 0,P=e.children!==void 0;return(0,me.jsxs)("button",{...I,className:s(e.className,jt,C(jt,{size:t,rounded:o,fillMode:n,themeColor:i}),M(jt,{hover:m,focus:u,active:b,disabled:S,selected:N}),{"k-icon-button":!k&&!P&&T}),children:[c&&(0,me.jsx)(y,{className:s(g,"k-button-icon"),icon:c}),k?(0,me.jsxs)(me.Fragment,{children:[k&&(0,me.jsx)("span",{className:"k-button-text",children:k}),e.children]}):e.children&&(0,me.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,me.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,me.jsx)(y,{icon:p})})]})};d.states=ur;d.options=fr;d.className=jt;d.defaultOptions=Qe;var es=require("react/jsx-runtime"),eo=e=>(0,es.jsx)(d,{icon:"folder",...e,children:void 0});var ts=require("react/jsx-runtime"),Ao=e=>(0,ts.jsx)(d,{icon:"folder",children:"Button",...e});var br=require("react/jsx-runtime");var as=require("react/jsx-runtime"),Et="k-button-group",xr=[a.disabled],hr={fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},os={fillMode:f.solid},O=e=>{let{fillMode:t=os.fillMode,disabled:o,stretched:n,...i}=e;return(0,as.jsx)("div",{...i,className:s(e.className,Et,C(Et,{fillMode:t}),M(Et,{disabled:o}),{[`${Et}-stretched`]:n}),children:e.children})};O.states=xr;O.options=hr;O.className=Et;O.defaultOptions=os;var To=require("react/jsx-runtime");var Bo=require("react/jsx-runtime");var Po=require("react/jsx-runtime");var zo=require("react/jsx-runtime");var ss=require("react/jsx-runtime"),to="k-input",Nr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],kr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},oo={size:r.medium,rounded:r.medium,fillMode:f.solid},K=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m,size:u=oo.size,rounded:b=oo.rounded,fillMode:N=oo.fillMode,...S}=e;return(0,ss.jsx)("span",{...S,className:s(e.className,to,C(to,{size:u,rounded:b,fillMode:N}),M(to,{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m}))})};K.states=Nr;K.options=kr;K.className=to;K.defaultOptions=oo;var ns=require("react/jsx-runtime"),ao="k-picker",gr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],vr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},so={size:r.medium,rounded:h.medium,fillMode:f.solid},ue=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m,size:u=so.size,rounded:b=so.rounded,fillMode:N=so.fillMode,...S}=e;return(0,ns.jsx)("span",{...S,className:s(e.className,ao,C(ao,{size:u,rounded:b,fillMode:N}),M(ao,{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m})),children:e.children})};ue.states=gr;ue.options=vr;ue.className=ao;ue.defaultOptions=so;var mt=require("react/jsx-runtime"),rs="k-clear-value",Sr=[a.disabled,a.loading,a.readonly],Lr={},fe=e=>{let{disabled:t,loading:o,readonly:n,value:i}=e;return t||n||o||!i?(0,mt.jsx)(mt.Fragment,{}):(0,mt.jsx)("span",{className:s(e.className,rs),children:(0,mt.jsx)(y,{icon:"x"})})};fe.states=Sr;fe.options=Lr;fe.className=rs;var is=require("react/jsx-runtime"),wo="k-input-inner",Mr=[],Ir={},no={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=no.value,type:o=no.type,placeholder:n=no.placeholder,autocomplete:i=no.autocomplete,...l}=e;return(0,is.jsx)("input",{...l,type:o,className:s(e.className,wo,C(wo,e)),placeholder:n,autoComplete:i,defaultValue:t})};be.states=Mr;be.options=Ir;be.className=wo;var Ot=require("react/jsx-runtime"),Eo="k-input-inner",yr=[],Cr={},Ye=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:i,valueIconName:l,...p}=e;return(0,Ot.jsxs)("span",{...p,className:s(e.className,Eo,C(Eo,e)),children:[i,!i&&l&&(0,Ot.jsx)(y,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&(0,Ot.jsx)("span",{className:"k-input-value-text",children:t})]})};Ye.states=yr;Ye.options=Cr;Ye.className=Eo;var ps=require("react/jsx-runtime"),Oo="k-input-inner",Ar=[],Tr={},ls={value:"",placeholder:""},Ko=e=>{let{value:t=ls.value,placeholder:o=ls.placeholder,rows:n,...i}=e;return(0,ps.jsx)("textarea",{...i,className:s(e.className,Oo,C(Oo,e)),placeholder:o,rows:n,defaultValue:t})};Ko.states=Ar;Ko.options=Tr;Ko.className=Oo;var Kt=require("react/jsx-runtime"),cs="k-input-loading-icon",Br=[a.disabled,a.loading],se=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Kt.jsx)(Kt.Fragment,{}):(0,Kt.jsx)("span",{className:s(e.className,cs,"k-icon k-i-loading")})};se.states=Br;se.className=cs;var Rt=require("react/jsx-runtime"),ds="k-input-validation-icon",Pr=[a.valid,a.invalid,a.disabled,a.loading],zr={},oe=e=>{let{valid:t,invalid:o,disabled:n,loading:i}=e,l=o?"warning-circle":"check-circle";return n||i||!!!(t||o)?(0,Rt.jsx)(Rt.Fragment,{}):(0,Rt.jsx)(y,{className:s(ds),icon:l})};oe.states=Pr;oe.options=zr;oe.className=ds;var Ht=require("react/jsx-runtime"),wr="k-input-prefix",Er={direction:"horizontal"},ke=e=>{let{direction:t=Er.direction,...o}=e;return e.children?(0,Ht.jsx)("span",{...o,className:s(wr,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ht.jsx)(Ht.Fragment,{})};var Gt=require("react/jsx-runtime"),Or="k-input-suffix",Kr={direction:"horizontal"},ge=e=>{let{direction:t=Kr.direction,...o}=e;return e.children?(0,Gt.jsx)("span",{...o,className:s(Or,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Gt.jsx)(Gt.Fragment,{})};var Rr=require("react/jsx-runtime");var Hr=require("react/jsx-runtime");var us=require("react/jsx-runtime"),ms="k-input-separator",Gr={direction:"vertical"},Ae=e=>{let{direction:t=Gr.direction,...o}=e;return(0,us.jsx)("span",{...o,className:s(ms,e.className,{[`${ms}-${t}`]:t})})};var Ro=require("react/jsx-runtime"),fs="k-animation-container",Dr=[],$r={},bs={positionMode:"absolute"},He=e=>{let{positionMode:t=bs.positionMode,animationStyle:o,offset:n,...i}=e;return(0,Ro.jsx)("div",{...i,style:{...n,...e.style},className:s(e.className,fs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ro.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};He.states=Dr;He.options=$r;He.className=fs;He.defaultOptions=bs;var Ho=require("react/jsx-runtime"),xs="k-popup",Vr=[],_r={},hs={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=hs.positionMode,animationStyle:n,...i}=e;return(0,Ho.jsx)(He,{positionMode:o,offset:t,animationStyle:n,children:(0,Ho.jsx)("div",{...i,className:s(e.className,xs),children:e.children})})};F.states=Vr;F.options=_r;F.className=xs;F.defaultOptions=hs;var ks=require("react/jsx-runtime"),ro="k-actions",Ur=[],Fr={},Go={alignment:"start",orientation:"horizontal"},Te=e=>{let{alignment:t=Go.alignment,orientation:o=Go.orientation,...n}=e;return(0,ks.jsx)("div",{...n,className:s(ro,{[`${ro}-${t}`]:t,[`${ro}-${o}`]:o},e.className),children:e.children})};Te.states=Ur;Te.options=Fr;Te.className=ro;Te.defaultOptions=Go;var Ns=Te;var vs=require("react/jsx-runtime"),Xr="k-actionsheet-footer",gs={alignment:"stretched",orientation:"horizontal"},Dt=e=>{let{alignment:t=gs.alignment,orientation:o=gs.orientation,template:n,as:i=n?"div":Te,...l}=e;return(0,vs.jsx)(i,{...l,...!n&&{alignment:t,orientation:o},className:s(e.className,Xr),children:e.children})};var Ge=require("react/jsx-runtime"),Ss="k-searchbox",Jr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],qr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},Do={showIcon:!0,icon:"search",size:K.defaultOptions.size,rounded:K.defaultOptions.rounded,fillMode:K.defaultOptions.fillMode},Be=e=>{let{value:t,placeholder:o,size:n,rounded:i,fillMode:l,hover:p,focus:m,valid:u,invalid:b,required:N,loading:S,disabled:c,showIcon:k=Do.showIcon,icon:g=Do.icon,...I}=e;return(0,Ge.jsxs)(K,{...I,size:n,rounded:i,fillMode:l,hover:p,focus:m,valid:u,invalid:b,required:N,loading:S,disabled:c,className:s(e.className,Ss),children:[k&&(0,Ge.jsx)(y,{className:"k-input-icon",icon:g}),(0,Ge.jsx)(be,{placeholder:o,value:t}),(0,Ge.jsx)(se,{...e}),(0,Ge.jsx)(oe,{...e}),(0,Ge.jsx)(fe,{...e})]})};Be.states=Jr;Be.options=qr;Be.className=Ss;Be.defaultOptions=Do;var Wr=require("react/jsx-runtime");var W=require("react/jsx-runtime"),Ls="k-textbox",Zr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Qr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},je={showClearButton:!0,showValidationIcon:!0,size:K.defaultOptions.size,rounded:K.defaultOptions.rounded,fillMode:K.defaultOptions.fillMode,separators:!0},ve=e=>{let{size:t=je.size,rounded:o=je.rounded,fillMode:n=je.fillMode,separators:i=je.separators,showClearButton:l=je.showClearButton,showValidationIcon:p=je.showValidationIcon,prefix:m,suffix:u,type:b,value:N,placeholder:S,hover:c,focus:k,valid:g,invalid:I,required:T,loading:P,disabled:w,readonly:U,...j}=e;return(0,W.jsxs)(K,{...j,size:t,rounded:o,fillMode:n,hover:c,focus:k,valid:g,invalid:I,required:T,loading:P,disabled:w,readonly:U,className:s(e.className,Ls),children:[m&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(ke,{children:m}),i&&(0,W.jsx)(Ae,{})]}),(0,W.jsx)(be,{placeholder:S,value:N,type:b}),p&&(0,W.jsx)(oe,{valid:g,invalid:I,loading:P,disabled:w}),(0,W.jsx)(se,{loading:P,disabled:w}),l&&(0,W.jsx)(fe,{loading:P,disabled:w,readonly:U,value:N}),u&&(0,W.jsxs)(W.Fragment,{children:[i&&(0,W.jsx)(Ae,{}),(0,W.jsx)(ge,{children:u})]})]})};ve.states=Zr;ve.options=Qr;ve.className=Ls;ve.defaultOptions=je;var Yr=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var ae=require("react/jsx-runtime"),Cs="k-actionsheet-titlebar",jr={},ne=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:i,filter:l,input:p,inputValue:m,inputPlaceholder:u,adaptive:b,children:N,...S}=e;return(0,ae.jsxs)("div",{...S,className:s(e.className,Cs),children:[(0,ae.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[n&&(0,ae.jsx)("div",{className:"k-actionsheet-actions",children:n}),!N&&(0,ae.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,ae.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ae.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,ae.jsx)("div",{className:"k-actionsheet-title",children:N}),i&&(0,ae.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(p||l)&&(0,ae.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,ae.jsx)(ve,{value:m,placeholder:u,size:b?"large":"medium"}):(0,ae.jsx)(Be,{placeholder:"Filter",size:b?"large":"medium"})})]})};ne.className=Cs;ne.defaultOptions=jr;var ut=require("react/jsx-runtime"),$o="k-actionsheet-view",ei=[],ti={},oi={},ft=e=>{let{adaptive:t,animated:o,children:n,header:i,footer:l,...p}=e,m=(i==null?void 0:i.type)===ne&&(0,ut.jsx)(ne,{adaptive:t,...i==null?void 0:i.props}),u=(l==null?void 0:l.type)===Dt&&(0,ut.jsx)(Dt,{...l==null?void 0:l.props});return(0,ut.jsxs)("div",{...p,className:s(e.className,$o,{[`${$o}-animated`]:o}),children:[m,(0,ut.jsx)("div",{className:"k-actionsheet-content",children:n}),u]})};ft.states=ei;ft.options=ti;ft.className=$o;ft.defaultOptions=oi;var et=require("react/jsx-runtime"),As="k-actionsheet",ai=[],si={},$t={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:t=$t.side,fullscreen:o=$t.fullscreen,adaptive:n=$t.adaptive,overlay:i=$t.overlay,template:l,children:p,header:m,footer:u,...b}=e;return(0,et.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,et.jsx)("div",{className:"k-overlay"}),(0,et.jsx)(He,{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,et.jsx)("div",{...b,className:s(e.className,As,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||(0,et.jsx)(ft,{header:m,footer:u,adaptive:n,...e,children:p})})})]})};xe.states=ai;xe.options=si;xe.className=As;xe.defaultOptions=$t;var ni=require("react/jsx-runtime");var re=require("react/jsx-runtime"),Vo="k-actionsheet-item",ri=[a.hover,a.focus,a.selected,a.disabled],_o=e=>{let{iconName:t,text:o,description:n,hover:i,focus:l,selected:p,disabled:m,...u}=e;return(0,re.jsxs)("span",{...u,className:s(e.className,Vo,M(Vo,{hover:i,focus:l,selected:p,disabled:m})),children:[!e.children&&(0,re.jsx)(re.Fragment,{children:(0,re.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,re.jsx)("span",{className:"k-icon-wrap",children:(0,re.jsx)(y,{className:"k-actionsheet-item-icon",icon:t})}),(0,re.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,re.jsx)("span",{className:"k-actionsheet-item-title",children:o}),n&&(0,re.jsx)("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};_o.states=ri;_o.className=Vo;var Ts=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var li=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var Ps=require("react/jsx-runtime"),ci="k-no-data",Vt=e=>(0,Ps.jsx)("span",{className:s(ci,e.className),children:e.children});var Se=require("react/jsx-runtime"),Uo="k-list",di=[],mi={size:[r.small,r.medium,r.large]},zs={size:r.medium},R=e=>{let{size:t=zs.size,virtualization:o,children:n,optionLabel:i,customValue:l,screenReaders:p,...m}=e,u,b,N,S,c=[];return n?n.map((k,g)=>{k.type===X?(k.props.root===!0?(u=k.props.label,k.props.children.map((I,T)=>{c.push((0,Se.jsx)(B,{...I.props},`optChild-${T}-${new Date().getTime()}`))})):k.props.children.forEach((I,T)=>{let P="";T===0&&(P=k.props.label),c.push((0,Se.jsx)(B,{className:T===0?"k-first":"",...I.props,groupLabel:P},`groupLabel-${T}-${new Date().getTime()}`))}),b=(0,Se.jsx)(X,{label:u,virtualization:o,children:c})):k.type===B&&(c.push((0,Se.jsx)(B,{...k.props},`${k.type}-${g}`)),N=(0,Se.jsx)(bt,{virtualization:o,children:c}),p&&(S=(0,Se.jsxs)(Vt,{className:"k-sr-only",children:[c.length," items found."]})))}):S=(0,Se.jsx)(Vt,{children:"No data found."}),(0,Se.jsxs)("div",{...m,className:s(e.className,Uo,C(Uo,{size:t}),{"k-virtual-list":o}),children:[i,l,b,N,S]})};R.states=di;R.options=mi;R.className=Uo;R.defaultOptions=zs;var Le=require("react/jsx-runtime"),Fo="k-list",ui=[],fi={size:[r.small,r.medium,r.large]},ws={size:r.medium},tt=e=>{let{size:t=ws.size,virtualization:o,children:n,...i}=e,l,p,m,u=[];return n?n.map((b,N)=>{b.type===X?(b.props.root===!0?(l=b.props.label,b.props.children.map((S,c)=>{u.push((0,Le.jsx)(B,{...S.props},`optChild-${c}-${new Date().getTime()}`))})):(u.push((0,Le.jsx)(Es,{...b.props,children:b.props.label},`listChild-${N}`)),b.props.children.map((S,c)=>{u.push((0,Le.jsx)(B,{...S.props},`fwOptChild-${c}-${new Date().getTime()}`))})),p=(0,Le.jsx)(X,{label:l,virtualization:o,children:u})):b.type===B&&(u.push((0,Le.jsx)(B,{...b.props},`${b.type}-${N}`)),m=(0,Le.jsx)(bt,{virtualization:o,children:u}))}):m=(0,Le.jsx)(Vt,{children:"No data found."}),(0,Le.jsxs)("div",{...i,className:s(e.className,Fo,C(Fo,{size:t}),{"k-virtual-list":o}),children:[p,m]})};tt.states=ui;tt.options=fi;tt.className=Fo;tt.defaultOptions=ws;var Jo=require("react/jsx-runtime"),io="k-checkbox",bi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],xi={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full]},Xo={size:r.medium,rounded:h.medium},De=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:l,disabled:p,invalid:m,valid:u,required:b,size:N=Xo.size,rounded:S=Xo.rounded,...c}=e;return(0,Jo.jsx)("span",{className:"k-checkbox-wrap",children:(0,Jo.jsx)("input",{...c,id:t,type:"checkbox",defaultChecked:o,required:b,className:s(e.className,io,C(io,{size:N,rounded:S}),M(io,{hover:i,focus:l,disabled:p,invalid:m,valid:u,indeterminate:n,checked:o}))})})};De.states=bi;De.options=xi;De.className=io;De.defaultOptions=Xo;var Rs=require("react/jsx-runtime"),Os="k-checkbox-list",hi=[],Ni={},Ks={layout:"vertical"},xt=e=>{let{layout:t=Ks.layout,...o}=e;return(0,Rs.jsx)("ul",{...o,className:s(e.className,Os,{[`k-list-${t}`]:t}),children:e.children})};xt.states=hi;xt.options=Ni;xt.className=Os;xt.defaultOptions=Ks;var Gs=require("react/jsx-runtime"),Hs="k-checkbox-list-item",ki=[],gi={},vi={},ht=e=>{let{...t}=e;return(0,Gs.jsx)("li",{...t,className:s(e.className,Hs),children:e.children})};ht.states=ki;ht.options=gi;ht.className=Hs;ht.defaultOptions=vi;var Wo=require("react/jsx-runtime");var Zo=require("react/jsx-runtime");var Qo=require("react/jsx-runtime");var Yo=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var Li=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),jo="k-list-item",Mi=[a.hover,a.focus,a.selected,a.disabled],Ii={},yi={},B=e=>{let{text:t,groupLabel:o,group:n,showIcon:i,iconName:l,showCheckbox:p,checked:m,hover:u,focus:b,selected:N,disabled:S,...c}=e,k=t||e.children;return(0,ot.jsxs)("li",{...c,className:s(e.className,n?"k-list-group-item":jo,M(jo,{hover:u,focus:b,disabled:S,selected:N})),children:[p&&(0,ot.jsx)(De,{checked:m}),i&&(0,ot.jsx)(y,{icon:l}),(0,ot.jsx)("span",{className:"k-list-item-text",children:k}),o&&o!==""&&(0,ot.jsx)("div",{className:"k-list-item-group-label",children:o})]})};B.states=Mi;B.options=Ii;B.className=jo;B.defaultOptions=yi;var Nt=require("react/jsx-runtime"),Ci="k-list-content",bt=e=>{let{virtualization:t,...o}=e;return(0,Nt.jsxs)("div",{...o,className:s(Ci,e.className),children:[(0,Nt.jsx)("ul",{className:s("k-list-ul"),children:e.children}),t&&(0,Nt.jsx)("div",{className:"k-height-container",children:(0,Nt.jsx)("div",{})})]})};var ea=require("react/jsx-runtime"),Ai="k-list-group-sticky-header",Ds=e=>(0,ea.jsx)("div",{className:s(Ai,e.className),children:(0,ea.jsx)("div",{className:"k-list-header-text",children:e.children})});var at=require("react/jsx-runtime"),X=e=>{let{virtualization:t,label:o}=e;return(0,at.jsxs)(at.Fragment,{children:[o&&(0,at.jsx)(Ds,{children:o}),e.children&&(0,at.jsx)(bt,{virtualization:t,children:e.children})]})};var ta=require("react/jsx-runtime"),Ti="k-list-group-item",Es=e=>(0,ta.jsx)("li",{className:s(Ti,e.className),children:(0,ta.jsx)("span",{className:"k-list-item-text",children:e.children})});var $s=require("react/jsx-runtime"),oa="k-list-optionlabel",Bi=[a.hover,a.focus,a.selected,a.disabled],Pi={},zi={},lo=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:l,...p}=e;return(0,$s.jsx)("div",{...p,className:s(oa,M(oa,{hover:o,focus:n,selected:i,disabled:l})),children:t})};lo.states=Bi;lo.options=Pi;lo.className=oa;lo.defaultOptions=zi;var Vs=require("react/jsx-runtime"),aa="k-list-custom-value",wi=[a.hover,a.focus,a.selected,a.disabled],Ei={},Oi={},$e=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:l,...p}=e;return(0,Vs.jsx)("div",{...p,className:s(aa,M(aa,{hover:o,focus:n,selected:i,disabled:l})),children:t})};$e.states=wi;$e.options=Ei;$e.className=aa;$e.defaultOptions=Oi;var Ki=require("react/jsx-runtime");var Ri=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var Fs=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var z=require("react/jsx-runtime"),Js="k-combobox",Gi=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Di={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},_t={size:K.defaultOptions.size,rounded:K.defaultOptions.rounded,fillMode:K.defaultOptions.fillMode,separators:!0},Pe=e=>{let{size:t=_t.size,rounded:o=_t.rounded,fillMode:n=_t.fillMode,separators:i=_t.separators,prefix:l,suffix:p,value:m,placeholder:u,hover:b,focus:N,valid:S,invalid:c,required:k,loading:g,disabled:I,popup:T,opened:P,readonly:w,adaptive:U,adaptiveSettings:j,adaptiveTitle:Tt,adaptiveSubtitle:Bt,adaptiveCustomValue:So,...Lo}=e;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(K,{...Lo,size:t,rounded:o,fillMode:n,hover:b,focus:N,valid:S,invalid:c,required:k,loading:g,disabled:I,readonly:w,className:s(e.className,Js),children:[l&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(ke,{children:l}),i&&(0,z.jsx)(Ae,{})]}),(0,z.jsx)(be,{placeholder:u,value:m}),(0,z.jsx)(oe,{valid:S,invalid:c,loading:g,disabled:I}),(0,z.jsx)(se,{loading:g,disabled:I}),(0,z.jsx)(fe,{loading:g,disabled:I,readonly:w,value:m}),p&&(0,z.jsxs)(z.Fragment,{children:[i&&(0,z.jsx)(Ae,{}),(0,z.jsx)(ge,{children:p})]}),(0,z.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:n})]}),P&&T&&(0,z.jsx)(F,{className:"k-list-container k-combobox-popup",children:T}),U&&(0,z.jsx)(xe,{adaptive:!0,...j,header:(0,z.jsx)(ne,{actionsEnd:(0,z.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:m,inputPlaceholder:u,title:Tt,subtitle:Bt}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsxs)(R,{customValue:So?(0,z.jsx)($e,{text:`Use "${m}"`}):void 0,size:"large",children:[(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"}),(0,z.jsx)(B,{text:"List item"})]})})})]})};Pe.states=Gi;Pe.options=Di;Pe.className=Js;Pe.defaultOptions=_t;var $i=require("react/jsx-runtime");var qs=require("react/jsx-runtime");var Ws=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var Qs=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var js=require("react/jsx-runtime");var sa=require("react/jsx-runtime");var st=require("react/jsx-runtime"),na="k-external-dropzone",_i=[a.disabled,a.hover],Ui={},ra={icon:"upload",hint:"Drag and drop files here to upload"},nt=e=>{let{hover:t,disabled:o,icon:n=ra.icon,hint:i=ra.hint,note:l,...p}=e;return(0,st.jsx)("div",{...p,className:s(e.className,na,M(na,{disabled:o}),{"k-external-dropzone-hover":t}),children:(0,st.jsxs)("div",{className:"k-dropzone-inner",children:[n&&(0,st.jsx)(y,{icon:n,className:"k-dropzone-icon",size:"xxxlarge"}),i&&(0,st.jsx)("span",{className:"k-dropzone-hint",children:i}),l&&(0,st.jsx)("span",{className:"k-dropzone-note",children:l})]})})};nt.states=_i;nt.options=Ui;nt.className=na;nt.defaultOptions=ra;var tn=require("react/jsx-runtime"),en=e=>(0,tn.jsx)(nt,{...e});var Fi=require("react/jsx-runtime");var it=require("react/jsx-runtime"),on="k-menu-button",Xi=[a.hover,a.focus,a.active,a.selected,a.disabled],Ji={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},rt={size:r.medium,rounded:h.medium,fillMode:f.solid,themeColor:x.base,showArrow:!0,arrowIconName:"caret-alt-down"},Z=e=>{let{size:t=rt.size,rounded:o=rt.rounded,fillMode:n=rt.fillMode,themeColor:i=rt.themeColor,hover:l,focus:p,active:m,selected:u,disabled:b,icon:N,text:S,showArrow:c=rt.showArrow,arrowIconName:k=rt.arrowIconName,popup:g,opened:I,...T}=e;return(0,it.jsxs)(it.Fragment,{children:[(0,it.jsx)(d,{...T,className:s(e.className,on),text:S,size:t,rounded:o,fillMode:n,themeColor:i,hover:l,focus:p,active:m,selected:u,disabled:b,icon:N,showArrow:c,arrowIconName:k}),I&&g&&(0,it.jsx)(F,{className:"k-menu-popup",children:g})]})};Z.states=Xi;Z.options=Ji;Z.className=on;Z.defaultOptions=rt;var qi=require("react/jsx-runtime");var Wi=require("react/jsx-runtime");var Zi=require("react/jsx-runtime");var ie=require("react/jsx-runtime"),la="k-menu-item",Qi=[a.hover,a.focus,a.active,a.selected,a.disabled],Yi={},an={iconPosition:"before"},ze=e=>{let{hover:t,focus:o,active:n,selected:i,disabled:l,icon:p,text:m,first:u,last:b,showArrow:N,arrowIconName:S,iconPosition:c=an.iconPosition,dir:k,children:g,...I}=e,T=(0,ie.jsx)(ie.Fragment,{});g&&g.forEach(w=>{if(w.type==="MenuItemContent"){T.props.children.push(w);return}});let P=S;return P||(P=k==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ie.jsxs)("li",{...I,className:s(e.className,la,"k-item",M(la,{focus:o,disabled:l,hover:t,active:n,selected:i}),{"k-first":u,"k-last":b}),children:[(0,ie.jsxs)("span",{className:s("k-link k-menu-link"),children:[p&&c==="before"&&(0,ie.jsx)(y,{className:"k-menu-link-icon",icon:p}),(0,ie.jsx)("span",{className:"k-menu-link-text",children:m}),p&&c==="after"&&(0,ie.jsx)(y,{className:"k-menu-link-icon",icon:p}),N&&(0,ie.jsx)("span",{className:"k-menu-expand-arrow",children:(0,ie.jsx)(y,{icon:P})})]}),T]})};ze.states=Qi;ze.options=Yi;ze.className=la;ze.defaultOptions=an;var le=require("react/jsx-runtime"),pa="k-menu-item",ji=[a.hover,a.focus,a.active,a.selected,a.disabled],el={},ca={dir:"ltr",iconPosition:"before"},Me=e=>{let{hover:t,focus:o,active:n,selected:i,disabled:l,icon:p,text:m,first:u,last:b,showArrow:N,arrowIconName:S,iconPosition:c=ca.iconPosition,dir:k=ca.dir,children:g,popup:I,...T}=e,P=(0,le.jsx)(le.Fragment,{});g&&g.forEach(U=>{if(U.type==="MenuListItemContent"){P.props.children.push(U);return}});let w=S;return w||(w=k==="rtl"?"caret-alt-left":"caret-alt-right"),(0,le.jsxs)("li",{...T,className:s(e.className,pa,"k-item",M(pa,{focus:o,disabled:l}),{"k-first":u,"k-last":b}),children:[(0,le.jsxs)("span",{className:s("k-link k-menu-link",M("k-menu-link",{hover:t,active:n,selected:i,disabled:l})),children:[p&&c==="before"&&(0,le.jsx)(y,{className:"k-menu-link-icon",icon:p}),(0,le.jsx)("span",{className:"k-menu-link-text",children:m}),p&&c==="after"&&(0,le.jsx)(y,{className:"k-menu-link-icon",icon:p}),N&&(0,le.jsx)("span",{className:"k-menu-expand-arrow",children:(0,le.jsx)(y,{icon:w})})]}),P,I]})};Me.states=ji;Me.options=el;Me.className=pa;Me.defaultOptions=ca;var rn=require("react/jsx-runtime"),sn="k-menu-scroll-wrapper",tl=[],ol={},al={},Ut=e=>{let{className:t,children:o,orientation:n,...i}=e;return(0,rn.jsx)("div",{...i,className:s(t,sn,{"k-menu-scroll-wrapper-vertical":n==="vertical"}),children:o})};Ut.states=tl;Ut.options=ol;Ut.className=sn;Ut.defaultOptions=al;var nn=Ut;var J=require("react/jsx-runtime"),da="k-menu",sl=[],nl={},po={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},we=e=>{let{children:t,orientation:o=po.orientation,header:n=po.header,scrollable:i,scrollButtonsPosition:l=po.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:u,...b}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},S=(0,J.jsx)("ul",{dir:m,...b,className:s(e.className,"k-reset",da,{[`${da}-${o}`]:o,"k-header":n}),children:t});return(0,J.jsxs)(J.Fragment,{children:[i?(0,J.jsxs)(nn,{orientation:o,style:p,dir:e.dir,children:[l==="start"&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,J.jsx)(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&(0,J.jsx)(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),S,l==="end"&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),(0,J.jsx)(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&(0,J.jsx)(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):S,u]})};we.states=sl;we.options=nl;we.className=da;we.defaultOptions=po;var pn=require("react/jsx-runtime"),ma="k-separator",ln={orientation:"horizontal"},Ft=e=>{let{orientation:t=ln.orientation,...o}=e;return(0,pn.jsx)("li",{...o,className:s(e.className,"k-item",ma,{[`${ma}-${t}`]:t})})};Ft.className=ma;Ft.defaultOptions=ln;var cn=require("react/jsx-runtime");var ba=require("react/jsx-runtime"),dn=require("react"),ua="k-menu-group",rl=[],il={size:[r.small,r.medium,r.large]},fa={size:r.medium,dir:"ltr"},lt=e=>{let{children:t,size:o=fa.size,dir:n=fa.dir,...i}=e,l=[];return t&&Array.isArray(t)&&t.map((p,m)=>{p.type===Me?l.push((0,dn.createElement)(Me,{...p.props,dir:n,key:m})):p.type===Ft?l.push((0,ba.jsx)(Ft,{})):l.push(p)}),(0,ba.jsx)("ul",{...i,className:s(e.className,ua,C(ua,{size:o})),children:l})};lt.states=rl;lt.options=il;lt.className=ua;lt.defaultOptions=fa;var xa=require("react/jsx-runtime");var ha=require("react/jsx-runtime");var Na=require("react/jsx-runtime");var ka=require("react/jsx-runtime");var ga=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var G=require("react/jsx-runtime"),un="k-dropdownlist",ll=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],pl={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},kt={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:h.medium,fillMode:f.solid},Ie=e=>{let{size:t=kt.size,rounded:o=kt.rounded,fillMode:n=kt.fillMode,arrowIconName:i=kt.arrowIconName,showValue:l=kt.showValue,valueIconName:p,prefix:m,suffix:u,value:b,placeholder:N,hover:S,focus:c,valid:k,invalid:g,required:I,loading:T,disabled:P,readonly:w,popup:U,opened:j,adaptive:Tt,adaptiveSettings:Bt,adaptiveTitle:So,adaptiveSubtitle:Lo,adaptiveFilter:Wn,...Zn}=e;return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(ue,{...Zn,size:t,rounded:o,fillMode:n,hover:S,focus:c,valid:k,invalid:g,required:I,loading:T,disabled:P,readonly:w,className:s(e.className,un,{"k-icon-picker":!l&&p}),children:[(0,G.jsx)(ke,{children:m}),(0,G.jsx)(Ye,{placeholder:N,value:b,showValue:l,valueIconName:p}),(0,G.jsx)(oe,{valid:k,invalid:g,loading:T,disabled:P}),(0,G.jsx)(se,{loading:T,disabled:P}),(0,G.jsx)(ge,{children:u}),(0,G.jsx)(d,{className:"k-input-button",icon:i,rounded:null,size:e.size,fillMode:e.fillMode})]}),j&&U&&(0,G.jsx)(F,{className:"k-list-container k-dropdownlist-popup",children:U}),Tt&&(0,G.jsx)(xe,{adaptive:!0,...Bt,header:(0,G.jsx)(ne,{actionsEnd:(0,G.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Wn,inputValue:b,inputPlaceholder:N,title:So,subtitle:Lo}),children:(0,G.jsx)("div",{className:"k-list-container",children:(0,G.jsxs)(R,{size:"large",children:[(0,G.jsx)(B,{text:"List item"}),(0,G.jsx)(B,{text:"List item"}),(0,G.jsx)(B,{text:"List item"})]})})})]})};Ie.states=ll;Ie.options=pl;Ie.className=un;Ie.defaultOptions=kt;var cl=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var va=require("react/jsx-runtime");var dl=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var Sa=require("react/jsx-runtime");var La=require("react/jsx-runtime");var Xt=require("react/jsx-runtime"),hn="k-spin-button",ml=[],ul={size:[r.small,r.medium,r.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},Ma={size:r.medium,fillMode:f.solid},gt=e=>{let{size:t=Ma.size,fillMode:o=Ma.fillMode,...n}=e;return(0,Xt.jsxs)("span",{...n,className:s(hn,e.className),children:[(0,Xt.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),(0,Xt.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};gt.states=ml;gt.options=ul;gt.className=hn;gt.defaultOptions=Ma;var q=require("react/jsx-runtime"),Nn="k-numerictextbox",fl=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],bl={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},ct={showSpinButton:!0,showClearButton:!0,size:K.defaultOptions.size,rounded:K.defaultOptions.rounded,fillMode:K.defaultOptions.fillMode,separators:!0},D=e=>{let{size:t=ct.size,rounded:o=ct.rounded,fillMode:n=ct.fillMode,separators:i=ct.separators,showClearButton:l=ct.showClearButton,showSpinButton:p=ct.showSpinButton,prefix:m,suffix:u,value:b,placeholder:N,hover:S,focus:c,valid:k,invalid:g,required:I,loading:T,disabled:P,readonly:w,...U}=e;return(0,q.jsxs)(K,{...U,size:t,rounded:o,fillMode:n,hover:S,focus:c,valid:k,invalid:g,required:I,loading:T,disabled:P,readonly:w,className:s(e.className,Nn),children:[m&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(ke,{children:m}),i&&(0,q.jsx)(Ae,{})]}),(0,q.jsx)(be,{placeholder:N,value:b}),(0,q.jsx)(oe,{valid:k,invalid:g,loading:T,disabled:P}),(0,q.jsx)(se,{loading:T,disabled:P}),l&&(0,q.jsx)(fe,{loading:T,disabled:P,readonly:w,value:b}),u&&(0,q.jsxs)(q.Fragment,{children:[i&&(0,q.jsx)(Ae,{}),(0,q.jsx)(ge,{children:u})]}),p&&(0,q.jsx)(gt,{className:"k-input-spinner",size:t,fillMode:n})]})};D.states=fl;D.options=bl;D.className=Nn;D.defaultOptions=ct;var xl=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var E=require("react/jsx-runtime"),co="k-pager",hl=[a.focus,a.disabled],Nl={size:[r.small,r.medium,r.large]},ee={responsive:!0,size:r.medium,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},_e=e=>{let{responsive:t=ee.responsive,size:o=ee.size,pagerSizeInfo:n=ee.pagerSizeInfo,pageTitleInfo:i=ee.pageTitleInfo,maxPagesInfo:l=ee.maxPagesInfo,itemsPerPage:p=ee.itemsPerPage,maxPages:m=ee.maxPages,currentPage:u=ee.currentPage,previousNext:b=ee.previousNext,type:N=ee.type,pageSizes:S=ee.pageSizes,refresh:c=ee.refresh,info:k=ee.info,focus:g,disabled:I,dir:T,...P}=e,w=[],U=[];for(let j=1;j<=m;j++)w.push((0,E.jsx)(d,{selected:j===u,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:j})),U.push((0,E.jsx)("option",{selected:j===u,children:j}));return(0,E.jsxs)("div",{dir:T,...P,className:s(e.className,co,C(co,{size:o}),M(co,{focus:g,disabled:I}),{"k-pager-responsive":t}),children:[(0,E.jsxs)("div",{className:s("k-pager-numbers-wrap"),children:[b&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(d,{className:s("k-pager-nav","k-pager-first"),disabled:u===1&&!I,fillMode:"flat",size:o,rounded:null,icon:T==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,E.jsx)(d,{className:s("k-pager-nav"),disabled:u===1&&!I,fillMode:"flat",size:o,rounded:null,icon:T==="rtl"?"caret-alt-right":"caret-alt-left"})]}),N==="numeric"&&(0,E.jsx)("div",{className:s("k-pager-numbers"),children:w}),N==="input"&&(0,E.jsxs)("span",{className:s("k-pager-input"),children:[i&&(0,E.jsx)("span",{children:"Page"}),(0,E.jsx)(D,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,E.jsx)("span",{children:l&&`of ${m}`})]}),b&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(d,{className:s("k-pager-nav"),disabled:u===m&&!I,fillMode:"flat",size:o,rounded:null,icon:T==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,E.jsx)(d,{className:s("k-pager-nav","k-pager-last"),disabled:u===m&&!I,fillMode:"flat",size:o,rounded:null,icon:T==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),S&&(0,E.jsxs)("span",{className:s("k-pager-sizes"),children:[(0,E.jsx)(Ie,{value:`${p}`,size:o}),n&&(0,E.jsx)("span",{children:"items per page"})]}),c&&(0,E.jsx)(d,{className:s("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),k&&(0,E.jsx)("span",{className:s("k-pager-info"),children:k})]})};_e.states=hl;_e.options=Nl;_e.className=co;_e.defaultOptions=ee;var kl=require("react/jsx-runtime");var Ln=require("react/jsx-runtime"),Sn=e=>(0,Ln.jsx)(_e,{type:"input",responsive:!1,...e});var gl=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),Mn="k-color-preview",vl=[],Sl={},Ue=e=>{let{color:t,iconName:o,...n}=e;return(0,Jt.jsxs)("span",{...n,className:s(e.className,Mn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Jt.jsx)(y,{icon:o,className:"k-color-preview-icon"}),(0,Jt.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ue.states=vl;Ue.options=Sl;Ue.className=Mn;var he=require("react/jsx-runtime"),qt="k-slider",Ll=[a.hover,a.focus,a.active,a.disabled,a.readonly],Ml={},Fe={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},pe=e=>{let{type:t=Fe.type,orientation:o=Fe.orientation,readonly:n=Fe.readonly,disabled:i=Fe.disabled,handlePosition:l=Fe.handlePosition,showButtons:p=Fe.showButtons,showTicks:m=Fe.showTicks,hover:u,focus:b,active:N,trackStyle:S,dir:c,...k}=e,g,I;return o==="horizontal"?(g=c==="rtl"?"caret-alt-left":"caret-alt-right",I=c==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(g="caret-alt-up",I="caret-alt-down"),(0,he.jsxs)("div",{...k,className:s(qt,e.className,M(qt,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:c,children:[p&&(0,he.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:I}),(0,he.jsxs)("div",{className:"k-slider-track-wrap",children:[m&&(0,he.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,he.jsxs)("div",{className:"k-slider-track",style:S,children:[(0,he.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,he.jsx)("span",{className:s("k-draghandle","k-draghandle-start",M(qt,{hover:u,focus:b,active:N}))}),(0,he.jsx)("span",{className:s("k-draghandle",`k-draghandle-${l}`,M(qt,{hover:u,focus:b,active:N}))})]})]}),p&&(0,he.jsx)(d,{className:"k-button-increase",rounded:"full",icon:g})]})};pe.states=Ll;pe.options=Ml;pe.className=qt;pe.defaultOptions=Fe;var Ia=require("react/jsx-runtime"),In="k-tick",Il=[],yl={},yn={label:!1},Xe=e=>{let{style:t,label:o=yn.label,orientation:n,large:i,text:l,...p}=e;return(0,Ia.jsx)("li",{...p,className:s(e.className,In,{[`k-tick-${n}`]:n,"k-tick-large":i}),style:t,children:o&&(0,Ia.jsx)("span",{className:"k-label",children:l})})};Xe.states=Il;Xe.options=yl;Xe.className=In;Xe.defaultOptions=yn;var ya=require("react/jsx-runtime");var Ca=require("react/jsx-runtime");var Aa=require("react/jsx-runtime");var Ta=require("react/jsx-runtime");var Cn=require("react/jsx-runtime"),Ba=e=>(0,Cn.jsx)(pe,{type:"gradient",showButtons:!1,showTicks:!1,...e});var An=require("react/jsx-runtime"),Pa=e=>(0,An.jsx)(pe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});var v=require("react/jsx-runtime"),Tn="k-colorgradient-inputs",Cl=[],Al={size:[r.small,r.medium,r.large]},Bn={mode:"rgba",size:r.medium},vt=e=>{let{mode:t=Bn.mode,size:o,...n}=e;return(0,v.jsxs)("div",{...n,className:s(Tn,"k-hstack"),children:[(0,v.jsx)("div",{className:"k-vstack",children:(0,v.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,v.jsxs)("div",{className:"k-vstack",children:[(0,v.jsx)(D,{showSpinButton:!1,showClearButton:!1,value:"132"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,v.jsx)(ve,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,v.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};vt.states=Cl;vt.options=Al;vt.className=Tn;vt.defaultOptions=Bn;var Q=require("react/jsx-runtime"),Pn="k-colorgradient-color-contrast",Tl=[],Bl={},Pl={},St=()=>(0,Q.jsxs)("div",{className:s(Pn,"k-vbox"),children:[(0,Q.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Q.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Q.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Q.jsx)(y,{icon:"check"}),(0,Q.jsx)(y,{icon:"check"})]})]}),(0,Q.jsxs)("div",{children:[(0,Q.jsx)("span",{children:"AA: 4.5"}),(0,Q.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Q.jsx)(y,{icon:"check"})]})]}),(0,Q.jsxs)("div",{children:[(0,Q.jsx)("span",{children:"AAA: 7.0"}),(0,Q.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Q.jsx)(y,{icon:"x"})]})]})]});St.states=Tl;St.options=Bl;St.className=Pn;St.defaultOptions=Pl;var V=require("react/jsx-runtime"),mo="k-colorgradient",zl=[a.hover,a.focus,a.readonly,a.disabled],wl={size:[r.small,r.medium,r.large]},Ne={size:r.medium,mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Je=e=>{let{size:t=Ne.size,mode:o=Ne.mode,readonly:n=Ne.readonly,disabled:i=Ne.disabled,gradientStyle:l=Ne.gradientStyle,dragHandleStyle:p=Ne.dragHandleStyle,alphaStyle:m=Ne.alphaStyle,alphaStyleHorizontal:u=Ne.alphaStyleHorizontal,contrast:b=Ne.contrast,dir:N,hover:S,focus:c,hoverHandle:k,focusHandle:g,canvasOrientation:I=Ne.canvasOrientation,...T}=e;return(0,V.jsxs)("div",{...T,className:s(e.className,mo,C(mo,{size:t}),M(mo,{hover:S,focus:c,readonly:n,disabled:i})),dir:N,children:[!I||I==="horizontal"&&(0,V.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,V.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,V.jsx)("div",{className:"k-hsv-gradient",children:(0,V.jsx)("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p})})}),(0,V.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,V.jsx)(Pa,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&(0,V.jsx)(Pa,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:m})]})]}),I==="vertical"&&(0,V.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,V.jsx)("div",{className:"k-hsv-rectangle",style:l,children:(0,V.jsx)("div",{className:"k-hsv-gradient",children:(0,V.jsx)("div",{className:s("k-hsv-draghandle","k-draghandl