npm - @progress/kendo-themes-html - Versions diffs - 14.4.1-dev.0 → 14.4.1-dev.1 - Mend

@progress/kendo-themes-html 14.4.1-dev.0 → 14.4.1-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (226) hide show

package/dist/esm/timepicker/timepicker.spec.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var T=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),z=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:r,checked:d,active:c,selected:m,disabled:x,indeterminate:N,loading:S,empty:M,readonly:H,highlighted:g,...O}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":r,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":x,"k-indeterminate":N&&!d,"k-loading":S,"k-empty":M,"k-readonly":H,"k-highlighted":g},Object.keys(O).reduce((v,C)=>(C.startsWith("k-")?v[C]=O[C]:v[`k-${C}`]=O[C],v),{}))};function Mt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},D={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},u={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var De={};function Et(e){return De[e]=(De[e]\|\|0)+1,`k-${e}-${De[e]}`}var Ne="input",ge=Ne;import{jsx as go}from"react/jsx-runtime";var Oe="k-input",Eo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Io={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},yo={},E=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c,size:m,rounded:x,fillMode:N,...S}=e;return go("span",{...S,className:i(e.className,Oe,T(Oe,{size:m,rounded:x,fillMode:N}),z(Oe,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c}))})};E.states=Eo;E.options=Io;E.className=Oe;E.defaultOptions=yo;E.moduleName=Ne;E.folderName=ge;import{jsx as Lo}from"react/jsx-runtime";var Ce="k-picker",Oo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Co={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ko={},oe=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c,size:m,rounded:x,fillMode:N,...S}=e;return Lo("span",{...S,className:i(e.className,Ce,T(Ce,{size:m,rounded:x,fillMode:N}),z(Ce,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c})),children:e.children})};oe.states=Oo;oe.options=Co;oe.className=Ce;oe.defaultOptions=ko;oe.moduleName=Ne;oe.folderName=ge;import{Fragment as Ro,jsx as It}from"react/jsx-runtime";var Fe="k-font-icon",Ho=[],Po={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info]},_o={},he=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:r,...d}=e;return a?It("span",{...d,className:i(e.className,Fe,T(Fe,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true"}):It(Ro,{})};he.states=Ho;he.options=Po;he.className=Fe;he.defaultOptions=_o;var yt=he;import{Fragment as wo,jsx as ke}from"react/jsx-runtime";var Ve="k-svg-icon",Ko=[],Bo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[D.outline,D.solid,D.duotone]},Ue={viewBox:"0 0 24 24",variant:D.outline},Se=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:r=Ue.viewBox,variant:d=Ue.variant,icon:c,...m}=e;if(!c)return ke(wo,{});if(c==="none")return ke("span",{...m,className:i(e.className,Ve,T("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,N=typeof c=="object"?d&&c.variants?.[d]\|\|c.variants?.outline\|\|c.content:void 0;return ke("span",{...m,className:i(e.className,Ve,T("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:ke("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:c?void 0:e.children})})};Se.states=Ko;Se.options=Bo;Se.className=Ve;Se.defaultOptions=Ue;var $e=Se;import*as Xe from"@progress/kendo-svg-icons";var gt="icon",Ot="icons";import{useContext as Do}from"react";import{createContext as zo}from"react";var Ct=zo({iconsType:"svg"});import{Fragment as kt,jsx as be}from"react/jsx-runtime";var Le="k-icon",Fo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Vo=[],Uo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[D.outline,D.solid,D.duotone]},He={viewBox:"0 0 24 24",type:"svg",variant:D.outline},b=e=>{let{iconsType:t}=Do(Ct),{size:o,themeColor:a,icon:n,type:r=t\|\|He.type,rotate:d,flip:c,viewBox:m=He.viewBox,variant:x=He.variant,...N}=e;if(!n)return be(kt,{});if((t\|\|r)==="svg"){if(n==="none")return be($e,{...N,className:i(e.className,Le),icon:n,size:o,variant:x});let M=Xe[n]?n:Fo(`${n}-icon`);return Xe[M]?be($e,{...N,className:i(e.className,Le),icon:Xe[M],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:x}):be(kt,{})}return be(yt,{...N,className:i(e.className,Le),icon:n,size:o,themeColor:a,rotate:d,flip:c})};b.states=Vo;b.options=Uo;b.defaultOptions=He;b.className=Le;b.moduleName=gt;b.folderName=Ot;import{Fragment as Jo,jsx as Je}from"react/jsx-runtime";var Lt="k-clear-value",$o=[s.disabled,s.loading,s.readonly],Xo={},_=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Je(Jo,{}):Je("span",{className:i(e.className,Lt),children:Je(b,{icon:"x"})})};_.states=$o;_.options=Xo;_.className=Lt;import{jsx as Yo}from"react/jsx-runtime";var qe="k-input-inner",qo=[],Go={},Pe={type:"text",autocomplete:"off",value:"",placeholder:""},R=e=>{let{value:t=Pe.value,type:o=Pe.type,placeholder:a=Pe.placeholder,autocomplete:n=Pe.autocomplete,disabled:r,readOnly:d,...c}=e;return Yo("input",{...c,type:o,className:i(e.className,qe,T(qe,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:r\|\|void 0,readOnly:d\|\|void 0})};R.states=qo;R.options=Go;R.className=qe;import{jsx as Ht,jsxs as Zo}from"react/jsx-runtime";var Ge="k-input-inner",Wo=[],Qo={},Ye=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:r,...d}=e;return Zo("span",{...d,className:i(e.className,Ge,T(Ge,e)),children:[n,!n&&r&&Ht(b,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Ht("span",{className:"k-input-value-text",children:t})]})};Ye.states=Wo;Ye.options=Qo;Ye.className=Ge;import{jsx as tn}from"react/jsx-runtime";var We="k-input-inner",jo=[],en={},Pt={value:"",placeholder:""},Qe=e=>{let{value:t=Pt.value,placeholder:o=Pt.placeholder,rows:a,disabled:n,...r}=e;return tn("textarea",{...r,className:i(e.className,We,T(We,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Qe.states=jo;Qe.options=en;Qe.className=We;import{Fragment as nn,jsx as _t}from"react/jsx-runtime";var Rt="k-input-loading-icon",on=[s.disabled,s.loading],F=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_t(nn,{}):_t("span",{className:i(e.className,Rt,"k-icon k-i-loading")})};F.states=on;F.className=Rt;import{Fragment as rn,jsx as Kt}from"react/jsx-runtime";var Bt="k-input-validation-icon",an=[s.valid,s.invalid,s.disabled,s.loading],sn={},K=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,r=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Kt(rn,{}):Kt(b,{className:i(Bt),icon:r})};K.states=an;K.options=sn;K.className=Bt;import{Fragment as dn,jsx as wt}from"react/jsx-runtime";var ln="k-input-prefix",cn={direction:"horizontal"},ne=e=>{let{direction:t=cn.direction,...o}=e;return e.children?wt("span",{...o,className:i(ln,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):wt(dn,{})};import{Fragment as un,jsx as zt}from"react/jsx-runtime";var mn="k-input-suffix",pn={direction:"horizontal"},ae=e=>{let{direction:t=pn.direction,...o}=e;return e.children?zt("span",{...o,className:i(mn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):zt(un,{})};import{jsx as Gi}from"react/jsx-runtime";import{jsx as Zi}from"react/jsx-runtime";import{jsx as xn}from"react/jsx-runtime";var Dt="k-input-separator",fn={direction:"vertical"},ie=e=>{let{direction:t=fn.direction,...o}=e;return xn("span",{...o,className:i(Dt,e.className,{[`${Dt}-${t}`]:t})})};var Ze="button",Ft=Ze;import{Fragment as Vt,jsx as se,jsxs as Ut}from"react/jsx-runtime";var ve="k-button",Nn=["icon-button"],hn=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Sn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.inverse]},je={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:r,showArrow:d=je.showArrow,arrowIconName:c=je.arrowIconName,variant:m,hover:x,focus:N,active:S,selected:M,disabled:H,togglable:g,ariaDisabled:O,icon:v,iconSize:C,text:P,iconClassName:te,className:fe,...xe}=e,Q=v!=null,ze=e.children!==void 0;return Ut(t,{className:i(fe,ve,Mt(ve,m),T(ve,{size:o,rounded:a,fillMode:n,themeColor:r}),z(ve,{hover:x,focus:N,active:S,disabled:H\|\|O,selected:M}),{"k-icon-button":!P&&!ze&&Q}),"aria-pressed":g?M?"true":"false":void 0,...xe,"aria-disabled":O?"true":void 0,disabled:H\|\|void 0,children:[typeof v=="string"&&v&&se(b,{className:i(te,"k-button-icon"),icon:v,size:C}),v&&typeof v!="string"&&se(Vt,{children:v}),P?Ut(Vt,{children:[P&&se("span",{className:"k-button-text",children:P}),e.children]}):e.children&&se("span",{className:"k-button-text",children:e.children}),d&&se("span",{className:"k-menu-button-arrow k-button-arrow",children:se(b,{icon:c})})]})};f.states=hn;f.options=Sn;f.variants=Nn;f.className=ve;f.defaultOptions=je;f.moduleName=Ze;f.folderName=Ft;import{jsx as bn}from"react/jsx-runtime";var Z=e=>bn(f,{children:"Button",...e});import{Fragment as $t,jsx as V,jsxs as et}from"react/jsx-runtime";var vn=E.states,An=E.defaultOptions,Tn=E.options,Mn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],En=[],re=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:r,readonly:d,...c}=e,m=t?.prefix,x=t?.suffix,N=t?.["clear-button"],S=t?.["validation-icon"],M=t?.separators;return et(E,{...c,valid:o,invalid:a,loading:n,disabled:r,readonly:d,style:{width:300},children:[m&&et($t,{children:[V(ne,{children:V(b,{icon:"lock"})}),M&&V(ie,{})]}),V(R,{placeholder:"Placeholder",value:"Value"}),S&&V(K,{valid:o,invalid:a,loading:n,disabled:r}),V(F,{loading:n,disabled:r}),N&&V(_,{loading:n,disabled:r,readonly:d,value:"Value"}),x&&et($t,{children:[M&&V(ie,{}),V(ae,{children:V(Z,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};re.options=Tn;re.states=vn;re.variants=En;re.defaultOptions=An;re.modifiers=Mn;re.className=E.className;import{jsx as In}from"react/jsx-runtime";var Xt=e=>In(f,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as yn}from"react/jsx-runtime";var Jt=e=>yn(f,{icon:"folder",children:"Button",...e});import{jsx as tt}from"react/jsx-runtime";var gn=f.options,On=f.states,Cn={...f.defaultOptions,variant:"text"},kn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ln=[],le=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return tt(Xt,{...o,icon:"star"});case"icon-and-text":return tt(Jt,{...o,icon:"star",children:"Button"});default:return tt(Z,{...o,children:"Button"})}};le.options=gn;le.states=On;le.variants=kn;le.defaultOptions=Cn;le.modifiers=Ln;le.className=f.className;var ot="popup",qt=ot;import{jsx as Gt}from"react/jsx-runtime";var Yt="k-animation-container",Hn=[],Pn={},nt={positionMode:"absolute",shown:!0},U=e=>{let{positionMode:t=nt.positionMode,shown:o=nt.shown,animationStyle:a,offset:n,...r}=e;return Gt("div",{...r,style:{...n,...e.style},className:i(e.className,Yt,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Gt("div",{className:"k-child-animation-container",style:a,children:e.children})})};U.states=Hn;U.options=Pn;U.className=Yt;U.defaultOptions=nt;U.moduleName=ot;U.folderName=qt;var at="popup",Wt=at;import{jsx as Qt}from"react/jsx-runtime";var Zt="k-popup",_n=[],Rn={},jt={positionMode:"absolute"},B=e=>{let{offset:t,positionMode:o=jt.positionMode,animationStyle:a,containerClassName:n,containerRole:r,containerAriaLabel:d,...c}=e;return Qt(U,{positionMode:o,offset:t,animationStyle:a,className:n,role:r,"aria-label":d,children:Qt("div",{...c,className:i(e.className,Zt),children:e.children})})};B.states=_n;B.options=Rn;B.className=Zt;B.defaultOptions=jt;B.moduleName=at;B.folderName=Wt;var eo="time-selector",to="timeselector";import{Fragment as oo,jsx as _e,jsxs as no}from"react/jsx-runtime";var it="k-timeselector",Kn=[],Bn={size:[l.undefined,l.small,l.medium,l.large]},wn={},$=e=>{let{size:t,header:o,fastSelection:a,columns:n,focusedColumn:r,...d}=e,c=n.map(function(m,x){let N=!1,S=!0;return m===r&&(N=!0),(x===0\|\|m==="tt")&&(S=!1),_e(st,{type:m,focus:N,separator:S},x)});return no("div",{...d,className:i(e.className,it,T(it,{size:t})),role:"group","aria-label":"Time selector",children:[_e(oo,{children:o}),_e(oo,{children:a}),no("div",{className:"k-time-list-container",children:[_e("span",{className:"k-time-highlight"}),c]})]})};$.states=Kn;$.options=Bn;$.className=it;$.defaultOptions=wn;$.moduleName=eo;$.folderName=to;import{Fragment as Dn,jsx as j,jsxs as rt}from"react/jsx-runtime";var zn=[s.focus],st=e=>{let{type:t,focus:o,separator:a,...n}=e,r,d=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":r="Day";break;case"HH":r="Hour";break;case"mm":r="Minute";break;case"ss":r="Second";break;case"SSS":r="Millisecond",d=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":r="AM/PM",d=["AM","PM"];break;default:r="Column Name";break}let c=d.map((m,x)=>j("li",{className:"k-item",role:"option","aria-selected":"false",children:j("span",{children:m})},x));return rt(Dn,{children:[a&&j("div",{className:"k-time-separator",children:":"}),rt("div",{...n,className:i(e.className,"k-time-list-wrapper",z("k-time-list-wrapper",{focus:o})),children:[j("span",{className:"k-title",children:r}),j("div",{className:"k-time-list",role:"listbox","aria-label":r,children:rt("div",{className:"k-content k-scrollable k-time-container",children:[j("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:c}),j("div",{className:"k-scrollable-placeholder"})]})})]})]})};st.states=zn;import{jsx as Vn,jsxs as Un}from"react/jsx-runtime";var Fn="k-time-header",ce=e=>{let{title:t,...o}=e;return Un("div",{...o,className:i(e.className,Fn),children:[t!=null&&Vn("span",{className:"k-title",children:t}),e.children]})};var lt="action-buttons",ao=lt;import{jsx as Jn}from"react/jsx-runtime";var Re="k-actions",$n=[],Xn={},ct={alignment:"start",orientation:"horizontal"},k=e=>{let{alignment:t=ct.alignment,orientation:o=ct.orientation,...a}=e;return Jn("div",{...a,className:i(Re,{[`${Re}-${t}`]:t,[`${Re}-${o}`]:o},e.className),children:e.children})};k.states=$n;k.options=Xn;k.className=Re;k.defaultOptions=ct;k.moduleName=lt;k.folderName=ao;import{jsx as $r,jsxs as Xr}from"react/jsx-runtime";import{Fragment as tl,jsx as jr,jsxs as el}from"react/jsx-runtime";import{Fragment as ml,jsx as cl,jsxs as dl}from"react/jsx-runtime";import{Fragment as Al,jsx as bl,jsxs as vl}from"react/jsx-runtime";import{jsx as Gn}from"react/jsx-runtime";var qn="k-actionsheet-footer",so={alignment:"stretched",orientation:"horizontal"},X=e=>{let{alignment:t=so.alignment,orientation:o=so.orientation,template:a,as:n=a?"div":k,...r}=e;return Gn(n,{...r,...!a&&{alignment:t,orientation:o},className:i(e.className,qn),children:e.children})};var dt="searchbox",ro=dt;import{jsx as Ae,jsxs as Qn}from"react/jsx-runtime";var lo="k-searchbox",Yn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},mt={showIcon:!0,icon:"search"},J=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:r,hover:d,focus:c,valid:m,invalid:x,required:N,loading:S,disabled:M,showIcon:H=mt.showIcon,icon:g=mt.icon,"aria-label":O,...v}=e;return Qn(E,{...v,size:a,rounded:n,fillMode:r,hover:d,focus:c,valid:m,invalid:x,required:N,loading:S,disabled:M,className:i(e.className,lo),children:[H&&Ae(b,{className:"k-input-icon",icon:g}),Ae(R,{placeholder:o,value:t,"aria-label":O}),Ae(F,{...e}),Ae(K,{...e}),Ae(_,{...e})]})};J.states=Yn;J.options=Wn;J.className=lo;J.defaultOptions=mt;J.moduleName=dt;J.folderName=ro;import{jsx as Xl}from"react/jsx-runtime";var pt="textbox",co=pt;import{Fragment as mo,jsx as q,jsxs as ut}from"react/jsx-runtime";var po="k-textbox",Zn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ke={showClearButton:!0,showValidationIcon:!0,separators:!0},L=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ke.separators,showClearButton:r=Ke.showClearButton,showValidationIcon:d=Ke.showValidationIcon,prefix:c,suffix:m,type:x,value:N,placeholder:S,hover:M,focus:H,valid:g,invalid:O,required:v,loading:C,disabled:P,readonly:te,id:fe,"aria-label":xe,"aria-describedby":Q,...ze}=e;return ut(E,{...ze,size:t,rounded:o,fillMode:a,hover:M,focus:H,valid:g,invalid:O,required:v,loading:C,disabled:P,readonly:te,className:i(e.className,po),children:[c&&ut(mo,{children:[q(ne,{children:c}),n&&q(ie,{})]}),q(R,{id:fe,placeholder:S,value:N,type:x,disabled:P,"aria-label":xe,"aria-describedby":Q,"aria-invalid":O?"true":void 0}),d&&q(K,{valid:g,invalid:O,loading:C,disabled:P}),q(F,{loading:C,disabled:P}),r&&q(_,{loading:C,disabled:P,readonly:te,value:N}),m&&ut(mo,{children:[n&&q(ie,{}),q(ae,{children:m})]})]})};L.states=Zn;L.options=jn;L.className=po;L.defaultOptions=Ke;L.moduleName=pt;L.folderName=co;var Te=L;import{jsx as ea}from"react/jsx-runtime";var uo=e=>ea(Te,{...e});import{Fragment as cc,jsx as lc}from"react/jsx-runtime";import{Fragment as xc,jsx as fc}from"react/jsx-runtime";import{jsx as bc}from"react/jsx-runtime";import{jsx as ft}from"react/jsx-runtime";var ta=L.states,oa=L.defaultOptions,na=L.options,aa=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ia=[],de=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?ft(b,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?ft(Z,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),ft(uo,{value:"Value",style:{width:300},...o,...a})};de.options=na;de.states=ta;de.variants=ia;de.defaultOptions=oa;de.modifiers=aa;de.className=L.className;import{jsx as G,jsxs as xt}from"react/jsx-runtime";var fo="k-actionsheet-titlebar",sa={},w=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:r,input:d,inputValue:c,inputPlaceholder:m,adaptive:x,titleId:N,children:S,...M}=e;return xt("div",{...M,className:i(e.className,fo),children:[xt("div",{className:"k-actionsheet-titlebar-group",children:[a&&G("div",{className:"k-actionsheet-actions",children:a}),!S&&xt("div",{className:"k-actionsheet-title",id:N,children:[t&&G("div",{className:"k-text-center",children:t}),o&&G("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),S&&G("div",{className:"k-actionsheet-title",id:N,children:S}),n&&G("div",{className:"k-actionsheet-actions",children:n})]}),(d\|\|r)&&G("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?G(L,{value:c,placeholder:m,size:x?"large":"medium","aria-label":t\|\|m\|\|"Input"}):G(J,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};w.className=fo;w.defaultOptions=sa;import{jsx as Nt,jsxs as da}from"react/jsx-runtime";var ht="k-actionsheet-view",ra=[],la={},ca={},me=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:r,titleId:d,...c}=e,m=n?.type===w&&Nt(w,{adaptive:t,titleId:d,...n?.props}),x=r?.type===X&&Nt(X,{...r?.props});return da("div",{...c,className:i(e.className,ht,{[`${ht}-animated`]:o}),children:[m,Nt("div",{className:"k-actionsheet-content",children:a}),x]})};me.states=ra;me.options=la;me.className=ht;me.defaultOptions=ca;var Me="action-sheet",Be=Me;var St="overlay",xo=St;import{jsx as fa}from"react/jsx-runtime";var No="k-overlay",ma=[],pa={},ua={},Y=e=>{let{...t}=e;return fa("div",{...t,className:i(e.className,No),children:e.children})};Y.states=ma;Y.options=pa;Y.className=No;Y.defaultOptions=ua;Y.moduleName=St;Y.folderName=xo;import{jsx as we,jsxs as ha}from"react/jsx-runtime";var ho="k-actionsheet",xa=[],Na={},Ee={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},y=e=>{let{side:t=Ee.side,fullscreen:o=Ee.fullscreen,adaptive:a=Ee.adaptive,overlay:n=Ee.overlay,template:r,children:d,header:c,footer:m,id:x,...N}=e,S=x&&!r&&c?`${x}-title`:void 0;return ha("div",{className:"k-actionsheet-container",children:[n&&we(Y,{}),we(U,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:we("div",{...N,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":S,className:i(e.className,ho,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r\|\|we(me,{header:c,footer:m,adaptive:a,titleId:S,...e,children:d})})})]})};y.states=xa;y.options=Na;y.className=ho;y.defaultOptions=Ee;y.moduleName=Me;y.folderName=Be;import{jsx as Aa}from"react/jsx-runtime";var So="k-actionsheet-container",Sa=[],ba={},va={},pe=e=>{let{children:t,...o}=e;return Aa("div",{...o,className:So,children:t})};pe.states=Sa;pe.options=ba;pe.className=So;pe.defaultOptions=va;pe.moduleName=Me;pe.folderName=Be;import{jsx as Ta}from"react/jsx-runtime";var bt=e=>{let{...t}=e;return Ta("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ea,jsx as Ie,jsxs as vt}from"react/jsx-runtime";var At="k-actionsheet-item",Ma=[s.hover,s.focus,s.selected,s.disabled],W=e=>{let{iconName:t,text:o,description:a,hover:n,focus:r,selected:d,disabled:c,...m}=e;return vt("span",{...m,className:i(e.className,At,z(At,{hover:n,focus:r,selected:d,disabled:c})),children:[!e.children&&Ie(Ea,{children:vt("span",{className:"k-actionsheet-action",children:[t&&Ie("span",{className:"k-icon-wrap",children:Ie(b,{className:"k-actionsheet-item-icon",icon:t})}),vt("span",{className:"k-actionsheet-item-text",children:[o&&Ie("span",{className:"k-actionsheet-item-title",children:o}),a&&Ie("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};W.states=Ma;W.className=At;import{jsx as Sd,jsxs as bd}from"react/jsx-runtime";import{jsx as Md}from"react/jsx-runtime";import{jsx as gd}from"react/jsx-runtime";import{jsx as Ld}from"react/jsx-runtime";import{jsx as I,jsxs as Tt}from"react/jsx-runtime";var Ia=y.options,ya=y.states,vo={...y.defaultOptions,variant:"normal"},ga=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Oa=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ue=e=>{let{variant:t,modifiers:o,...a}={...vo,...e},n={},r=Tt(bt,{children:[I(W,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),I(W,{text:"Add to Favorites",iconName:"heart"}),I(W,{text:"Upload New",iconName:"upload",disabled:!0}),I("hr",{className:"k-hr"}),I(W,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(m=>{switch(m){case"actions":n.actionsStart=!!o?.[m],n.actionsEnd=!!o?.[m];break;case"subtitle":n.subtitle=o?.[m]?d:void 0;break;case"footer":n.footer=!!o?.[m];break;default:break}}),t==="adaptive"?I(y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:I(w,{actionsStart:n.actionsStart?I(f,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?I(f,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Tt(X,{alignment:"stretched",children:[I(f,{text:"Cancel",size:"large",themeColor:"base"}),I(f,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):I(y,{...a,fullscreen:n.fullScreen,header:I(w,{actionsStart:n.actionsStart?I(f,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?I(f,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Tt(X,{alignment:"stretched",children:[I(f,{text:"Apply",themeColor:"primary"}),I(f,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};ue.options=Ia;ue.states=ya;ue.variants=ga;ue.defaultOptions=vo;ue.modifiers=Oa;ue.className=y.className;var Ao="time-picker",To="timepicker";import{Fragment as Ha,jsx as A,jsxs as ye}from"react/jsx-runtime";var Mo="k-timepicker",Ca=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ka={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},La={},ee=e=>{let{size:t,rounded:o,fillMode:a,prefix:n,suffix:r,value:d,placeholder:c,hover:m,focus:x,valid:N,invalid:S,required:M,loading:H,disabled:g,readonly:O,opened:v,adaptive:C,adaptiveSettings:P,adaptiveTitle:te,adaptiveSubtitle:fe,...xe}=e,Q=Et("timepicker-popup");return ye(Ha,{children:[ye(E,{...xe,size:t,rounded:o,fillMode:a,hover:m,focus:x,valid:N,invalid:S,required:M,loading:H,disabled:g,readonly:O,className:i(e.className,Mo),children:[A(ne,{children:n}),A(R,{placeholder:c,value:d,role:"combobox","aria-haspopup":"dialog","aria-expanded":v?"true":"false","aria-controls":v\|\|C?Q:void 0,"aria-invalid":S?"true":void 0,"aria-label":"Select time",disabled:g}),A(K,{valid:N,invalid:S,loading:H,disabled:g}),A(F,{loading:H,disabled:g}),A(_,{loading:H,disabled:g,readonly:O,value:d}),A(ae,{children:r}),A(f,{className:"k-input-button",icon:"clock",size:t,fillMode:a,tabIndex:-1,"aria-label":"Select time",disabled:g})]}),v&&ye(B,{id:Q,className:"k-list-container k-timepicker-popup",children:[A($,{columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:A(ce,{title:"10:00:00 AM",children:A(f,{fillMode:"flat",className:"k-time-now",children:"Now"})})}),ye(k,{alignment:"stretched",className:"k-time-footer",children:[A(f,{themeColor:"primary",className:"k-time-accept",children:"Set"}),A(f,{className:"k-time-cancel",children:"Cancel"})]})]}),C&&A(y,{adaptive:!0,id:Q,...P,header:A(w,{actionsEnd:A(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:te,subtitle:fe}),footer:ye(X,{children:[A(f,{text:"Cancel",size:"large"}),A(f,{text:"Set time",size:"large",themeColor:"primary"})]}),children:A($,{size:"large",columns:["HH","mm","ss","tt"],focusedColumn:"HH",header:A(ce,{title:"10:00:00 \u0410\u041C",children:A(f,{size:"large",fillMode:"flat",className:"k-time-now",children:"Now"})})})})]})};ee.states=Ca;ee.options=ka;ee.className=Mo;ee.defaultOptions=La;ee.moduleName=Ao;ee.folderName=To;var mm=ee;export{Mo as TIMEPICKER_CLASSNAME,ee as TimePicker,mm as default};
1	+ var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),z=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:r,checked:d,active:c,selected:m,disabled:x,indeterminate:h,loading:b,empty:v,readonly:w,highlighted:L,...T}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":r,"k-checked":d,"k-active":c,"k-selected":m,"k-disabled":x,"k-indeterminate":h&&!d,"k-loading":b,"k-empty":v,"k-readonly":w,"k-highlighted":L},Object.keys(T).reduce((M,g)=>(g.startsWith("k-")?M[g]=T[g]:M[`k-${g}`]=T[g],M),{}))};function Mt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},D={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},u={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var De={};function Et(e){return De[e]=(De[e]\|\|0)+1,`k-${e}-${De[e]}`}var he="input",Oe=he;import{jsx as Oo}from"react/jsx-runtime";var Ce="k-input",Io=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yo={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},go={},I=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c,size:m,rounded:x,fillMode:h,...b}=e;return Oo("span",{...b,className:i(e.className,Ce,E(Ce,{size:m,rounded:x,fillMode:h}),z(Ce,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c}))})};I.states=Io;I.options=yo;I.className=Ce;I.defaultOptions=go;I.moduleName=he;I.folderName=Oe;import{jsx as Ho}from"react/jsx-runtime";var ke="k-picker",Co=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ko={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Lo={},oe=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c,size:m,rounded:x,fillMode:h,...b}=e;return Ho("span",{...b,className:i(e.className,ke,E(ke,{size:m,rounded:x,fillMode:h}),z(ke,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:d,readonly:c})),children:e.children})};oe.states=Co;oe.options=ko;oe.className=ke;oe.defaultOptions=Lo;oe.moduleName=he;oe.folderName=Oe;import{Fragment as Ko,jsx as It}from"react/jsx-runtime";var Fe="k-font-icon",Po=[],_o={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info]},Ro={},be=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:r,...d}=e;return a?It("span",{...d,className:i(e.className,Fe,E(Fe,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true"}):It(Ko,{})};be.states=Po;be.options=_o;be.className=Fe;be.defaultOptions=Ro;var yt=be;import{Fragment as zo,jsx as Le}from"react/jsx-runtime";var Ve="k-svg-icon",Bo=[],wo={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[D.outline,D.solid,D.duotone]},Ue={viewBox:"0 0 24 24",variant:D.outline},Se=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:r=Ue.viewBox,variant:d=Ue.variant,icon:c,...m}=e;if(!c)return Le(zo,{});if(c==="none")return Le("span",{...m,className:i(e.className,Ve,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,h=typeof c=="object"?d&&c.variants?.[d]\|\|c.variants?.outline\|\|c.content:void 0;return Le("span",{...m,className:i(e.className,Ve,E("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Le("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:r,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:c?void 0:e.children})})};Se.states=Bo;Se.options=wo;Se.className=Ve;Se.defaultOptions=Ue;var $e=Se;import*as Xe from"@progress/kendo-svg-icons";var gt="icon",Ot="icons";import{useContext as Fo}from"react";import{createContext as Do}from"react";var Ct=Do({iconsType:"svg"});import{Fragment as kt,jsx as ve}from"react/jsx-runtime";var He="k-icon",Vo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Uo=[],$o={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info],variant:[D.outline,D.solid,D.duotone]},Pe={viewBox:"0 0 24 24",type:"svg",variant:D.outline},S=e=>{let{iconsType:t}=Fo(Ct),{size:o,themeColor:a,icon:n,type:r=t\|\|Pe.type,rotate:d,flip:c,viewBox:m=Pe.viewBox,variant:x=Pe.variant,...h}=e;if(!n)return ve(kt,{});if((t\|\|r)==="svg"){if(n==="none")return ve($e,{...h,className:i(e.className,He),icon:n,size:o,variant:x});let v=Xe[n]?n:Vo(`${n}-icon`);return Xe[v]?ve($e,{...h,className:i(e.className,He),icon:Xe[v],size:o,themeColor:a,rotate:d,flip:c,viewBox:m,variant:x}):ve(kt,{})}return ve(yt,{...h,className:i(e.className,He),icon:n,size:o,themeColor:a,rotate:d,flip:c})};S.states=Uo;S.options=$o;S.defaultOptions=Pe;S.className=He;S.moduleName=gt;S.folderName=Ot;import{Fragment as qo,jsx as Je}from"react/jsx-runtime";var Lt="k-clear-value",Xo=[s.disabled,s.loading,s.readonly],Jo={},P=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?Je(qo,{}):Je("span",{className:i(e.className,Lt),children:Je(S,{icon:"x"})})};P.states=Xo;P.options=Jo;P.className=Lt;import{jsx as Wo}from"react/jsx-runtime";var qe="k-input-inner",Go=[],Yo={},_e={type:"text",autocomplete:"off",value:"",placeholder:""},_=e=>{let{value:t=_e.value,type:o=_e.type,placeholder:a=_e.placeholder,autocomplete:n=_e.autocomplete,disabled:r,readOnly:d,...c}=e;return Wo("input",{...c,type:o,className:i(e.className,qe,E(qe,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:r\|\|void 0,readOnly:d\|\|void 0})};_.states=Go;_.options=Yo;_.className=qe;import{jsx as Ht,jsxs as jo}from"react/jsx-runtime";var Ge="k-input-inner",Qo=[],Zo={},Ye=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:r,...d}=e;return jo("span",{...d,className:i(e.className,Ge,E(Ge,e)),children:[n,!n&&r&&Ht(S,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Ht("span",{className:"k-input-value-text",children:t})]})};Ye.states=Qo;Ye.options=Zo;Ye.className=Ge;import{jsx as on}from"react/jsx-runtime";var We="k-input-inner",en=[],tn={},Pt={value:"",placeholder:""},Qe=e=>{let{value:t=Pt.value,placeholder:o=Pt.placeholder,rows:a,disabled:n,...r}=e;return on("textarea",{...r,className:i(e.className,We,E(We,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Qe.states=en;Qe.options=tn;Qe.className=We;import{Fragment as an,jsx as _t}from"react/jsx-runtime";var Rt="k-input-loading-icon",nn=[s.disabled,s.loading],F=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?_t(an,{}):_t("span",{className:i(e.className,Rt,"k-icon k-i-loading")})};F.states=nn;F.className=Rt;import{Fragment as ln,jsx as Kt}from"react/jsx-runtime";var Bt="k-input-validation-icon",sn=[s.valid,s.invalid,s.disabled,s.loading],rn={},R=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,r=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?Kt(ln,{}):Kt(S,{className:i(Bt),icon:r})};R.states=sn;R.options=rn;R.className=Bt;import{Fragment as mn,jsx as wt}from"react/jsx-runtime";var cn="k-input-prefix",dn={direction:"horizontal"},ne=e=>{let{direction:t=dn.direction,...o}=e;return e.children?wt("span",{...o,className:i(cn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):wt(mn,{})};import{Fragment as fn,jsx as zt}from"react/jsx-runtime";var pn="k-input-suffix",un={direction:"horizontal"},ae=e=>{let{direction:t=un.direction,...o}=e;return e.children?zt("span",{...o,className:i(pn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):zt(fn,{})};import{jsx as Gi}from"react/jsx-runtime";import{jsx as Zi}from"react/jsx-runtime";import{jsx as Nn}from"react/jsx-runtime";var Dt="k-input-separator",xn={direction:"vertical"},ie=e=>{let{direction:t=xn.direction,...o}=e;return Nn("span",{...o,className:i(Dt,e.className,{[`${Dt}-${t}`]:t})})};var Ze="button",Ft=Ze;import{Fragment as Vt,jsx as se,jsxs as Ut}from"react/jsx-runtime";var Ae="k-button",hn=["icon-button"],bn=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Sn={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[u.undefined,u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.inverse]},je={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:r,showArrow:d=je.showArrow,arrowIconName:c=je.arrowIconName,variant:m,hover:x,focus:h,active:b,selected:v,disabled:w,togglable:L,ariaDisabled:T,icon:M,iconSize:g,text:H,iconClassName:te,className:fe,...xe}=e,Ne=M!=null,Q=e.children!==void 0;return Ut(t,{className:i(fe,Ae,Mt(Ae,m),E(Ae,{size:o,rounded:a,fillMode:n,themeColor:r}),z(Ae,{hover:x,focus:h,active:b,disabled:w\|\|T,selected:v}),{"k-icon-button":!H&&!Q&&Ne}),"aria-pressed":L?v?"true":"false":void 0,...xe,"aria-disabled":T?"true":void 0,disabled:w\|\|void 0,children:[typeof M=="string"&&M&&se(S,{className:i(te,"k-button-icon"),icon:M,size:g}),M&&typeof M!="string"&&se(Vt,{children:M}),H?Ut(Vt,{children:[H&&se("span",{className:"k-button-text",children:H}),e.children]}):e.children&&se("span",{className:"k-button-text",children:e.children}),d&&se("span",{className:"k-menu-button-arrow k-button-arrow",children:se(S,{icon:c})})]})};f.states=bn;f.options=Sn;f.variants=hn;f.className=Ae;f.defaultOptions=je;f.moduleName=Ze;f.folderName=Ft;import{jsx as vn}from"react/jsx-runtime";var Z=e=>vn(f,{children:"Button",...e});import{Fragment as $t,jsx as V,jsxs as et}from"react/jsx-runtime";var An=I.states,Tn=I.defaultOptions,Mn=I.options,En=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],In=[],re=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:r,readonly:d,...c}=e,m=t?.prefix,x=t?.suffix,h=t?.["clear-button"],b=t?.["validation-icon"],v=t?.separators;return et(I,{...c,valid:o,invalid:a,loading:n,disabled:r,readonly:d,style:{width:300},children:[m&&et($t,{children:[V(ne,{children:V(S,{icon:"lock"})}),v&&V(ie,{})]}),V(_,{placeholder:"Placeholder",value:"Value"}),b&&V(R,{valid:o,invalid:a,loading:n,disabled:r}),V(F,{loading:n,disabled:r}),h&&V(P,{loading:n,disabled:r,readonly:d,value:"Value"}),x&&et($t,{children:[v&&V(ie,{}),V(ae,{children:V(Z,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};re.options=Mn;re.states=An;re.variants=In;re.defaultOptions=Tn;re.modifiers=En;re.className=I.className;import{jsx as yn}from"react/jsx-runtime";var Xt=e=>yn(f,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as gn}from"react/jsx-runtime";var Jt=e=>gn(f,{icon:"folder",children:"Button",...e});import{jsx as tt}from"react/jsx-runtime";var On=f.options,Cn=f.states,kn={...f.defaultOptions,variant:"text"},Ln=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hn=[],le=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return tt(Xt,{...o,icon:"star"});case"icon-and-text":return tt(Jt,{...o,icon:"star",children:"Button"});default:return tt(Z,{...o,children:"Button"})}};le.options=On;le.states=Cn;le.variants=Ln;le.defaultOptions=kn;le.modifiers=Hn;le.className=f.className;var ot="popup",qt=ot;import{jsx as Gt}from"react/jsx-runtime";var Yt="k-animation-container",Pn=[],_n={},nt={positionMode:"absolute",shown:!0},U=e=>{let{positionMode:t=nt.positionMode,shown:o=nt.shown,animationStyle:a,offset:n,...r}=e;return Gt("div",{...r,style:{...n,...e.style},className:i(e.className,Yt,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Gt("div",{className:"k-child-animation-container",style:a,children:e.children})})};U.states=Pn;U.options=_n;U.className=Yt;U.defaultOptions=nt;U.moduleName=ot;U.folderName=qt;var at="popup",Wt=at;import{jsx as Qt}from"react/jsx-runtime";var Zt="k-popup",Rn=[],Kn={},jt={positionMode:"absolute"},K=e=>{let{offset:t,positionMode:o=jt.positionMode,animationStyle:a,containerClassName:n,containerRole:r,containerAriaLabel:d,...c}=e;return Qt(U,{positionMode:o,offset:t,animationStyle:a,className:n,role:r,"aria-label":d,children:Qt("div",{...c,className:i(e.className,Zt),children:e.children})})};K.states=Rn;K.options=Kn;K.className=Zt;K.defaultOptions=jt;K.moduleName=at;K.folderName=Wt;var eo="time-selector",to="timeselector";import{Fragment as oo,jsx as Re,jsxs as no}from"react/jsx-runtime";var it="k-timeselector",Bn=[],wn={size:[l.undefined,l.small,l.medium,l.large]},zn={},$=e=>{let{size:t,header:o,fastSelection:a,columns:n,focusedColumn:r,...d}=e,c=n.map(function(m,x){let h=!1,b=!0;return m===r&&(h=!0),(x===0\|\|m==="tt")&&(b=!1),Re(st,{type:m,focus:h,separator:b},x)});return no("div",{...d,className:i(e.className,it,E(it,{size:t})),role:"group","aria-label":"Time selector",children:[Re(oo,{children:o}),Re(oo,{children:a}),no("div",{className:"k-time-list-container",children:[Re("span",{className:"k-time-highlight"}),c]})]})};$.states=Bn;$.options=wn;$.className=it;$.defaultOptions=zn;$.moduleName=eo;$.folderName=to;import{Fragment as Fn,jsx as j,jsxs as rt}from"react/jsx-runtime";var Dn=[s.focus],st=e=>{let{type:t,focus:o,separator:a,...n}=e,r,d=["00","01","02","03","04","05","06","07","08","09"];switch(t){case"dd":r="Day";break;case"HH":r="Hour";break;case"mm":r="Minute";break;case"ss":r="Second";break;case"SSS":r="Millisecond",d=["000","001","002","003","004","005","006","007","008","009"];break;case"tt":r="AM/PM",d=["AM","PM"];break;default:r="Column Name";break}let c=d.map((m,x)=>j("li",{className:"k-item",role:"option","aria-selected":"false",children:j("span",{children:m})},x));return rt(Fn,{children:[a&&j("div",{className:"k-time-separator",children:":"}),rt("div",{...n,className:i(e.className,"k-time-list-wrapper",z("k-time-list-wrapper",{focus:o})),children:[j("span",{className:"k-title",children:r}),j("div",{className:"k-time-list",role:"listbox","aria-label":r,children:rt("div",{className:"k-content k-scrollable k-time-container",children:[j("ul",{className:"k-reset",style:{transform:"translateY(97px)"},role:"none",children:c}),j("div",{className:"k-scrollable-placeholder"})]})})]})]})};st.states=Dn;import{jsx as Un,jsxs as $n}from"react/jsx-runtime";var Vn="k-time-header",ce=e=>{let{title:t,...o}=e;return $n("div",{...o,className:i(e.className,Vn),children:[t!=null&&Un("span",{className:"k-title",children:t}),e.children]})};var lt="action-buttons",ao=lt;import{jsx as qn}from"react/jsx-runtime";var Ke="k-actions",Xn=[],Jn={},ct={alignment:"start",orientation:"horizontal"},C=e=>{let{alignment:t=ct.alignment,orientation:o=ct.orientation,...a}=e;return qn("div",{...a,className:i(Ke,{[`${Ke}-${t}`]:t,[`${Ke}-${o}`]:o},e.className),children:e.children})};C.states=Xn;C.options=Jn;C.className=Ke;C.defaultOptions=ct;C.moduleName=lt;C.folderName=ao;import{jsx as $r,jsxs as Xr}from"react/jsx-runtime";import{Fragment as tl,jsx as jr,jsxs as el}from"react/jsx-runtime";import{Fragment as ml,jsx as cl,jsxs as dl}from"react/jsx-runtime";import{Fragment as Al,jsx as Sl,jsxs as vl}from"react/jsx-runtime";import{jsx as Yn}from"react/jsx-runtime";var Gn="k-actionsheet-footer",so={alignment:"stretched",orientation:"horizontal"},X=e=>{let{alignment:t=so.alignment,orientation:o=so.orientation,template:a,as:n=a?"div":C,...r}=e;return Yn(n,{...r,...!a&&{alignment:t,orientation:o},className:i(e.className,Gn),children:e.children})};var dt="searchbox",ro=dt;import{jsx as Te,jsxs as Zn}from"react/jsx-runtime";var lo="k-searchbox",Wn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Qn={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},mt={showIcon:!0,icon:"search"},J=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:r,hover:d,focus:c,valid:m,invalid:x,required:h,loading:b,disabled:v,showIcon:w=mt.showIcon,icon:L=mt.icon,"aria-label":T,...M}=e;return Zn(I,{...M,size:a,rounded:n,fillMode:r,hover:d,focus:c,valid:m,invalid:x,required:h,loading:b,disabled:v,className:i(e.className,lo),children:[w&&Te(S,{className:"k-input-icon",icon:L}),Te(_,{placeholder:o,value:t,"aria-label":T}),Te(F,{...e}),Te(R,{...e}),Te(P,{...e})]})};J.states=Wn;J.options=Qn;J.className=lo;J.defaultOptions=mt;J.moduleName=dt;J.folderName=ro;import{jsx as Xl}from"react/jsx-runtime";var pt="textbox",co=pt;import{Fragment as mo,jsx as q,jsxs as ut}from"react/jsx-runtime";var po="k-textbox",jn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ea={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Be={showClearButton:!0,showValidationIcon:!0,separators:!0},k=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Be.separators,showClearButton:r=Be.showClearButton,showValidationIcon:d=Be.showValidationIcon,prefix:c,suffix:m,type:x,value:h,placeholder:b,hover:v,focus:w,valid:L,invalid:T,required:M,loading:g,disabled:H,readonly:te,id:fe,"aria-label":xe,"aria-describedby":Ne,...Q}=e;return ut(I,{...Q,size:t,rounded:o,fillMode:a,hover:v,focus:w,valid:L,invalid:T,required:M,loading:g,disabled:H,readonly:te,className:i(e.className,po),children:[c&&ut(mo,{children:[q(ne,{children:c}),n&&q(ie,{})]}),q(_,{id:fe,placeholder:b,value:h,type:x,disabled:H,"aria-label":xe,"aria-describedby":Ne,"aria-invalid":T?"true":void 0}),d&&q(R,{valid:L,invalid:T,loading:g,disabled:H}),q(F,{loading:g,disabled:H}),r&&q(P,{loading:g,disabled:H,readonly:te,value:h}),m&&ut(mo,{children:[n&&q(ie,{}),q(ae,{children:m})]})]})};k.states=jn;k.options=ea;k.className=po;k.defaultOptions=Be;k.moduleName=pt;k.folderName=co;var Me=k;import{jsx as ta}from"react/jsx-runtime";var uo=e=>ta(Me,{...e});import{Fragment as cc,jsx as lc}from"react/jsx-runtime";import{Fragment as xc,jsx as fc}from"react/jsx-runtime";import{jsx as Sc}from"react/jsx-runtime";import{jsx as ft}from"react/jsx-runtime";var oa=k.states,na=k.defaultOptions,aa=k.options,ia=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],sa=[],de=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?ft(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?ft(Z,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),ft(uo,{value:"Value",style:{width:300},...o,...a})};de.options=aa;de.states=oa;de.variants=sa;de.defaultOptions=na;de.modifiers=ia;de.className=k.className;import{jsx as G,jsxs as xt}from"react/jsx-runtime";var fo="k-actionsheet-titlebar",ra={},B=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:r,input:d,inputValue:c,inputPlaceholder:m,adaptive:x,titleId:h,children:b,...v}=e;return xt("div",{...v,className:i(e.className,fo),children:[xt("div",{className:"k-actionsheet-titlebar-group",children:[a&&G("div",{className:"k-actionsheet-actions",children:a}),!b&&xt("div",{className:"k-actionsheet-title",id:h,children:[t&&G("div",{className:"k-text-center",children:t}),o&&G("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),b&&G("div",{className:"k-actionsheet-title",id:h,children:b}),n&&G("div",{className:"k-actionsheet-actions",children:n})]}),(d\|\|r)&&G("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?G(k,{value:c,placeholder:m,size:x?"large":"medium","aria-label":t\|\|m\|\|"Input"}):G(J,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};B.className=fo;B.defaultOptions=ra;import{jsx as Nt,jsxs as ma}from"react/jsx-runtime";var ht="k-actionsheet-view",la=[],ca={},da={},me=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:r,titleId:d,...c}=e,m=n?.type===B&&Nt(B,{adaptive:t,titleId:d,...n?.props}),x=r?.type===X&&Nt(X,{...r?.props});return ma("div",{...c,className:i(e.className,ht,{[`${ht}-animated`]:o}),children:[m,Nt("div",{className:"k-actionsheet-content",children:a}),x]})};me.states=la;me.options=ca;me.className=ht;me.defaultOptions=da;var Ee="action-sheet",we=Ee;var bt="overlay",xo=bt;import{jsx as xa}from"react/jsx-runtime";var No="k-overlay",pa=[],ua={},fa={},Y=e=>{let{...t}=e;return xa("div",{...t,className:i(e.className,No),children:e.children})};Y.states=pa;Y.options=ua;Y.className=No;Y.defaultOptions=fa;Y.moduleName=bt;Y.folderName=xo;import{jsx as ze,jsxs as ba}from"react/jsx-runtime";var ho="k-actionsheet",Na=[],ha={},Ie={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},O=e=>{let{side:t=Ie.side,fullscreen:o=Ie.fullscreen,adaptive:a=Ie.adaptive,overlay:n=Ie.overlay,template:r,children:d,header:c,footer:m,id:x,...h}=e,b=x&&!r&&c?`${x}-title`:void 0;return ba("div",{className:"k-actionsheet-container",children:[n&&ze(Y,{}),ze(U,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:ze("div",{...h,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":b,className:i(e.className,ho,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r\|\|ze(me,{header:c,footer:m,adaptive:a,titleId:b,...e,children:d})})})]})};O.states=Na;O.options=ha;O.className=ho;O.defaultOptions=Ie;O.moduleName=Ee;O.folderName=we;import{jsx as Ta}from"react/jsx-runtime";var bo="k-actionsheet-container",Sa=[],va={},Aa={},pe=e=>{let{children:t,...o}=e;return Ta("div",{...o,className:bo,children:t})};pe.states=Sa;pe.options=va;pe.className=bo;pe.defaultOptions=Aa;pe.moduleName=Ee;pe.folderName=we;import{jsx as Ma}from"react/jsx-runtime";var St=e=>{let{...t}=e;return Ma("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ia,jsx as ye,jsxs as vt}from"react/jsx-runtime";var At="k-actionsheet-item",Ea=[s.hover,s.focus,s.selected,s.disabled],W=e=>{let{iconName:t,text:o,description:a,hover:n,focus:r,selected:d,disabled:c,...m}=e;return vt("span",{...m,className:i(e.className,At,z(At,{hover:n,focus:r,selected:d,disabled:c})),children:[!e.children&&ye(Ia,{children:vt("span",{className:"k-actionsheet-action",children:[t&&ye("span",{className:"k-icon-wrap",children:ye(S,{className:"k-actionsheet-item-icon",icon:t})}),vt("span",{className:"k-actionsheet-item-text",children:[o&&ye("span",{className:"k-actionsheet-item-title",children:o}),a&&ye("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};W.states=Ea;W.className=At;import{jsx as bd,jsxs as Sd}from"react/jsx-runtime";import{jsx as Md}from"react/jsx-runtime";import{jsx as gd}from"react/jsx-runtime";import{jsx as Ld}from"react/jsx-runtime";import{jsx as y,jsxs as Tt}from"react/jsx-runtime";var ya=O.options,ga=O.states,vo={...O.defaultOptions,variant:"normal"},Oa=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ca=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ue=e=>{let{variant:t,modifiers:o,...a}={...vo,...e},n={},r=Tt(St,{children:[y(W,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),y(W,{text:"Add to Favorites",iconName:"heart"}),y(W,{text:"Upload New",iconName:"upload",disabled:!0}),y("hr",{className:"k-hr"}),y(W,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(m=>{switch(m){case"actions":n.actionsStart=!!o?.[m],n.actionsEnd=!!o?.[m];break;case"subtitle":n.subtitle=o?.[m]?d:void 0;break;case"footer":n.footer=!!o?.[m];break;default:break}}),t==="adaptive"?y(O,{...a,adaptive:!0,fullscreen:n.fullScreen,header:y(B,{actionsStart:n.actionsStart?y(f,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?y(f,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:n.subtitle}),footer:n.footer?Tt(X,{alignment:"stretched",children:[y(f,{text:"Cancel",size:"large",themeColor:"base"}),y(f,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):y(O,{...a,fullscreen:n.fullScreen,header:y(B,{actionsStart:n.actionsStart?y(f,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?y(f,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Tt(X,{alignment:"stretched",children:[y(f,{text:"Apply",themeColor:"primary"}),y(f,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};ue.options=ya;ue.states=ga;ue.variants=Oa;ue.defaultOptions=vo;ue.modifiers=Ca;ue.className=O.className;var Ao="time-picker",To="timepicker";import{Fragment as Ha,jsx as A,jsxs as ge}from"react/jsx-runtime";var Mo="k-timepicker",ka=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],La={size:[l.undefined,l.small,l.medium,l.large],rounded:[p.undefined,p.none,p.small,p.medium,p.large,p.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Eo={showClearButton:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,prefix:n,suffix:r,value:d,placeholder:c,showClearButton:m=Eo.showClearButton,hover:x,focus:h,valid:b,invalid:v,required:w,loading:L,disabled:T,readonly:M,opened:g,adaptive:H,adaptiveSettings:te,adaptiveTitle:fe,adaptiveSubtitle:xe,...Ne}=e,Q=Et("timepicker-popup");return ge(Ha,{children:[ge(I,{...Ne,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:b,invalid:v,required:w,loading:L,disabled:T,readonly:M,className:i(e.className,Mo),children:[A(ne,{children:n}),A(_,{placeholder:c,value:d,role:"combobox","aria-haspopup":"dialog","aria-expanded":g?"true":"false","aria-controls":g\|\|H?Q:void 0,"aria-invalid":v?"true":void 0,"aria-label":"Select time",disabled:T}),A(R,{valid:b,invalid:v,loading:L,disabled:T}),A(F,{loading:L,disabled:T}),m&&A(P,{loading:L,disabled:T,readonly:M,value:d}),A(ae,{children:r}),A(f,{className:"k-input-button",icon:"clock",size:t,fillMode:a,tabIndex:-1,"aria-label":"Select time",disabled:T})]}),g&&ge(K,{id:Q,className:"k-list-container k-timepicker-popup",children:[A($,{columns:["HH","mm","ss","tt"],focusedColumn:"mm",header:A(ce,{title:"10:00:00 AM",children:A(f,{fillMode:"flat",className:"k-time-now",children:"Now"})})}),ge(C,{alignment:"stretched",className:"k-time-footer",children:[A(f,{themeColor:"primary",className:"k-time-accept",children:"Set"}),A(f,{className:"k-time-cancel",children:"Cancel"})]})]}),H&&A(O,{adaptive:!0,id:Q,...te,header:A(B,{actionsEnd:A(f,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:xe}),footer:ge(X,{children:[A(f,{text:"Cancel",size:"large"}),A(f,{text:"Set time",size:"large",themeColor:"primary"})]}),children:A($,{size:"large",columns:["HH","mm","ss","tt"],focusedColumn:"HH",header:A(ce,{title:"10:00:00 \u0410\u041C",children:A(f,{size:"large",fillMode:"flat",className:"k-time-now",children:"Now"})})})})]})};ee.states=ka;ee.options=La;ee.className=Mo;ee.defaultOptions=Eo;ee.moduleName=Ao;ee.folderName=To;var mm=ee;export{Mo as TIMEPICKER_CLASSNAME,ee as TimePicker,mm as default};

package/dist/types/agent-response/agent-step.d.ts CHANGED Viewed

@@ -14,8 +14,6 @@ export type KendoAgentStepProps = {
     linesAdded?: number;
     /** Number of lines removed (rendered red with - prefix) */
     linesRemoved?: number;
-    /** Duration string — e.g. "120ms", "4m 18s" */
-    time?: string;
     /** Status badge text — e.g. "Completed", "Awaiting Approval", "No results found" */
     status?: string;
     /** Theme color for the status Badge */

package/dist/types/agent-response/thought.spec.d.ts CHANGED Viewed

@@ -14,8 +14,6 @@ export type KendoThoughtProps = {
     linesAdded?: number;
     /** Number of lines removed (rendered red with - prefix) */
     linesRemoved?: number;
-    /** Duration string — e.g. "120ms", "4m 18s" */
-    time?: string;
     /** Status badge text — e.g. "Completed", "Awaiting Approval", "No results found" */
     status?: string;
     /** Theme color for the status Badge */

package/dist/types/citation/citation-popover-view.spec.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { KendoComponent } from "../_types/component";
+export declare const CITATION_POPOVER_VIEW_CLASSNAME = "k-citation-popover-view";
+export type KendoCitationPopoverViewProps = {
+    /** Title of the cited source, rendered in bold */
+    title?: React.ReactNode;
+    /** Short descriptive summary of the cited source */
+    body?: React.ReactNode;
+    /** URL of the cited source; rendered as a link, prefixed with an icon */
+    source?: string;
+    /** Icon shown before the source URL */
+    sourceIcon?: string;
+};
+/**
+ * @ux {Structured view} Renders the title, body summary, and source link of a cited source in a consistent layout.
+ */
+export declare const CitationPopoverView: KendoComponent<KendoCitationPopoverViewProps & React.HTMLAttributes<HTMLDivElement>>;
+export default CitationPopoverView;

package/dist/types/citation/citation-popover.spec.d.ts CHANGED Viewed

@@ -5,7 +5,6 @@ export type KendoCitationPopoverProps = {
     pageIndex?: number;
     totalPages?: number;
     body?: React.JSX.Element;
-    currentView?: number;
 };
 /**
  * @aria {aria-label} Accessible name applied to the Previous and Next pagination icon buttons.

package/dist/types/citation/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from './citation.spec';
 export * from './citation-popover.spec';
+export * from './citation-popover-view.spec';
 export * from './templates/citation-normal';
 export * from './templates/citation-opened';

package/dist/types/datepicker/datepicker.spec.d.ts CHANGED Viewed

@@ -17,6 +17,7 @@ export type KendoDatePickerProps = KendoDatePickerOptions & {
     suffix?: React.JSX.Element;
     value?: string;
     placeholder?: string;
+    showClearButton?: boolean;
     opened?: boolean;
     adaptive?: boolean;
     adaptiveSettings?: KendoActionSheetProps;

package/dist/types/form/form-field.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 export declare const FORMFIELD_CLASSNAME = "k-form-field";
 declare const states: "disabled"[];
 export type KendoFormFieldProps = {
-    label?: null | string;
+    label?: null | string | React.ReactNode;
     orientation?: string;
     optional?: boolean;
     editorId?: string;

package/dist/types/scheduler/scheduler-cell.spec.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export type KendoSchedulerCellProps = {
     cellType?: string[];
     allDay?: boolean;
     text?: string;
+    dayText?: string;
     colspan?: number;
     rowspan?: number;
 };

package/dist/types/scheduler/scheduler-event.spec.d.ts CHANGED Viewed

@@ -1,14 +1,20 @@
-import { KendoComponent } from '../_types/component';
+import { KendoComponent } from "../_types/component";
 export type KendoSchedulerEventProps = {
     inverse?: boolean;
     ongoing?: boolean;
     multiDay?: boolean;
+    readonly?: boolean;
+    recurring?: "recurring" | "non-recurring";
     resizable?: "horizontal" | "vertical" | "none";
     hover?: boolean;
     focus?: boolean;
     selected?: boolean;
-    eventPrefix?: React.JSX.Element | null;
-    eventSuffix?: React.JSX.Element | null;
+    continuationRight?: boolean;
+    continuationLeft?: boolean;
+    continuationTop?: boolean;
+    continuationBottom?: boolean;
+    title?: string;
+    time?: string;
 };
 /**
  * @aria {role="button"} Indicating that the event element is interactive.

package/dist/types/scheduler/scheduler.spec.d.ts CHANGED Viewed

@@ -9,11 +9,28 @@ export type KendoSchedulerProps = {
  * @aria {role="application"} Specifies the role of the component.
  * @aria {aria-label} Required as the previous navigation button contains only an icon (no text).
  * @aria {aria-label} Required as the next navigation button contains only an icon (no text).
+ * @aria {aria-label} Required for the "New Event" button. When collapsed to icon-only at narrow widths, this is the only accessible name.
+ * @aria {aria-label} Required as the Open calendar button contains only an icon (no text).
+ * @aria {aria-label} Required as the Create event button contains only an icon (no text).
+ * @aria {aria-live="polite"} The new date of the Scheduler view will be announced upon navigation to a new time span or view type.
  * @aria {role="group"} Follows SegmentedControl spec: sets the proper role for the group of view buttons.
  * @aria {aria-pressed} Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true.
  * @aria {role="grid"} The main table of the Agenda view must indicate it is a Data Grid.
- * @aria {role="none"|\"presentation"} The <tbody> element must have its semantics removed.
- * @aria {role="none"|\"presentation"} All <table> elements within the Scheduler must have their semantic role removed.
+ * @aria {role="none"|"presentation"} The <tbody> element must have its semantics removed.
+ * @aria {role="none"|"presentation"} All <table> elements within the Scheduler must have their semantic role removed.
+ * @aria {role="button"} Indicating that the event element is interactive.
+ * @aria {aria-label} Label containing the title, start, and end date of the appointment.
+ * @aria {aria-disabled="true"} Read-only events cannot be edited or dragged; aria-disabled signals this to assistive technologies.
+ * @aria {aria-label} When the date cell shows a short day abbreviation and a date number separately, aria-label should combine both so the link has a descriptive accessible name.
+ * @aria {aria-label} The "N more" button text is ambiguous; aria-label should read "N more events" to clarify what the button reveals.
+ * @aria {role="list"} The tooltip events container acts as a list of event summaries.
+ * @aria {role="listitem"} Each tooltip event is a non-interactive list item.
+ * @aria {role="group"} Groups the day-of-week toggle buttons into a logical set.
+ * @aria {aria-label} Labels the weekday picker group (e.g. "Repeat on days").
+ * @aria {aria-label} Full day name for each abbreviated day button in the weekday picker (e.g. "Monday").
+ * @aria {aria-pressed} Indicates whether the day is currently selected in the weekday picker.
+ * @aria {tabindex} Roving tabindex: only one weekday picker button has tabindex="0", the rest have tabindex="-1".
+ * @aria {tabindex="0"} Scrollable non-agenda content must be focusable to ensure keyboard scrolling is available.
  * @ux {Multiple views} Switches between day, week, month, agenda, and timeline views.
  * @ux {View switcher} Views are accessible via a ButtonGroup or a DropDown in the toolbar.
  * @ux {Navigation} Previous and next buttons move to the adjacent time period.

package/dist/types/timepicker/timepicker.spec.d.ts CHANGED Viewed

@@ -17,6 +17,7 @@ export type KendoTimePickerProps = KendoTimePickerOptions & {
     suffix?: React.JSX.Element;
     value?: string;
     placeholder?: string;
+    showClearButton?: boolean;
     opened?: boolean;
     adaptive?: boolean;
     adaptiveSettings?: KendoActionSheetProps;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-themes-html",
   "description": "A collection of HTML helpers used for developing Kendo UI themes",
-  "version": "14.4.1-dev.0",
+  "version": "14.4.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/src/agent-response/agent-step.tsx CHANGED Viewed

@@ -23,8 +23,6 @@ export type KendoAgentStepProps = {
   linesAdded?: number;
   /** Number of lines removed (rendered red with - prefix) */
   linesRemoved?: number;
-  /** Duration string — e.g. "120ms", "4m 18s" */
-  time?: string;
   /** Status badge text — e.g. "Completed", "Awaiting Approval", "No results found" */
   status?: string;
   /** Theme color for the status Badge */
@@ -55,7 +53,7 @@ const defaultOptions = {
  * @ux {Diff stats} Added/removed line counts always render in success/error colors, regardless of hover or completed state.
  */
 export const AgentStep: KendoComponent<KendoAgentStepProps & React.HTMLAttributes<HTMLDivElement>> = (props: KendoAgentStepProps & KendoBaseProps & React.HTMLAttributes<HTMLDivElement>) => {
-  const { icon, label, labelClassName, secondaryLabel, linesAdded, linesRemoved, time, status, statusThemeColor = "success", statusIcon, expandable = defaultOptions.expandable, expanded = defaultOptions.expanded, completed = defaultOptions.completed, className, children, ...other } = props;
+  const { icon, label, labelClassName, secondaryLabel, linesAdded, linesRemoved, status, statusThemeColor = "success", statusIcon, expandable = defaultOptions.expandable, expanded = defaultOptions.expanded, completed = defaultOptions.completed, className, children, ...other } = props;
   return (
     <div
@@ -76,12 +74,6 @@ export const AgentStep: KendoComponent<KendoAgentStepProps & React.HTMLAttribute
           )}
           {linesAdded  && <span className="k-agent-step-added">+{linesAdded}</span>}
           {linesRemoved && <span className="k-agent-step-removed">-{linesRemoved}</span>}
-          {time && (
-            <>
-              <span className="k-agent-step-sep">·</span>
-              <span className="k-agent-step-time">{time}</span>
-            </>
-          )}
           {status && (
             <Badge size="small" themeColor={statusThemeColor} rounded="full">
               {statusIcon && <Icon icon={statusIcon} size="small" />}

package/src/agent-response/templates/chain-of-thought-expanded.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import ChainOfThought from '../chain-of-thought.spec';
 import Thought from '../thought.spec';
 export const ChainOfThoughtExpanded = (props: any) => (
-    <ChainOfThought label="Thought" time="for 4m 18s" completed expandable expanded {...props}>
+    <ChainOfThought label="Thought" secondaryLabel="for 4m 18s" completed expandable expanded {...props}>
         <Thought icon="search" label="Searched for components" completed />
         <Thought icon="book" label="Reviewed component variants" completed />
     </ChainOfThought>

package/src/agent-response/templates/chain-of-thought-normal.tsx CHANGED Viewed

@@ -1,3 +1,3 @@
 import ChainOfThought from '../chain-of-thought.spec';
-export const ChainOfThoughtNormal = (props: any) => <ChainOfThought label="Thought" time="for 4m 18s" completed expandable {...props} />;
+export const ChainOfThoughtNormal = (props: any) => <ChainOfThought label="Thought" secondaryLabel="for 4m 18s" completed expandable {...props} />;

package/src/agent-response/templates/reasoning-expanded.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import Reasoning from '../reasoning.spec';
 export const ReasoningExpanded = (props: any) => (
-    <Reasoning time="for 48s" completed expandable expanded {...props}>
+    <Reasoning secondaryLabel="for 48s" completed expandable expanded {...props}>
         <span>I&apos;ll design a resource component system for an AI chat — covering different resource types, states, and variants. Let me read the relevant skills first.</span>
     </Reasoning>
 );

package/src/agent-response/templates/reasoning-normal.tsx CHANGED Viewed

@@ -1,3 +1,3 @@
 import Reasoning from '../reasoning.spec';
-export const ReasoningNormal = (props: any) => <Reasoning time="for 48s" completed expandable {...props} />;
+export const ReasoningNormal = (props: any) => <Reasoning secondaryLabel="for 48s" completed expandable {...props} />;

package/src/agent-response/templates/tool-call-expanded.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import ToolCall from '../tool-call.spec';
 import { Card, CardBody } from '../../card';
 export const ToolCallExpanded = (props: any) => (
-    <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts" time="120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable expanded {...props}>
+    <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts · 120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable expanded {...props}>
         <div>Parameters</div>
         <Card>
             <CardBody>

package/src/agent-response/templates/tool-call-normal.tsx CHANGED Viewed

@@ -1,3 +1,3 @@
 import ToolCall from '../tool-call.spec';
-export const ToolCallNormal = (props: any) => <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts" time="120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable {...props} />;
+export const ToolCallNormal = (props: any) => <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts · 120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable {...props} />;

package/src/agent-response/tests/chain-of-thought.tsx CHANGED Viewed

@@ -5,9 +5,9 @@ import Thought from "../thought.spec";
 export default () => (
   <div id="test-area" className="k-d-flex k-flex-col" style={{ maxWidth: "680px" }}>
     <section>
-      <ChainOfThought label="Thought" time="for 4m 18s" completed expandable />
+      <ChainOfThought label="Thought" secondaryLabel="for 4m 18s" completed expandable />
-      <ChainOfThought label="Thought" time="for 4m 18s" completed expandable expanded>
+      <ChainOfThought label="Thought" secondaryLabel="for 4m 18s" completed expandable expanded>
         <Thought icon="search" label="Searched for components" completed />
         <Thought icon="book" label='Found 12 components matching "button". Reviewing variants — identified 3 candidates with primary intent.' completed />
         <Thought icon="book" label="Retrieved design system documentation for Button components." completed>
@@ -25,7 +25,7 @@ export default () => (
         <Thought icon="pencil" label="Edited" secondaryLabel="_theme.scss" linesAdded={3} linesRemoved={1} completed />
       </ChainOfThought>
       <ChainOfThought icon="search" label="Searched for components" completed expandable />
-      <ChainOfThought icon="book" label="Reviewed component variants" time="for 12s" expandable completed />
+      <ChainOfThought icon="book" label="Reviewed component variants" secondaryLabel="for 12s" expandable completed />
       <ChainOfThought label="Thinking through request" secondaryLabel="I'm considering the best approach to the problem..." expandable expanded>
         <Thought icon="search" label="Searched for components" completed />

package/src/agent-response/tests/reasoning.tsx CHANGED Viewed

@@ -3,9 +3,9 @@ import { Reasoning } from "..";
 export default () => (
   <div id="test-area" className="k-d-flex k-flex-col" style={{ maxWidth: "680px" }}>
     <section>
-      <Reasoning time="for 48s" completed label="Completed" expandable />
+      <Reasoning secondaryLabel="for 48s" completed label="Completed" expandable />
-      <Reasoning time="for 48s" completed label="Completed" expandable expanded>
+      <Reasoning secondaryLabel="for 48s" completed label="Completed" expandable expanded>
         <span>I'll design a resource component system for an AI chat — covering different resource types, states, and variants. Let me read the relevant skills first.</span>
         <span>I'll gather local design system context, then create a comprehensive resource component system.</span>
       </Reasoning>

package/src/agent-response/tests/tool-call.tsx CHANGED Viewed

@@ -8,40 +8,28 @@ import { MessageBox } from "../../message-box";
 export default () => (
   <div id="test-area" className="k-d-flex k-flex-col">
     <section>
-      <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts" time="120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable />
+      <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts · 120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable />
-      <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts" time="120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable />
+      <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts · 120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable />
-      <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts" time="120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable expanded>
-        <div>Parameters</div>
-        <Card>
-          <CardBody>
-            <pre style={{ fontSize: "14px", marginTop: "0px" }}>
-              <code>{`cd packages/html && npx tsc --noEmit -p . 2>&1 | head -50`}</code>
-            </pre>
-          </CardBody>
-        </Card>
-        <div>Result</div>
-        <Card>
-          <CardBody>
-            <pre style={{ fontSize: "14px", marginTop: "0px" }}>
-              <code>{`> @progress/kendo-themes-html@14.4.0-dev.1 typecheck
+      <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts · 120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable expanded>
+        <div className="k-tool-call-label">Parameters</div>
+        <pre className="k-pre">
+          <code className="k-code">{`cd packages/html && npx tsc --noEmit -p . 2>&1 | head -50`}</code>
+        </pre>
+        <div className="k-tool-call-label">Result</div>
+        <pre className="k-pre">
+          <code className="k-code">{`> @progress/kendo-themes-html@14.4.0-dev.1 typecheck
 > npx tsc --noEmit --emitDeclarationOnly false --project tsconfig.json
 `}</code>
-            </pre>
-          </CardBody>
-        </Card>
+        </pre>
       </ToolCall>
       <ToolCall label="tool_name" status="Awaiting Approval" statusThemeColor="warning" statusIcon="exclamation-circle" expandable expanded>
-        <div>Parameters</div>
-        <Card>
-          <CardBody>
-            <pre style={{ fontSize: "14px", marginTop: "0px" }}>
-              <code>{`cd packages/html && npx tsc --noEmit -p . 2>&1 | head -50`}</code>
-            </pre>
-          </CardBody>
-        </Card>
+        <div className="k-tool-call-label">Parameters</div>
+        <pre className="k-pre">
+          <code className="k-code">{`cd packages/html && npx tsc --noEmit -p . 2>&1 | head -50`}</code>
+        </pre>
         <Card>
           <CardBody>
             <p>This command will execute a TS Typecheck in your codebase.</p>
@@ -54,14 +42,10 @@ export default () => (
       </ToolCall>
       <ToolCall label="tool_name" status="Error" statusThemeColor="error" statusIcon="exclamation-circle" expandable expanded>
-        <div>Parameters</div>
-        <Card>
-          <CardBody>
-            <pre style={{ fontSize: "14px", marginTop: "0px" }}>
-              <code>{`cd packages/hmtl && npx tsc --noEmit -p . 2>&1 | head -50`}</code>
-            </pre>
-          </CardBody>
-        </Card>
+        <div className="k-tool-call-label">Parameters</div>
+        <pre className="k-pre">
+          <code className="k-code">{`cd packages/hmtl && npx tsc --noEmit -p . 2>&1 | head -50`}</code>
+        </pre>
         <MessageBox themeColor="error">cd: no such file or directory: packges/hmtl</MessageBox>
       </ToolCall>
     </section>

package/src/agent-response/thought.spec.tsx CHANGED Viewed

@@ -23,8 +23,6 @@ export type KendoThoughtProps = {
   linesAdded?: number;
   /** Number of lines removed (rendered red with - prefix) */
   linesRemoved?: number;
-  /** Duration string — e.g. "120ms", "4m 18s" */
-  time?: string;
   /** Status badge text — e.g. "Completed", "Awaiting Approval", "No results found" */
   status?: string;
   /** Theme color for the status Badge */
@@ -44,7 +42,7 @@ const defaultOptions = {
  * @ux {Diff stats} Added/removed line counts always render in success/error colors, regardless of completed state.
  */
 export const Thought: KendoComponent<KendoThoughtProps & React.HTMLAttributes<HTMLDivElement>> = (props: KendoThoughtProps & React.HTMLAttributes<HTMLDivElement>) => {
-  const { icon, label, labelClassName, secondaryLabel, linesAdded, linesRemoved, time, status, statusThemeColor = "success", statusIcon, completed = defaultOptions.completed, className, children, ...other } = props;
+  const { icon, label, labelClassName, secondaryLabel, linesAdded, linesRemoved, status, statusThemeColor = "success", statusIcon, completed = defaultOptions.completed, className, children, ...other } = props;
   return (
     <div
@@ -68,12 +66,6 @@ export const Thought: KendoComponent<KendoThoughtProps & React.HTMLAttributes<HT
         )}
         {linesAdded && <span className="k-agent-step-added">+{linesAdded}</span>}
         {linesRemoved && <span className="k-agent-step-removed">-{linesRemoved}</span>}
-        {time && (
-          <>
-            <span className="k-agent-step-sep">·</span>
-            <span className="k-agent-step-time">{time}</span>
-          </>
-        )}
         {status && (
           <Badge size="small" themeColor={statusThemeColor} rounded="full">
             {statusIcon && <Icon icon={statusIcon} size="small" />}

package/src/citation/citation-popover-view.spec.tsx ADDED Viewed

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { classNames } from "../misc";
+import { Icon } from "../icon";
+import { KendoComponent } from "../_types/component";
+import { CITATION_FOLDER_NAME, CITATION_MODULE_NAME } from "./constants";
+export const CITATION_POPOVER_VIEW_CLASSNAME = "k-citation-popover-view";
+const states = [] as const;
+const options = {};
+export type KendoCitationPopoverViewProps = {
+  /** Title of the cited source, rendered in bold */
+  title?: React.ReactNode;
+  /** Short descriptive summary of the cited source */
+  body?: React.ReactNode;
+  /** URL of the cited source; rendered as a link, prefixed with an icon */
+  source?: string;
+  /** Icon shown before the source URL */
+  sourceIcon?: string;
+};
+const defaultOptions = {
+  sourceIcon: "globe",
+};
+/**
+ * @ux {Structured view} Renders the title, body summary, and source link of a cited source in a consistent layout.
+ */
+export const CitationPopoverView: KendoComponent<KendoCitationPopoverViewProps & React.HTMLAttributes<HTMLDivElement>> = (props: KendoCitationPopoverViewProps & React.HTMLAttributes<HTMLDivElement>) => {
+  const { title, body, source, sourceIcon = defaultOptions.sourceIcon, className, children, ...other } = props;
+  return (
+    <div {...other} className={classNames(className, CITATION_POPOVER_VIEW_CLASSNAME)}>
+      {title && <div className="k-citation-popover-view-title">{title}</div>}
+      {source && (
+        <a href={source} className="k-citation-popover-view-source">
+          <Icon icon={sourceIcon} />
+          {source}
+        </a>
+      )}
+      {body && <span className="k-citation-popover-view-body">{body}</span>}
+      {children}
+    </div>
+  );
+};
+CitationPopoverView.states = states;
+CitationPopoverView.options = options;
+CitationPopoverView.className = CITATION_POPOVER_VIEW_CLASSNAME;
+CitationPopoverView.defaultOptions = defaultOptions;
+CitationPopoverView.moduleName = CITATION_MODULE_NAME;
+CitationPopoverView.folderName = CITATION_FOLDER_NAME;
+export default CitationPopoverView;