@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 322 kB
JavaScript
var vR=Object.create;var Pp=Object.defineProperty;var TR=Object.getOwnPropertyDescriptor;var yR=Object.getOwnPropertyNames;var ER=Object.getPrototypeOf,CR=Object.prototype.hasOwnProperty;var MR=(e,t)=>{for(var a in t)Pp(e,a,{get:t[a],enumerable:!0})},wN=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of yR(t))!CR.call(e,s)&&s!==a&&Pp(e,s,{get:()=>t[s],enumerable:!(l=TR(t,s))||l.enumerable});return e};var LN=(e,t,a)=>(a=e!=null?vR(ER(e)):{},wN(t||!e||!e.__esModule?Pp(a,"default",{value:e,enumerable:!0}):a,e)),wR=e=>wN(Pp({},"__esModule",{value:!0}),e);var eJ={};MR(eJ,{COLUMNMENUEXPANDER_CLASSNAME:()=>MN,ColumnMenuExpander:()=>Ml,default:()=>$Z});module.exports=wR(eJ);var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,l)=>t[l]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>o({[`${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"}),h=(e,t)=>{let{valid:a,invalid:l,hover:s,focus:i,checked:n,active:p,selected:m,disabled:f,indeterminate:A,loading:v,empty:b,readonly:y,highlighted:E,...M}=t;return o({"k-valid":a,"k-invalid":l,"k-hover":s,"k-focus":i,"k-checked":n,"k-active":p,"k-selected":m,"k-disabled":f,"k-indeterminate":A&&!n,"k-loading":v,"k-empty":b,"k-readonly":y,"k-highlighted":E},Object.keys(M).reduce((L,I)=>(I.startsWith("k-")?L[I]=M[I]:L[`k-${I}`]=M[I],L),{}))};function Dp(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(l=>[`k-${l}`,!0]))}var d={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},N={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},u={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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"},go={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var gd=require("react/jsx-runtime"),Eu="k-font-icon",LR=[],SR={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},IR={},bd=e=>{let{size:t,themeColor:a,icon:l,rotate:s,flip:i,...n}=e;return l?(0,gd.jsx)("span",{...n,className:o(e.className,Eu,C(Eu,{size:t}),{[`k-i-${l}`]:l,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):(0,gd.jsx)(gd.Fragment,{})};bd.states=LR;bd.options=SR;bd.className=Eu;bd.defaultOptions=IR;var SN=bd;var ns=require("react/jsx-runtime"),Cu="k-svg-icon",BR=[],PR={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},IN={viewBox:"0 0 24 24"},Nd=e=>{let{size:t,themeColor:a,rotate:l,flip:s,viewBox:i=IN.viewBox,icon:n,...p}=e;if(!n)return(0,ns.jsx)(ns.Fragment,{});n==="none"&&{...p,className:o(e.className,Cu,"k-none")};let m=typeof n=="object"&&n.name&&n.name;return(0,ns.jsx)("span",{...p,className:o(e.className,Cu,C("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:(0,ns.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof n=="object"?n.viewBox:i,dangerouslySetInnerHTML:typeof n=="object"?{__html:n.content}:void 0,children:n?void 0:e.children})})};Nd.states=BR;Nd.options=PR;Nd.className=Cu;Nd.defaultOptions=IN;var Mu=Nd;var wu=LN(require("@progress/kendo-svg-icons"));var BN="icon",PN="icons";var El=require("react/jsx-runtime"),Rp="k-icon",DR=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),RR=[],KR={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},Lu={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:a,icon:l,type:s=Lu.type,rotate:i,flip:n,viewBox:p=Lu.viewBox,...m}=e;if(!l)return(0,El.jsx)(El.Fragment,{});if(s==="svg"){if(l==="none")return(0,El.jsx)(Mu,{...m,className:o(e.className,Rp),icon:l,size:t});let f=wu[l]?l:DR(`${l}-icon`);return wu[f]?(0,El.jsx)(Mu,{...m,className:o(e.className,Rp),icon:wu[f],size:t,themeColor:a,rotate:i,flip:n,viewBox:p}):(0,El.jsx)(El.Fragment,{})}return(0,El.jsx)(SN,{...m,className:o(e.className,Rp),icon:l,size:t,themeColor:a,rotate:i,flip:n})};g.states=RR;g.options=KR;g.defaultOptions=Lu;g.className=Rp;g.moduleName=BN;g.folderName=PN;var Su=g;var Zt="column-menu",ro=Zt;var DN=require("react/jsx-runtime"),Iu="k-column-menu",YR=[],OR={size:[d.small,d.medium,d.large]},Bu={view:"list",size:d.medium},or=e=>{let{view:t=Bu.view,size:a=Bu.size,...l}=e;return(0,DN.jsx)("div",{...l,className:o(e.className,Iu,C(Iu,{size:a}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};or.states=YR;or.options=OR;or.className=Iu;or.defaultOptions=Bu;or.moduleName=Zt;or.folderName=ro;var Du=require("react/jsx-runtime"),Pu="k-column-list",HR=[],FR={size:[d.small,d.medium,d.large]},RN={size:d.medium},xi=e=>{let{size:t=RN.size,...a}=e;return(0,Du.jsx)("div",{className:"k-column-list-wrapper",children:(0,Du.jsx)("div",{...a,className:o(e.className,Pu,C(Pu,{size:t})),children:e.children})})};xi.states=HR;xi.options=FR;xi.className=Pu;xi.defaultOptions=RN;xi.moduleName=Zt;xi.folderName=ro;var ds="checkbox",gi=ds;var Ku=require("react/jsx-runtime"),Kp="k-checkbox",GR=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],zR={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full]},Ru={size:d.medium,rounded:x.medium},ft=e=>{let{id:t,checked:a,indeterminate:l,hover:s,focus:i,disabled:n,invalid:p,valid:m,required:f,size:A=Ru.size,rounded:v=Ru.rounded,...b}=e;return(0,Ku.jsx)("span",{className:"k-checkbox-wrap",children:(0,Ku.jsx)("input",{...b,id:t,type:"checkbox",defaultChecked:a,required:f,className:o(e.className,Kp,C(Kp,{size:A,rounded:v}),h(Kp,{hover:s,focus:i,disabled:n,invalid:p,valid:m,indeterminate:l,checked:a}))})})};ft.states=GR;ft.options=zR;ft.className=Kp;ft.defaultOptions=Ru;ft.moduleName=ds;ft.folderName=gi;var ON=require("react/jsx-runtime"),KN="k-checkbox-list",WR=[],QR={},YN={layout:"vertical"},ar=e=>{let{layout:t=YN.layout,...a}=e;return(0,ON.jsx)("ul",{...a,className:o(e.className,KN,{[`k-list-${t}`]:t}),children:e.children})};ar.states=WR;ar.options=QR;ar.className=KN;ar.defaultOptions=YN;ar.moduleName=ds;ar.folderName=gi;var FN=require("react/jsx-runtime"),HN="k-checkbox-list-item",VR=[],XR={},ZR={},lr=e=>{let{...t}=e;return(0,FN.jsx)("li",{...t,className:o(e.className,HN),children:e.children})};lr.states=VR;lr.options=XR;lr.className=HN;lr.defaultOptions=ZR;lr.moduleName=ds;lr.folderName=gi;var Ou=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var Fu=require("react/jsx-runtime");var Gu=require("react/jsx-runtime");var JR=require("react/jsx-runtime");var UR=require("react/jsx-runtime");var Ad=require("react/jsx-runtime"),zu="k-column-list-item",jR=[r.focus,r.disabled,r.hover],qR={},_R={},Yp=e=>{let{label:t,checked:a,focus:l,hover:s,disabled:i,...n}=e;return(0,Ad.jsxs)("label",{...n,className:o(e.className,zu,h(zu,{focus:l,hover:s,disabled:i})),children:[(0,Ad.jsx)(ft,{disabled:i,checked:a}),(0,Ad.jsx)("span",{className:"k-checkbox-label",children:t})]})};Yp.states=jR;Yp.options=qR;Yp.className=zu;Yp.defaultOptions=_R;var cs=require("react/jsx-runtime"),Wu="k-columnmenu-item",$R=[r.focus,r.selected],eK={},tK={},Cl=e=>{let{focus:t,selected:a,text:l,startIcon:s,endIcon:i,sortIndex:n,...p}=e;return(0,cs.jsxs)("div",{...p,className:o(e.className,Wu,h(Wu,{focus:t,selected:a})),children:[s&&(0,cs.jsx)(g,{icon:s}),l,i&&(0,cs.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,cs.jsx)(g,{icon:i}),n&&(0,cs.jsx)("span",{className:"k-sort-index",children:n})]}),e.children]})};Cl.states=$R;Cl.options=eK;Cl.className=Wu;Cl.defaultOptions=tK;Cl.moduleName=Zt;Cl.folderName=ro;var oK=require("react/jsx-runtime");var zN=require("react/jsx-runtime"),aK="k-columnmenu-item-content",GN=e=>(0,zN.jsx)("div",{...e,className:o(e.className,aK,"k-columns-item"),children:e.children});var Qu=require("react/jsx-runtime"),WN="k-filter-menu",lK=[],rK={},sK={},rr=e=>{let{...t}=e;return(0,Qu.jsx)("form",{...t,className:o(e.className,WN),children:(0,Qu.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};rr.states=lK;rr.options=rK;rr.className=WN;rr.defaultOptions=sK;rr.moduleName=Zt;rr.folderName=ro;var iK=require("react/jsx-runtime");var bi=require("react/jsx-runtime"),nK="k-item",dK={size:[d.small,d.medium,d.large]},cK=[],pK={size:d.medium},Op=e=>{let{text:t,size:a,...l}=e;return(0,bi.jsx)("li",{...l,className:o(e.className,nK),children:(0,bi.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,bi.jsx)(ft,{size:a}),(0,bi.jsx)("span",{children:t})]})})};Op.states=cK;Op.options=dK;Op.defaultOptions=pK;var VN=require("react/jsx-runtime"),Vu="k-group-menu",mK=[],uK={size:[d.small,d.medium,d.large]},QN={size:d.medium},Ni=e=>{let{size:t=QN.size,...a}=e;return(0,VN.jsx)("div",{...a,className:o(e.className,Vu,C(Vu,{size:t})),children:e.children})};Ni.states=mK;Ni.options=uK;Ni.className=Vu;Ni.defaultOptions=QN;Ni.moduleName=Zt;Ni.folderName=ro;var La=require("react/jsx-runtime"),Xu="k-group-menu-item",fK=[r.hover,r.selected],kK={},hK={},Ai=e=>{let{hover:t,selected:a,text:l,actionsStart:s,actionsEnd:i,...n}=e;return(0,La.jsxs)("div",{...n,className:o(e.className,Xu,h(Xu,{hover:t,selected:a})),children:[s&&(0,La.jsx)("span",{className:"k-group-menu-item-actions",children:s}),(0,La.jsx)("span",{className:"k-group-item-text",children:l}),i&&(0,La.jsxs)(La.Fragment,{children:[(0,La.jsx)("span",{className:"k-spacer"}),(0,La.jsx)("span",{className:"k-group-menu-item-actions",children:i})]}),e.children]})};Ai.states=fK;Ai.options=kK;Ai.className=Xu;Ai.defaultOptions=hK;Ai.moduleName=Zt;Ai.folderName=ro;var sr=require("react/jsx-runtime"),Zu="k-group-menu-item-action",xK=[r.hover,r.disabled,r.selected],gK={size:[d.small,d.medium,d.large]},XN={size:d.medium};var Hp=e=>{let{hover:t,disabled:a,selected:l,size:s=XN.size,type:i,...n}=e,p;switch(i){case"remove":p=(0,sr.jsx)(g,{icon:"x-circle",size:s});break;case"add":p=(0,sr.jsx)(g,{icon:"plus-circle",size:s});break;case"drag":p=(0,sr.jsx)(g,{icon:"handle-drag-dots",size:s});break;case"up":p=(0,sr.jsx)(g,{icon:"chevron-up",size:s});break;case"down":p=(0,sr.jsx)(g,{icon:"chevron-down",size:s});break;default:p=(0,sr.jsx)(g,{icon:i,size:s});break}return(0,sr.jsx)("span",{...n,className:o(e.className,Zu,h(Zu,{selected:l,hover:t,disabled:a}),`k-group-menu-item-${i}-action`),children:p})};Hp.options=xK;Hp.options=gK;Hp.className=Zu;Hp.defaultOptions=XN;var bK=require("react/jsx-runtime");var Ju=require("react/jsx-runtime");var UN=require("react/jsx-runtime"),ZN="k-tabstrip-items",NK=[],AK={},vK={tabAlignment:"start"},vd=e=>{let{children:t,tabAlignment:a,...l}=e;return(0,UN.jsx)("ul",{...l,className:o(e.className,ZN,"k-reset",`k-tabstrip-items-${a}`),children:t})};vd.states=NK;vd.options=AK;vd.className=ZN;vd.defaultOptions=vK;var JN=vd;var $N=require("react/jsx-runtime"),jN="k-tabstrip-items-wrapper",TK=[],yK={},qN={orientation:"horizontal"},Td=e=>{let{children:t,orientation:a=qN.orientation,...l}=e;return(0,$N.jsx)("div",{...l,className:o(e.className,jN,{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),children:t})};Td.states=TK;Td.options=yK;Td.className=jN;Td.defaultOptions=qN;var _N=Td;var yd="tabstrip",Fp=yd;var bo=require("react/jsx-runtime"),ps="k-tabstrip",EK=[],CK={size:[d.small,d.medium,d.large]},Ed={size:d.medium,position:"top",tabAlignment:"start",scrollButtons:"around"},pa=e=>{let{size:t=Ed.size,scrollable:a,children:l,tabStripItems:s,position:i=Ed.position,tabAlignment:n=Ed.tabAlignment,scrollButtons:p=Ed.scrollButtons,dir:m,scrollingPosition:f,...A}=e,v={top:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},bottom:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},b={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},y={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,bo.jsxs)("div",{dir:m,...A,className:o(ps,e.className,{[`${ps}-${i}`]:i,[`${ps}-scrollable`]:a,[`${ps}-scrollable-overlay`]:a&&(p==="hidden"||!p),[`${ps}-scrollable-${f}`]:f&&f!=="both"},C(ps,{size:t})),children:[i==="bottom"&&l,(0,bo.jsxs)(_N,{orientation:b[i],children:[a&&(p==="around"||p==="start")&&(0,bo.jsx)("span",{className:o("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,bo.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].prev}`})}),a&&p==="start"&&(0,bo.jsx)("span",{className:o("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,bo.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].next}`})}),(0,bo.jsx)(JN,{className:o({"k-tabstrip-items-scroll":a&&p==="hidden"}),tabAlignment:y[n],children:s}),a&&p==="end"&&(0,bo.jsx)("span",{className:o("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,bo.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].prev}`})}),a&&(p==="around"||p==="end")&&(0,bo.jsx)("span",{className:o("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat,themeColor:u.base,rounded:null}),"k-icon-button"),children:(0,bo.jsx)(g,{className:"k-button-icon",icon:`caret-alt-${v[i].next}`})})]}),i!=="bottom"&&l]})};pa.states=EK;pa.options=CK;pa.className=ps;pa.defaultOptions=Ed;pa.moduleName=yd;pa.folderName=Fp;var tA=require("react/jsx-runtime"),eA="k-tabstrip-wrapper",MK=[],wK={},LK={},vi=e=>{let{...t}=e;return(0,tA.jsx)("div",{...t,className:o(e.className,eA),children:e.children})};vi.states=MK;vi.options=wK;vi.className=eA;vi.defaultOptions=LK;vi.moduleName=yd;vi.folderName=Fp;var oA=require("react/jsx-runtime"),SK=[],IK={},de=e=>{let{type:t,...a}=e;return(0,oA.jsx)(t,{...a,className:o(e.className),children:e.children})};de.states=SK;de.options=IK;var fe="typography",Ae=fe;var lA=require("react/jsx-runtime"),aA="k-body",BK=[],PK={},Cd=e=>(0,lA.jsx)(de,{...e,className:o(e.className,aA),type:"body"});Cd.states=BK;Cd.options=PK;Cd.className=aA;Cd.moduleName=fe;Cd.folderName=Ae;var sA=require("react/jsx-runtime"),rA="k-pre",DK=[],RK={},Md=e=>(0,sA.jsx)(de,{...e,className:o(e.className,rA),type:"pre"});Md.states=DK;Md.options=RK;Md.className=rA;Md.moduleName=fe;Md.folderName=Ae;var nA=require("react/jsx-runtime"),iA="k-code",KK=[],YK={},wd=e=>(0,nA.jsx)(de,{...e,className:o(e.className,iA),type:"code"});wd.states=KK;wd.options=YK;wd.className=iA;wd.moduleName=fe;wd.folderName=Ae;var cA=require("react/jsx-runtime"),dA="k-paragraph",OK=[],HK={},Ld=e=>(0,cA.jsx)(de,{...e,className:o(e.className,dA),type:"p"});Ld.states=OK;Ld.options=HK;Ld.className=dA;Ld.moduleName=fe;Ld.folderName=Ae;var mA=require("react/jsx-runtime"),pA="k-h1",FK=[],GK={},Sd=e=>(0,mA.jsx)(de,{...e,className:o(e.className,pA),type:"h1"});Sd.states=FK;Sd.options=GK;Sd.className=pA;Sd.moduleName=fe;Sd.folderName=Ae;var fA=require("react/jsx-runtime"),uA="k-h2",zK=[],WK={},Id=e=>(0,fA.jsx)(de,{...e,className:o(e.className,uA),type:"h2"});Id.states=zK;Id.options=WK;Id.className=uA;Id.moduleName=fe;Id.folderName=Ae;var hA=require("react/jsx-runtime"),kA="k-h3",QK=[],VK={},Bd=e=>(0,hA.jsx)(de,{...e,className:o(e.className,kA),type:"h3"});Bd.states=QK;Bd.options=VK;Bd.className=kA;Bd.moduleName=fe;Bd.folderName=Ae;var gA=require("react/jsx-runtime"),xA="k-h4",XK=[],ZK={},Pd=e=>(0,gA.jsx)(de,{...e,className:o(e.className,xA),type:"h4"});Pd.states=XK;Pd.options=ZK;Pd.className=xA;Pd.moduleName=fe;Pd.folderName=Ae;var NA=require("react/jsx-runtime"),bA="k-h5",JK=[],UK={},Dd=e=>(0,NA.jsx)(de,{...e,className:o(e.className,bA),type:"h5"});Dd.states=JK;Dd.options=UK;Dd.className=bA;Dd.moduleName=fe;Dd.folderName=Ae;var vA=require("react/jsx-runtime"),AA="k-h6",jK=[],qK={},Rd=e=>(0,vA.jsx)(de,{...e,className:o(e.className,AA),type:"h6"});Rd.states=jK;Rd.options=qK;Rd.className=AA;Rd.moduleName=fe;Rd.folderName=Ae;var yA=require("react/jsx-runtime"),TA="k-display-1",_K=[],$K={},Kd=e=>(0,yA.jsx)(de,{...e,className:o(e.className,TA),type:"div"});Kd.states=_K;Kd.options=$K;Kd.className=TA;Kd.moduleName=fe;Kd.folderName=Ae;var CA=require("react/jsx-runtime"),EA="k-display-2",eY=[],tY={},Yd=e=>(0,CA.jsx)(de,{...e,className:o(e.className,EA),type:"div"});Yd.states=eY;Yd.options=tY;Yd.className=EA;Yd.moduleName=fe;Yd.folderName=Ae;var wA=require("react/jsx-runtime"),MA="k-display-3",oY=[],aY={},Od=e=>(0,wA.jsx)(de,{...e,className:o(e.className,MA),type:"div"});Od.states=oY;Od.options=aY;Od.className=MA;Od.moduleName=fe;Od.folderName=Ae;var SA=require("react/jsx-runtime"),LA="k-display-4",lY=[],rY={},Hd=e=>(0,SA.jsx)(de,{...e,className:o(e.className,LA),type:"div"});Hd.states=lY;Hd.options=rY;Hd.className=LA;Hd.moduleName=fe;Hd.folderName=Ae;var Uu="action-buttons",IA=Uu;var PA=require("react/jsx-runtime"),Gp="k-actions",sY=[],iY={},ju={alignment:"start",orientation:"horizontal"},J=e=>{let{alignment:t=ju.alignment,orientation:a=ju.orientation,...l}=e;return(0,PA.jsx)("div",{...l,className:o(Gp,{[`${Gp}-${t}`]:t,[`${Gp}-${a}`]:a},e.className),children:e.children})};J.states=sY;J.options=iY;J.className=Gp;J.defaultOptions=ju;J.moduleName=Uu;J.folderName=IA;var BA=J;var Fd="input",zp=Fd;var DA=require("react/jsx-runtime"),Wp="k-input",nY=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],dY={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Qp={size:d.medium,rounded:d.medium,fillMode:N.solid},S=e=>{let{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p,size:m=Qp.size,rounded:f=Qp.rounded,fillMode:A=Qp.fillMode,...v}=e;return(0,DA.jsx)("span",{...v,className:o(e.className,Wp,C(Wp,{size:m,rounded:f,fillMode:A}),h(Wp,{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p}))})};S.states=nY;S.options=dY;S.className=Wp;S.defaultOptions=Qp;S.moduleName=Fd;S.folderName=zp;var RA=require("react/jsx-runtime"),Vp="k-picker",cY=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],pY={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Xp={size:d.medium,rounded:x.medium,fillMode:N.solid},Jt=e=>{let{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p,size:m=Xp.size,rounded:f=Xp.rounded,fillMode:A=Xp.fillMode,...v}=e;return(0,RA.jsx)("span",{...v,className:o(e.className,Vp,C(Vp,{size:m,rounded:f,fillMode:A}),h(Vp,{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p})),children:e.children})};Jt.states=cY;Jt.options=pY;Jt.className=Vp;Jt.defaultOptions=Xp;Jt.moduleName=Fd;Jt.folderName=zp;var Ti=require("react/jsx-runtime"),KA="k-clear-value",mY=[r.disabled,r.loading,r.readonly],uY={},se=e=>{let{disabled:t,loading:a,readonly:l,value:s}=e;return t||l||a||!s?(0,Ti.jsx)(Ti.Fragment,{}):(0,Ti.jsx)("span",{className:o(e.className,KA),children:(0,Ti.jsx)(g,{icon:"x"})})};se.states=mY;se.options=uY;se.className=KA;var YA=require("react/jsx-runtime"),qu="k-input-inner",fY=[],kY={},Zp={type:"text",autocomplete:"off",value:"",placeholder:""},ke=e=>{let{value:t=Zp.value,type:a=Zp.type,placeholder:l=Zp.placeholder,autocomplete:s=Zp.autocomplete,...i}=e;return(0,YA.jsx)("input",{...i,type:a,className:o(e.className,qu,C(qu,e)),placeholder:l,autoComplete:s,defaultValue:t})};ke.states=fY;ke.options=kY;ke.className=qu;var Gd=require("react/jsx-runtime"),_u="k-input-inner",hY=[],xY={},wl=e=>{let{value:t,placeholder:a,showValue:l,valueIcon:s,valueIconName:i,...n}=e;return(0,Gd.jsxs)("span",{...n,className:o(e.className,_u,C(_u,e)),children:[s,!s&&i&&(0,Gd.jsx)(g,{className:"k-input-value-icon",icon:i}),l&&!t&&a,l&&t&&(0,Gd.jsx)("span",{className:"k-input-value-text",children:t})]})};wl.states=hY;wl.options=xY;wl.className=_u;var HA=require("react/jsx-runtime"),$u="k-input-inner",gY=[],bY={},OA={value:"",placeholder:""},zd=e=>{let{value:t=OA.value,placeholder:a=OA.placeholder,rows:l,...s}=e;return(0,HA.jsx)("textarea",{...s,className:o(e.className,$u,C($u,e)),placeholder:a,rows:l,defaultValue:t})};zd.states=gY;zd.options=bY;zd.className=$u;var Wd=require("react/jsx-runtime"),FA="k-input-loading-icon",NY=[r.disabled,r.loading],ee=e=>{let{disabled:t,loading:a}=e;return t||!a?(0,Wd.jsx)(Wd.Fragment,{}):(0,Wd.jsx)("span",{className:o(e.className,FA,"k-icon k-i-loading")})};ee.states=NY;ee.className=FA;var Qd=require("react/jsx-runtime"),GA="k-input-validation-icon",AY=[r.valid,r.invalid,r.disabled,r.loading],vY={},_=e=>{let{valid:t,invalid:a,disabled:l,loading:s}=e,i=a?"warning-circle":"check-circle";return l||s||!!!(t||a)?(0,Qd.jsx)(Qd.Fragment,{}):(0,Qd.jsx)(g,{className:o(GA),icon:i})};_.states=AY;_.options=vY;_.className=GA;var Vd=require("react/jsx-runtime"),TY="k-input-prefix",yY={direction:"horizontal"},ae=e=>{let{direction:t=yY.direction,...a}=e;return e.children?(0,Vd.jsx)("span",{...a,className:o(TY,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Vd.jsx)(Vd.Fragment,{})};var Xd=require("react/jsx-runtime"),EY="k-input-suffix",CY={direction:"horizontal"},le=e=>{let{direction:t=CY.direction,...a}=e;return e.children?(0,Xd.jsx)("span",{...a,className:o(EY,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Xd.jsx)(Xd.Fragment,{})};var MY=require("react/jsx-runtime");var wY=require("react/jsx-runtime");var WA=require("react/jsx-runtime"),zA="k-input-separator",LY={direction:"vertical"},Ke=e=>{let{direction:t=LY.direction,...a}=e;return(0,WA.jsx)("span",{...a,className:o(zA,e.className,{[`${zA}-${t}`]:t})})};var VA=require("react/jsx-runtime"),Jp="k-input-group",SY=[r.disabled],IY={fillMode:[N.solid,N.flat,N.outline,N.clear,N.link]},QA={fillMode:N.solid},yi=e=>{let{fillMode:t=QA.fillMode,disabled:a,...l}=e;return(0,VA.jsx)("div",{...l,className:o(e.className,Jp,C(Jp,{fillMode:t}),h(Jp,{disabled:a})),children:e.children})};yi.states=SY;yi.options=IY;yi.className=Jp;yi.defaultOptions=QA;var ef="popup",XA=ef;var tf=require("react/jsx-runtime"),ZA="k-animation-container",BY=[],PY={},JA={positionMode:"absolute"},Sa=e=>{let{positionMode:t=JA.positionMode,animationStyle:a,offset:l,...s}=e;return(0,tf.jsx)("div",{...s,style:{...l,...e.style},className:o(e.className,ZA,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,tf.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Sa.states=BY;Sa.options=PY;Sa.className=ZA;Sa.defaultOptions=JA;Sa.moduleName=ef;Sa.folderName=XA;var of="popup",UA=of;var af=require("react/jsx-runtime"),jA="k-popup",DY=[],RY={},qA={positionMode:"absolute"},z=e=>{let{offset:t,positionMode:a=qA.positionMode,animationStyle:l,...s}=e;return(0,af.jsx)(Sa,{positionMode:a,offset:t,animationStyle:l,children:(0,af.jsx)("div",{...s,className:o(e.className,jA),children:e.children})})};z.states=DY;z.options=RY;z.className=jA;z.defaultOptions=qA;z.moduleName=of;z.folderName=UA;var _A=require("react/jsx-runtime"),KY="k-no-data",Zd=e=>(0,_A.jsx)("span",{className:o(KY,e.className),children:e.children});var Ll="list",ir=Ll;var Ia=require("react/jsx-runtime"),lf="k-list",YY=[],OY={size:[d.small,d.medium,d.large]},$A={size:d.medium},X=e=>{let{size:t=$A.size,virtualization:a,children:l,optionLabel:s,customValue:i,screenReaders:n,...p}=e,m,f,A,v,b=[];return l?l.map((y,E)=>{y.type===Ye?(y.props.root===!0?(m=y.props.label,y.props.children.map((M,L)=>{b.push((0,Ia.jsx)(K,{...M.props},`optChild-${L}-${new Date().getTime()}`))})):y.props.children.forEach((M,L)=>{let I="";L===0&&(I=y.props.label),b.push((0,Ia.jsx)(K,{className:L===0?"k-first":"",...M.props,groupLabel:I},`groupLabel-${L}-${new Date().getTime()}`))}),f=(0,Ia.jsx)(Ye,{label:m,virtualization:a,children:b})):y.type===K&&(b.push((0,Ia.jsx)(K,{...y.props},`${y.type}-${E}`)),A=(0,Ia.jsx)(Ei,{virtualization:a,children:b}),n&&(v=(0,Ia.jsxs)(Zd,{className:"k-sr-only",children:[b.length," items found."]})))}):v=(0,Ia.jsx)(Zd,{children:"No data found."}),(0,Ia.jsxs)("div",{...p,className:o(e.className,lf,C(lf,{size:t}),{"k-virtual-list":a}),children:[s,i,f,A,v]})};X.states=YY;X.options=OY;X.className=lf;X.defaultOptions=$A;X.moduleName=Ll;X.folderName=ir;var tv=require("react/jsx-runtime"),ev="k-list-container",HY=[],FY={},GY={},Ci=e=>{let{...t}=e;return(0,tv.jsx)("div",{...t,className:o(e.className,ev),children:e.children})};Ci.states=HY;Ci.options=FY;Ci.className=ev;Ci.defaultOptions=GY;Ci.moduleName=Ll;Ci.folderName=ir;var Ba=require("react/jsx-runtime"),rf="k-list",zY=[],WY={size:[d.small,d.medium,d.large]},ov={size:d.medium},Sl=e=>{let{size:t=ov.size,virtualization:a,children:l,...s}=e,i,n,p,m=[];return l?l.map((f,A)=>{f.type===Ye?(f.props.root===!0?(i=f.props.label,f.props.children.map((v,b)=>{m.push((0,Ba.jsx)(K,{...v.props},`optChild-${b}-${new Date().getTime()}`))})):(m.push((0,Ba.jsx)(av,{...f.props,children:f.props.label},`listChild-${A}`)),f.props.children.map((v,b)=>{m.push((0,Ba.jsx)(K,{...v.props},`fwOptChild-${b}-${new Date().getTime()}`))})),n=(0,Ba.jsx)(Ye,{label:i,virtualization:a,children:m})):f.type===K&&(m.push((0,Ba.jsx)(K,{...f.props},`${f.type}-${A}`)),p=(0,Ba.jsx)(Ei,{virtualization:a,children:m}))}):p=(0,Ba.jsx)(Zd,{children:"No data found."}),(0,Ba.jsxs)("div",{...s,className:o(e.className,rf,C(rf,{size:t}),{"k-virtual-list":a}),children:[n,p]})};Sl.states=zY;Sl.options=WY;Sl.className=rf;Sl.defaultOptions=ov;Sl.moduleName=Ll;Sl.folderName=ir;var ms=require("react/jsx-runtime"),sf="k-list-item",QY=[r.hover,r.focus,r.selected,r.disabled],VY={},XY={},K=e=>{let{text:t,groupLabel:a,group:l,showIcon:s,iconName:i,showCheckbox:n,checked:p,hover:m,focus:f,selected:A,disabled:v,...b}=e,y=t||e.children;return(0,ms.jsxs)("li",{...b,className:o(e.className,l?"k-list-group-item":sf,h(sf,{hover:m,focus:f,disabled:v,selected:A})),children:[n&&(0,ms.jsx)(ft,{checked:p}),s&&(0,ms.jsx)(g,{icon:i}),(0,ms.jsx)("span",{className:"k-list-item-text",children:y}),a&&a!==""&&(0,ms.jsx)("div",{className:"k-list-item-group-label",children:a})]})};K.states=QY;K.options=VY;K.className=sf;K.defaultOptions=XY;K.moduleName=Ll;K.folderName=ir;var Mi=require("react/jsx-runtime"),ZY="k-list-content",Ei=e=>{let{virtualization:t,...a}=e;return(0,Mi.jsxs)("div",{...a,className:o(ZY,e.className),children:[(0,Mi.jsx)("ul",{className:o("k-list-ul"),children:e.children}),t&&(0,Mi.jsx)("div",{className:"k-height-container",children:(0,Mi.jsx)("div",{})})]})};var nf=require("react/jsx-runtime"),JY="k-list-group-sticky-header",lv=e=>(0,nf.jsx)("div",{className:o(JY,e.className),children:(0,nf.jsx)("div",{className:"k-list-header-text",children:e.children})});var us=require("react/jsx-runtime"),Ye=e=>{let{virtualization:t,label:a}=e;return(0,us.jsxs)(us.Fragment,{children:[a&&(0,us.jsx)(lv,{children:a}),e.children&&(0,us.jsx)(Ei,{virtualization:t,children:e.children})]})};var df=require("react/jsx-runtime"),UY="k-list-group-item",av=e=>(0,df.jsx)("li",{className:o(UY,e.className),children:(0,df.jsx)("span",{className:"k-list-item-text",children:e.children})});var rv=require("react/jsx-runtime"),cf="k-list-optionlabel",jY=[r.hover,r.focus,r.selected,r.disabled],qY={},_Y={},Up=e=>{let{text:t,hover:a,focus:l,selected:s,disabled:i,...n}=e;return(0,rv.jsx)("div",{...n,className:o(cf,h(cf,{hover:a,focus:l,selected:s,disabled:i})),children:t})};Up.states=jY;Up.options=qY;Up.className=cf;Up.defaultOptions=_Y;var sv=require("react/jsx-runtime"),pf="k-list-custom-value",$Y=[r.hover,r.focus,r.selected,r.disabled],eO={},tO={},Lt=e=>{let{text:t,hover:a,focus:l,selected:s,disabled:i,...n}=e;return(0,sv.jsx)("div",{...n,className:o(pf,h(pf,{hover:a,focus:l,selected:s,disabled:i})),children:t})};Lt.states=$Y;Lt.options=eO;Lt.className=pf;Lt.defaultOptions=tO;var oO=require("react/jsx-runtime");var aO=require("react/jsx-runtime");var iv=require("react/jsx-runtime");var nv=require("react/jsx-runtime");var lO=require("react/jsx-runtime");var dv=require("react/jsx-runtime");var cv=require("react/jsx-runtime");var mf="button",pv=mf;var ma=require("react/jsx-runtime"),Jd="k-button",rO=["icon-button"],sO=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],iO={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},fs={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=fs.size,rounded:a=fs.rounded,fillMode:l=fs.fillMode,themeColor:s=fs.themeColor,showArrow:i=fs.showArrow,arrowIconName:n=fs.arrowIconName,variant:p,hover:m,focus:f,active:A,selected:v,disabled:b,icon:y,text:E,iconClassName:M,...L}=e,I=y!==void 0,D=e.children!==void 0;return(0,ma.jsxs)("button",{...L,className:o(e.className,Jd,Dp(Jd,p),C(Jd,{size:t,rounded:a,fillMode:l,themeColor:s}),h(Jd,{hover:m,focus:f,active:A,disabled:b,selected:v}),{"k-icon-button":!E&&!D&&I}),children:[y&&(0,ma.jsx)(g,{className:o(M,"k-button-icon"),icon:y}),E?(0,ma.jsxs)(ma.Fragment,{children:[E&&(0,ma.jsx)("span",{className:"k-button-text",children:E}),e.children]}):e.children&&(0,ma.jsx)("span",{className:"k-button-text",children:e.children}),i&&(0,ma.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ma.jsx)(g,{icon:n})})]})};c.states=sO;c.options=iO;c.variants=rO;c.className=Jd;c.defaultOptions=fs;c.moduleName=mf;c.folderName=pv;var mv=require("react/jsx-runtime"),it=e=>(0,mv.jsx)(c,{icon:"folder",...e,children:void 0});var uv=require("react/jsx-runtime"),ua=e=>(0,uv.jsx)(c,{icon:"folder",children:"Button",...e});var nO=require("react/jsx-runtime");var uf="suggestion",fv=uf;var wi=require("react/jsx-runtime"),kv="k-suggestion-group",dO=[],cO={},hv={layout:"scrollable"},Pa=e=>{let{layout:t=hv.layout,...a}=e,l=(0,wi.jsx)("div",{...a,className:o(kv,{"k-suggestion-group-scrollable":t=="scrollable"},e.className),children:e.children});return t=="scrollButtons"?(0,wi.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,wi.jsx)(c,{icon:"chevron-left"}),l,(0,wi.jsx)(c,{icon:"chevron-right"})]}):l};Pa.states=dO;Pa.options=cO;Pa.className=kv;Pa.defaultOptions=hv;Pa.moduleName=uf;Pa.folderName=fv;var xv=require("react/jsx-runtime"),jp="k-suggestion",pO=[r.active,r.hover,r.focus],mO={themeColor:[u.base,u.primary,u.secondary]},uO={text:"Suggestion"},nr=e=>{let{themeColor:t,active:a,hover:l,focus:s,text:i,...n}=e;return(0,xv.jsx)("span",{...n,className:o(e.className,jp,h(jp,{hover:l,active:a,focus:s}),C(jp,{themeColor:t})),children:i})};nr.states=pO;nr.options=mO;nr.className=jp;nr.item=uO;var ff=require("react/jsx-runtime");var kf=require("react/jsx-runtime");var hf=require("react/jsx-runtime");var xf="avatar",gv=xf;var gf=require("react/jsx-runtime"),Ud="k-avatar";var fO=[r.hover,r.focus,r.active,r.selected,r.disabled],kO={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},ks={type:"text",size:d.medium,rounded:x.full,fillMode:N.solid,themeColor:u.primary,border:!1},No=e=>{let{size:t=ks.size,rounded:a=ks.rounded,fillMode:l=ks.fillMode,themeColor:s=ks.themeColor,type:i=ks.type,border:n=ks.border,...p}=e;return(0,gf.jsx)("div",{...p,className:o(e.className,Ud,C(Ud,{size:t,rounded:a,fillMode:l,themeColor:s}),{[`${Ud}-bordered`]:n}),children:(0,gf.jsx)("span",{className:`${Ud}-${i}`,children:e.children})})};No.states=fO;No.options=kO;No.className=Ud;No.defaultOptions=ks;No.moduleName=xf;No.folderName=gv;var hO=require("react/jsx-runtime");var xO=require("react/jsx-runtime");var gO=require("react/jsx-runtime");var bf="badge",Nv=bf;var Av=require("react/jsx-runtime"),jd="k-badge",bO=[],NO={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.outline],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},qd={size:d.medium,fillMode:N.solid,themeColor:u.primary,cutoutBorder:!1},dr=e=>{let{size:t=qd.size,fillMode:a=qd.fillMode,themeColor:l=qd.themeColor,cutoutBorder:s=qd.cutoutBorder,rounded:i,position:n,align:p,...m}=e;return(0,Av.jsx)("span",{...m,className:o(e.className,jd,C(jd,{size:t,rounded:i,fillMode:a,themeColor:l}),{[`${jd}-${n}`]:n,[`k-${p}`]:p,[`${jd}-border-cutout`]:s}),children:e.children})};dr.states=bO;dr.options=NO;dr.className=jd;dr.defaultOptions=qd;dr.moduleName=bf;dr.folderName=Nv;var AO=require("react/jsx-runtime");var vO=require("react/jsx-runtime");var TO=require("react/jsx-runtime");var _d="chip",qp=_d;var Il=require("react/jsx-runtime"),_p="k-chip",yO=[r.hover,r.focus,r.active,r.selected,r.disabled],EO={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.outline],themeColor:[u.base,u.success,u.warning,u.error,u.info]},Li={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,avatarImage:"/packages/html/assets/avatar.jpg"},Ao=e=>{let{size:t=Li.size,rounded:a=Li.rounded,fillMode:l=Li.fillMode,themeColor:s=Li.themeColor,text:i,icon:n,actions:p,showAvatar:m,avatarImage:f=Li.avatarImage,hover:A,focus:v,active:b,selected:y,disabled:E,...M}=e;return(0,Il.jsxs)("div",{...M,className:o(e.className,_p,C(_p,{size:t,rounded:a,fillMode:l,themeColor:s}),h(_p,{hover:A,focus:v,active:b,disabled:E,selected:y})),children:[n&&(0,Il.jsx)(g,{className:"k-chip-icon",icon:n,size:"small"}),m&&(0,Il.jsx)(No,{className:"k-chip-avatar",type:"image",children:(0,Il.jsx)("img",{src:f})}),(0,Il.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,Il.jsx)("span",{className:"k-chip-label",children:i})}),p&&(0,Il.jsx)("span",{className:"k-chip-actions",children:p})]})};Ao.states=yO;Ao.options=EO;Ao.className=_p;Ao.defaultOptions=Li;Ao.moduleName=_d;Ao.folderName=qp;var Tv=require("react/jsx-runtime"),Nf="k-chip-list",CO=[],MO={size:[d.small,d.medium,d.large]},vv={size:d.medium},vo=e=>{let{size:t=vv.size,...a}=e;return(0,Tv.jsx)("div",{...a,className:o(e.className,Nf,C(Nf,{size:t})),children:e.children})};vo.states=CO;vo.options=MO;vo.className=Nf;vo.defaultOptions=vv;vo.moduleName=_d;vo.folderName=qp;var wO=require("react/jsx-runtime");var LO=require("react/jsx-runtime");var SO=require("react/jsx-runtime");var IO=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var $d=require("react/jsx-runtime"),yv="k-color-preview",BO=[],PO={},cr=e=>{let{color:t,iconName:a,...l}=e;return(0,$d.jsxs)("span",{...l,className:o(e.className,yv,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&(0,$d.jsx)(g,{icon:a,className:"k-color-preview-icon"}),(0,$d.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};cr.states=BO;cr.options=PO;cr.className=yv;var ec="loader",em=ec;var Wo=require("react/jsx-runtime"),vf="k-loader",DO={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},RO=[],KO={size:[d.small,d.medium,d.large],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},tm={size:d.medium,themeColor:u.primary,animation:"pulsing"},Da=e=>{let{size:t=tm.size,themeColor:a=tm.themeColor,animation:l=tm.animation,...s}=e,i=(0,Wo.jsx)("span",{className:"k-loader-segment"});return(0,Wo.jsx)("div",{...s,className:o(e.className,vf,{[`k-loader-${DO[l]||l}`]:l},C(vf,{size:t,themeColor:a})),children:(0,Wo.jsxs)("div",{className:"k-loader-canvas",children:[l==="pulsing"&&(0,Wo.jsxs)(Wo.Fragment,{children:[i,i]}),l==="infinite-spinner"&&(0,Wo.jsxs)(Wo.Fragment,{children:[i,i,i]}),l==="converging-spinner"&&(0,Wo.jsxs)(Wo.Fragment,{children:[i,i,i,i]})]})})};Da.states=RO;Da.options=KO;Da.className=vf;Da.defaultOptions=tm;Da.moduleName=ec;Da.folderName=em;var Ev=Da;var gs=require("react/jsx-runtime"),Tf="k-loader-container",YO=[],OO={size:[d.small,d.medium,d.large],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},xs={size:d.medium,themeColor:u.primary,loaderType:"pulsing",position:"top",overlay:"dark",panel:!1},bs=e=>{let{size:t=xs.size,themeColor:a=xs.themeColor,loaderType:l=xs.loaderType,position:s=xs.position,overlay:i=xs.overlay,panel:n=xs.panel,...p}=e;return(0,gs.jsxs)("div",{...p,className:o(e.className,Tf,C(Tf,{size:t}),{[`k-loader-${s}`]:s}),children:[(0,gs.jsx)("div",{className:`k-loader-container-overlay k-overlay-${i}`}),(0,gs.jsxs)("div",{className:o("k-loader-container-inner",{"k-loader-container-panel":n}),children:[(0,gs.jsx)(Ev,{size:t,themeColor:a,animation:l}),(0,gs.jsx)("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};bs.states=YO;bs.options=OO;bs.className=Tf;bs.defaultOptions=xs;bs.moduleName=ec;bs.folderName=em;var HO=require("react/jsx-runtime");var FO=require("react/jsx-runtime");var GO=require("react/jsx-runtime");var zO=require("react/jsx-runtime");var yf="skeleton",Cv=yf;var Mv=require("react/jsx-runtime"),Ef="k-skeleton",WO=["circle","text","rect"],QO=[],VO={},Cf={variant:"text",shape:"text",animation:"pulse"},fa=e=>{let{variant:t,shape:a,animation:l=Cf.animation,...s}=e,i=`skeleton-${t||a||Cf.variant}`;return(0,Mv.jsx)("span",{...s,className:o(e.className,Ef,Dp(Ef,i),{[`k-skeleton-${l}`]:l}),style:e.style})};fa.states=QO;fa.options=VO;fa.variants=WO;fa.className=Ef;fa.defaultOptions=Cf;fa.moduleName=yf;fa.folderName=Cv;var XO=require("react/jsx-runtime");var wv=require("react/jsx-runtime"),Mf=e=>(0,wv.jsx)(fa,{shape:"rect",...e});var ZO=require("react/jsx-runtime");var Ra=require("react/jsx-runtime"),wf="k-form-field",JO=[r.disabled],St=e=>{let{label:t,orientation:a,optional:l,editor:s,hint:i,error:n,info:p,disabled:m,dir:f,colSpan:A}=e;return(0,Ra.jsxs)("div",{className:o(wf,e.className,h(wf,{disabled:m}),{[`k-col-span-${A}`]:A}),dir:f,children:[t&&(0,Ra.jsxs)("label",{className:o("k-label","k-form-label"),children:[t,l&&(0,Ra.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),p&&(0,Ra.jsx)("span",{className:"k-field-info",children:"(field info)"})]}),a==="horizontal"&&!t&&(0,Ra.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,Ra.jsxs)("div",{className:"k-form-field-wrap",children:[s,i&&(0,Ra.jsx)("div",{className:"k-form-hint",children:i}),n&&(0,Ra.jsx)("div",{className:"k-form-error",children:n})]})]})};St.states=JO;St.className=wf;var pr=require("react/jsx-runtime"),Lv="k-form-fieldset",Ka=e=>{let{legend:t,layout:a,cols:l,gutters:s,colSpan:i}=e;return(0,pr.jsxs)("fieldset",{className:o(Lv,{[`k-col-span-${i}`]:i}),children:[t&&(0,pr.jsx)("legend",{className:"k-form-legend",children:t}),a==="grid"?(0,pr.jsx)("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${l}`]:l}),style:{...typeof s=="string"&&{gap:s},...typeof s=="object"&&s.rows&&{rowGap:s.rows},...typeof s=="object"&&s.cols&&{columnGap:s.cols}},children:e.children}):(0,pr.jsx)(pr.Fragment,{children:e.children})]})};Ka.className=Lv;var Sv="form",Iv="forms";var Ya=require("react/jsx-runtime"),lm=require("react"),om="k-form",UO=[],jO={size:[d.small,d.medium,d.large]},am={size:d.medium,layout:"basic",tag:"form"},ka=e=>{let{size:t=am.size,orientation:a,layout:l=am.layout,formButtons:s,cols:i,gutters:n,tag:p=am.tag,children:m}=e,f=({tag:v,className:b,children:y})=>v==="form"?(0,Ya.jsx)("form",{className:b,children:y}):(0,Ya.jsx)("div",{className:b,children:y}),A=[];return m&&(Array.isArray(m)?m.map((v,b)=>{v.type===St?A.push((0,lm.createElement)(St,{...v.props,orientation:a,key:b})):A.push(v)}):m.type===St?A.push((0,lm.createElement)(St,{...m.props,orientation:a,key:`${new Date().getTime()}`})):m.type===Ka&&A.push((0,lm.createElement)(Ka,{...m.props,key:`${new Date().getTime()}`}))),(0,Ya.jsxs)(f,{tag:p,className:o(e.className,om,C(om,{size:t}),{[`${om}-${a}`]:a}),children:[l==="grid"?(0,Ya.jsx)("div",{className:o("k-form-layout","k-d-grid",{[`k-grid-cols-${i}`]:i}),style:{...typeof n=="string"&&{gap:n},...typeof n=="object"&&n.rows&&{rowGap:n.rows},...typeof n=="object"&&n.cols&&{columnGap:n.cols}},children:A}):(0,Ya.jsx)(Ya.Fragment,{children:A}),s&&(0,Ya.jsx)("div",{className:"k-form-buttons",children:s})]})};ka.states=UO;ka.options=jO;ka.className=om;ka.defaultOptions=am;ka.moduleName=Sv;ka.folderName=Iv;var Pv=require("react/jsx-runtime"),qO="k-actionsheet-footer",Bv={alignment:"stretched",orientation:"horizontal"},ha=e=>{let{alignment:t=Bv.alignment,orientation:a=Bv.orientation,template:l,as:s=l?"div":J,...i}=e;return(0,Pv.jsx)(s,{...i,...!l&&{alignment:t,orientation:a},className:o(e.className,qO),children:e.children})};var Lf="searchbox",Dv=Lf;var mr=require("react/jsx-runtime"),Rv="k-searchbox",_O=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],$O={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Sf={showIcon:!0,icon:"search",size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode},nt=e=>{let{value:t,placeholder:a,size:l,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,showIcon:y=Sf.showIcon,icon:E=Sf.icon,...M}=e;return(0,mr.jsxs)(S,{...M,size:l,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,className:o(e.className,Rv),children:[y&&(0,mr.jsx)(g,{className:"k-input-icon",icon:E}),(0,mr.jsx)(ke,{placeholder:a,value:t}),(0,mr.jsx)(ee,{...e}),(0,mr.jsx)(_,{...e}),(0,mr.jsx)(se,{...e})]})};nt.states=_O;nt.options=$O;nt.className=Rv;nt.defaultOptions=Sf;nt.moduleName=Lf;nt.folderName=Dv;var e2=require("react/jsx-runtime");var If="textbox",Kv=If;var Ht=require("react/jsx-runtime"),Yv="k-textbox",t2=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],o2={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Ns={showClearButton:!0,showValidationIcon:!0,size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode,separators:!0},$=e=>{let{size:t=Ns.size,rounded:a=Ns.rounded,fillMode:l=Ns.fillMode,separators:s=Ns.separators,showClearButton:i=Ns.showClearButton,showValidationIcon:n=Ns.showValidationIcon,prefix:p,suffix:m,type:f,value:A,placeholder:v,hover:b,focus:y,valid:E,invalid:M,required:L,loading:I,disabled:D,readonly:G,...Z}=e;return(0,Ht.jsxs)(S,{...Z,size:t,rounded:a,fillMode:l,hover:b,focus:y,valid:E,invalid:M,required:L,loading:I,disabled:D,readonly:G,className:o(e.className,Yv),children:[p&&(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsx)(ae,{children:p}),s&&(0,Ht.jsx)(Ke,{})]}),(0,Ht.jsx)(ke,{placeholder:v,value:A,type:f}),n&&(0,Ht.jsx)(_,{valid:E,invalid:M,loading:I,disabled:D}),(0,Ht.jsx)(ee,{loading:I,disabled:D}),i&&(0,Ht.jsx)(se,{loading:I,disabled:D,readonly:G,value:A}),m&&(0,Ht.jsxs)(Ht.Fragment,{children:[s&&(0,Ht.jsx)(Ke,{}),(0,Ht.jsx)(le,{children:m})]})]})};$.states=t2;$.options=o2;$.className=Yv;$.defaultOptions=Ns;$.moduleName=If;$.folderName=Kv;var a2=require("react/jsx-runtime");var Hv=require("react/jsx-runtime");var Gv=require("react/jsx-runtime");var To=require("react/jsx-runtime"),zv="k-actionsheet-titlebar",l2={},ce=e=>{let{title:t,subtitle:a,actionsStart:l,actionsEnd:s,filter:i,input:n,inputValue:p,inputPlaceholder:m,adaptive:f,children:A,...v}=e;return(0,To.jsxs)("div",{...v,className:o(e.className,zv),children:[(0,To.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[l&&(0,To.jsx)("div",{className:"k-actionsheet-actions",children:l}),!A&&(0,To.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,To.jsx)("div",{className:"k-text-center",children:t}),a&&(0,To.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),A&&(0,To.jsx)("div",{className:"k-actionsheet-title",children:A}),s&&(0,To.jsx)("div",{className:"k-actionsheet-actions",children:s})]}),(n||i)&&(0,To.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:n?(0,To.jsx)($,{value:p,placeholder:m,size:f?"large":"medium"}):(0,To.jsx)(nt,{placeholder:"Filter",size:f?"large":"medium"})})]})};ce.className=zv;ce.defaultOptions=l2;var Si=require("react/jsx-runtime"),Bf="k-actionsheet-view",r2=[],s2={},i2={},Ii=e=>{let{adaptive:t,animated:a,children:l,header:s,footer:i,...n}=e,p=(s==null?void 0:s.type)===ce&&(0,Si.jsx)(ce,{adaptive:t,...s==null?void 0:s.props}),m=(i==null?void 0:i.type)===ha&&(0,Si.jsx)(ha,{...i==null?void 0:i.props});return(0,Si.jsxs)("div",{...n,className:o(e.className,Bf,{[`${Bf}-animated`]:a}),children:[p,(0,Si.jsx)("div",{className:"k-actionsheet-content",children:l}),m]})};Ii.states=r2;Ii.options=s2;Ii.className=Bf;Ii.defaultOptions=i2;var tc="action-sheet",rm=tc;var As=require("react/jsx-runtime"),Wv="k-actionsheet",n2=[],d2={},oc={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=oc.side,fullscreen:a=oc.fullscreen,adaptive:l=oc.adaptive,overlay:s=oc.overlay,template:i,children:n,header:p,footer:m,...f}=e;return(0,As.jsxs)("div",{className:"k-actionsheet-container",children:[s&&(0,As.jsx)("div",{className:"k-overlay"}),(0,As.jsx)(Sa,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,As.jsx)("div",{...f,className:o(e.className,Wv,{[`k-actionsheet-${t}`]:a===!1,"k-actionsheet-fullscreen":a===!0,"k-adaptive-actionsheet":l}),children:i||(0,As.jsx)(Ii,{header:p,footer:m,adaptive:l,...e,children:n})})})]})};ie.states=n2;ie.options=d2;ie.className=Wv;ie.defaultOptions=oc;ie.moduleName=tc;ie.folderName=rm;var Vv=require("react/jsx-runtime"),Qv="k-actionsheet-container",c2=[],p2={},m2={},Bi=e=>{let{children:t,...a}=e;return(0,Vv.jsx)("div",{...a,className:Qv,children:t})};Bi.states=c2;Bi.options=p2;Bi.className=Qv;Bi.defaultOptions=m2;Bi.moduleName=tc;Bi.folderName=rm;var u2=require("react/jsx-runtime");var Qo=require("react/jsx-runtime"),Pf="k-actionsheet-item",f2=[r.hover,r.focus,r.selected,r.disabled],Df=e=>{let{iconName:t,text:a,description:l,hover:s,focus:i,selected:n,disabled:p,...m}=e;return(0,Qo.jsxs)("span",{...m,className:o(e.className,Pf,h(Pf,{hover:s,focus:i,selected:n,disabled:p})),children:[!e.children&&(0,Qo.jsx)(Qo.Fragment,{children:(0,Qo.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Qo.jsx)("span",{className:"k-icon-wrap",children:(0,Qo.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,Qo.jsxs)("span",{className:"k-actionsheet-item-text",children:[a&&(0,Qo.jsx)("span",{className:"k-actionsheet-item-title",children:a}),l&&(0,Qo.jsx)("span",{className:"k-actionsheet-item-description",children:l})]})]})}),e.children]})};Df.states=f2;Df.className=Pf;var Xv=require("react/jsx-runtime");var k2=require("react/jsx-runtime");var h2=require("react/jsx-runtime");var x2=require("react/jsx-runtime");var Jv="dropdown-list",Uv="dropdownlist";var ot=require("react/jsx-runtime"),jv="k-dropdownlist",g2=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],b2={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Pi={showValue:!0,arrowIconName:"caret-alt-down",size:d.medium,rounded:x.medium,fillMode:N.solid},re=e=>{let{size:t=Pi.size,rounded:a=Pi.rounded,fillMode:l=Pi.fillMode,arrowIconName:s=Pi.arrowIconName,showValue:i=Pi.showValue,valueIconName:n,prefix:p,suffix:m,value:f,placeholder:A,hover:v,focus:b,valid:y,invalid:E,required:M,loading:L,disabled:I,readonly:D,popup:G,opened:Z,adaptive:Re,adaptiveSettings:ut,adaptiveTitle:Xt,adaptiveSubtitle:ca,adaptiveFilter:is,...hi}=e;return(0,ot.jsxs)(ot.Fragment,{children:[(0,ot.jsxs)(Jt,{...hi,size:t,rounded:a,fillMode:l,hover:v,focus:b,valid:y,invalid:E,required:M,loading:L,disabled:I,readonly:D,className:o(e.className,jv,{"k-icon-picker":!i&&n}),children:[(0,ot.jsx)(ae,{children:p}),(0,ot.jsx)(wl,{placeholder:A,value:f,showValue:i,valueIconName:n}),(0,ot.jsx)(_,{valid:y,invalid:E,loading:L,disabled:I}),(0,ot.jsx)(ee,{loading:L,disabled:I}),(0,ot.jsx)(le,{children:m}),(0,ot.jsx)(c,{className:"k-input-button",icon:s,rounded:null,size:e.size,fillMode:e.fillMode})]}),Z&&G&&(0,ot.jsx)(z,{className:"k-list-container k-dropdownlist-popup",children:G}),Re&&(0,ot.jsx)(ie,{adaptive:!0,...ut,header:(0,ot.jsx)(ce,{actionsEnd:(0,ot.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:is,inputValue:f,inputPlaceholder:A,title:Xt,subtitle:ca}),children:(0,ot.jsx)("div",{className:"k-list-container",children:(0,ot.jsxs)(X,{size:"large",children:[(0,ot.jsx)(K,{text:"List item"}),(0,ot.jsx)(K,{text:"List item"}),(0,ot.jsx)(K,{text:"List item"})]})})})]})};re.states=g2;re.