UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

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