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

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

@@ -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};
+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

@@ -1,6 +1,10 @@
 import * as React from "react";
 import { KendoComponent } from "../_types/component";
 export declare const AGENT_STEP_CLASSNAME = "k-agent-step";
+declare const states: readonly ["focus"];
+export type KendoAgentStepState = {
+    [K in (typeof states)[number]]?: boolean;
+};
 export type KendoAgentStepProps = {
     /** Icon name for the step type (e.g. "sparkles", "search", "wrench", "code", "file-txt") */
     icon?: string;
@@ -14,8 +18,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 */
@@ -36,9 +38,10 @@ export type KendoAgentStepProps = {
  * @ux {Expand / Collapse} Clicking or activating the step's head via keyboard toggles the body content open and closed.
  * @ux {Hover feedback} Hovering the head highlights it with the app-surface background and normalizes all text/icon colors to on-app-surface.
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  * @ux {Diff stats} Added/removed line counts always render in success/error colors, regardless of hover or completed state.
  */
-export declare const AgentStep: KendoComponent<KendoAgentStepProps & React.HTMLAttributes<HTMLDivElement>>;
+export declare const AgentStep: KendoComponent<KendoAgentStepProps & KendoAgentStepState & React.HTMLAttributes<HTMLDivElement>>;
 /**
  * @keyboard {Enter or Space} Triggers the focused step's head, toggling the expanded state when the step is expandable.
  * @keyboard {Tab} Moves focus to the next step's head; each AgentStep head is its own stop in the tab sequence.

package/dist/types/agent-response/chain-of-thought.spec.d.ts

@@ -1,16 +1,18 @@
 import * as React from "react";
-import { KendoAgentStepProps } from "./agent-step";
+import { KendoAgentStepProps, KendoAgentStepState } from "./agent-step";
 import { KendoComponent } from "../_types/component";
 export declare const CHAIN_OF_THOUGHT_CLASSNAME = "k-chain-of-thought";
 export type KendoChainOfThoughtProps = KendoAgentStepProps;
+export type KendoChainOfThoughtState = KendoAgentStepState;
 /**
  * @aria {role="button"} The role is implicit from the native <button> element used for the step's head.
  * @aria {aria-expanded="true"|"false"} Rendered on the head only when the step is expandable, indicating whether its body is currently shown.
  * @aria {aria-label|aria-labelledby} Required on the head when it has no visible label/secondaryLabel text.
  * @ux {Expand / Collapse} Clicking or activating the head toggles the nested Thought steps open and closed.
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  */
-export declare const ChainOfThought: KendoComponent<KendoChainOfThoughtProps & React.HTMLAttributes<HTMLDivElement>>;
+export declare const ChainOfThought: KendoComponent<KendoChainOfThoughtProps & KendoChainOfThoughtState & React.HTMLAttributes<HTMLDivElement>>;
 /**
  * @keyboard {Enter or Space} Triggers the focused head, toggling the expanded state when expandable.
  * @keyboard {Tab} Moves focus to the next ChainOfThought head; each instance is its own stop in the tab sequence.

package/dist/types/agent-response/reasoning.spec.d.ts

@@ -1,16 +1,18 @@
 import * as React from "react";
-import { KendoAgentStepProps } from "./agent-step";
+import { KendoAgentStepProps, KendoAgentStepState } from "./agent-step";
 import { KendoComponent } from "../_types/component";
 export declare const REASONING_CLASSNAME = "k-reasoning";
 export type KendoReasoningProps = KendoAgentStepProps;
+export type KendoReasoningState = KendoAgentStepState;
 /**
  * @aria {role="button"} The role is implicit from the native <button> element used for the step's head.
  * @aria {aria-expanded="true"|"false"} Rendered on the head only when the step is expandable, indicating whether its body is currently shown.
  * @aria {aria-label|aria-labelledby} Required on the head when it has no visible label/secondaryLabel text.
  * @ux {Expand / Collapse} Clicking or activating the head toggles the reasoning body open and closed.
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  */
-export declare const Reasoning: KendoComponent<KendoReasoningProps & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Reasoning: KendoComponent<KendoReasoningProps & KendoReasoningState & React.HTMLAttributes<HTMLDivElement>>;
 /**
  * @keyboard {Enter or Space} Triggers the focused head, toggling the expanded state when expandable.
  * @keyboard {Tab} Moves focus to the next Reasoning head; each instance is its own stop in the tab sequence.

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

@@ -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/agent-response/tool-call.spec.d.ts

@@ -1,8 +1,9 @@
 import * as React from "react";
-import { KendoAgentStepProps } from "./agent-step";
+import { KendoAgentStepProps, KendoAgentStepState } from "./agent-step";
 import { KendoComponent } from "../_types/component";
 export declare const TOOL_CALL_CLASSNAME = "k-tool-call";
 export type KendoToolCallProps = KendoAgentStepProps;
+export type KendoToolCallState = KendoAgentStepState;
 /**
  * @aria {role="button"} The role is implicit from the native <button> element used for the step's head.
  * @aria {aria-expanded="true"|"false"} Rendered on the head only when the step is expandable, indicating whether its body is currently shown.
@@ -10,8 +11,9 @@ export type KendoToolCallProps = KendoAgentStepProps;
  * @ux {Expand / Collapse} Clicking or activating the head toggles the tool call body (parameters, results, approval actions) open and closed.
  * @ux {Status} The optional status Badge reflects the call's outcome (e.g. "Completed", "Awaiting Approval", "Error").
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  */
-export declare const ToolCall: KendoComponent<KendoToolCallProps & React.HTMLAttributes<HTMLDivElement>>;
+export declare const ToolCall: KendoComponent<KendoToolCallProps & KendoToolCallState & React.HTMLAttributes<HTMLDivElement>>;
 /**
  * @keyboard {Enter or Space} Triggers the focused head, toggling the expanded state when expandable.
  * @keyboard {Tab} Moves focus to the next ToolCall head; each instance is its own stop in the tab sequence.

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { classNames } from "../misc";
+import { classNames, stateClassNames, States } from "../misc";
 import { Icon } from "../icon";
 import { Badge } from "../badge";
 import { KendoComponent, KendoBaseProps } from "../_types/component";
@@ -7,9 +7,14 @@ import { AGENT_RESPONSE_FOLDER_NAME, AGENT_RESPONSE_MODULE_NAME } from "./consta
 
 export const AGENT_STEP_CLASSNAME = "k-agent-step";
 
-const states = [] as const;
+const states = [
+  States.focus
+] as const;
+
 const options = {};
 
+export type KendoAgentStepState = { [K in (typeof states)[number]]?: boolean };
+
 export type KendoAgentStepProps = {
   /** Icon name for the step type (e.g. "sparkles", "search", "wrench", "code", "file-txt") */
   icon?: string;
@@ -23,8 +28,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 */
@@ -52,10 +55,11 @@ const defaultOptions = {
  * @ux {Expand / Collapse} Clicking or activating the step's head via keyboard toggles the body content open and closed.
  * @ux {Hover feedback} Hovering the head highlights it with the app-surface background and normalizes all text/icon colors to on-app-surface.
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  * @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;
+export const AgentStep: KendoComponent<KendoAgentStepProps & KendoAgentStepState & React.HTMLAttributes<HTMLDivElement>> = (props: KendoAgentStepProps & KendoAgentStepState & KendoBaseProps & React.HTMLAttributes<HTMLDivElement>) => {
+  const { icon, label, labelClassName, secondaryLabel, linesAdded, linesRemoved, status, statusThemeColor = "success", statusIcon, expandable = defaultOptions.expandable, expanded = defaultOptions.expanded, completed = defaultOptions.completed, focus, className, children, ...other } = props;
 
   return (
     <div
@@ -64,7 +68,7 @@ export const AgentStep: KendoComponent<KendoAgentStepProps & React.HTMLAttribute
         "k-agent-completed": completed,
       })}
     >
-      <button className="k-agent-step-head" aria-expanded={expandable ? expanded : undefined}>
+      <button className={classNames("k-agent-step-head", stateClassNames(AGENT_STEP_CLASSNAME, { focus }))} aria-expanded={expandable ? expanded : undefined}>
         {icon && <Icon icon={icon} size="small" className="k-agent-step-icon" />}
         <span className="k-agent-step-content">
           {label && <span className={classNames("k-agent-step-label", labelClassName)}>{label}</span>}
@@ -76,12 +80,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/chain-of-thought.spec.tsx

@@ -1,15 +1,19 @@
 import * as React from "react";
-import { classNames } from "../misc";
-import { AgentStep, KendoAgentStepProps } from "./agent-step";
+import { classNames, States } from "../misc";
+import { AgentStep, KendoAgentStepProps, KendoAgentStepState } from "./agent-step";
 import { KendoComponent, KendoBaseProps } from "../_types/component";
 import { AGENT_RESPONSE_FOLDER_NAME, AGENT_RESPONSE_MODULE_NAME } from "./constants";
 
 export const CHAIN_OF_THOUGHT_CLASSNAME = "k-chain-of-thought";
 
-const states = [] as const;
+const states = [
+  States.focus
+] as const;
+
 const options = {};
 
 export type KendoChainOfThoughtProps = KendoAgentStepProps;
+export type KendoChainOfThoughtState = KendoAgentStepState;
 
 const defaultOptions = {
   icon: "sparkles",
@@ -21,8 +25,9 @@ const defaultOptions = {
  * @aria {aria-label|aria-labelledby} Required on the head when it has no visible label/secondaryLabel text.
  * @ux {Expand / Collapse} Clicking or activating the head toggles the nested Thought steps open and closed.
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  */
-export const ChainOfThought: KendoComponent<KendoChainOfThoughtProps & React.HTMLAttributes<HTMLDivElement>> = (props: KendoChainOfThoughtProps & KendoBaseProps & React.HTMLAttributes<HTMLDivElement>) => {
+export const ChainOfThought: KendoComponent<KendoChainOfThoughtProps & KendoChainOfThoughtState & React.HTMLAttributes<HTMLDivElement>> = (props: KendoChainOfThoughtProps & KendoChainOfThoughtState & KendoBaseProps & React.HTMLAttributes<HTMLDivElement>) => {
   const { icon = defaultOptions.icon, className, ...other } = props;
 
   return <AgentStep {...other} icon={icon} className={classNames(className, CHAIN_OF_THOUGHT_CLASSNAME)} />;

package/src/agent-response/reasoning.spec.tsx

@@ -1,15 +1,19 @@
 import * as React from "react";
-import { classNames } from "../misc";
-import { AgentStep, KendoAgentStepProps } from "./agent-step";
+import { classNames, States } from "../misc";
+import { AgentStep, KendoAgentStepProps, KendoAgentStepState } from "./agent-step";
 import { KendoComponent, KendoBaseProps } from "../_types/component";
 import { AGENT_RESPONSE_FOLDER_NAME, AGENT_RESPONSE_MODULE_NAME } from "./constants";
 
 export const REASONING_CLASSNAME = "k-reasoning";
 
-const states = [] as const;
+const states = [
+  States.focus
+] as const;
+
 const options = {};
 
 export type KendoReasoningProps = KendoAgentStepProps;
+export type KendoReasoningState = KendoAgentStepState;
 
 const defaultOptions = {
   icon: "sparkles",
@@ -22,8 +26,9 @@ const defaultOptions = {
  * @aria {aria-label|aria-labelledby} Required on the head when it has no visible label/secondaryLabel text.
  * @ux {Expand / Collapse} Clicking or activating the head toggles the reasoning body open and closed.
  * @ux {Completed state} When completed, the label stops shimmering and the icon/label/expand icon dim to a subtle color.
+ * @ux {Focus feedback} Keyboard focus on the head renders a focus indicator — an inset ring in most themes and an inset outline in Meridian.
  */
-export const Reasoning: KendoComponent<KendoReasoningProps & React.HTMLAttributes<HTMLDivElement>> = (props: KendoReasoningProps & KendoBaseProps & React.HTMLAttributes<HTMLDivElement>) => {
+export const Reasoning: KendoComponent<KendoReasoningProps & KendoReasoningState & React.HTMLAttributes<HTMLDivElement>> = (props: KendoReasoningProps & KendoReasoningState & KendoBaseProps & React.HTMLAttributes<HTMLDivElement>) => {
   const { icon = defaultOptions.icon, label = defaultOptions.label, className, ...other } = props;
 
   return <AgentStep {...other} icon={icon} label={label} className={classNames(className, REASONING_CLASSNAME)} />;

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1,15 +1,10 @@
-import ToolCall from '../tool-call.spec';
-import { Card, CardBody } from '../../card';
+import ToolCall from "../tool-call.spec";
 
 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}>
-        <div>Parameters</div>
-        <Card>
-            <CardBody>
-                <pre style={{ fontSize: '14px', marginTop: '0px' }}>
-                    <code>{`cd packages/html && npx tsc --noEmit -p .`}</code>
-                </pre>
-            </CardBody>
-        </Card>
-    </ToolCall>
+  <ToolCall label="tool_name" secondaryLabel="src/utils/formatDate.ts · 120ms" status="Completed" statusThemeColor="success" statusIcon="check-circle" completed expandable expanded {...props}>
+    <div>Parameters</div>
+    <pre className="k-pre">
+      <code className="k-code">{`cd packages/html && npx tsc --noEmit -p .`}</code>
+    </pre>
+  </ToolCall>
 );