@progress/kendo-themes-html 14.0.0-dev.4 → 14.0.0-dev.6

package/dist/esm/smart-box/templates/smart-box-normal.mjs

@@ -1 +1 @@
-var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>n({[`${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"}),y=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:c,checked:l,active:m,selected:b,disabled:x,indeterminate:g,loading:h,empty:I,readonly:M,highlighted:F,..._}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":g&&!l,"k-loading":h,"k-empty":I,"k-readonly":M,"k-highlighted":F},Object.keys(_).reduce((R,T)=>(T.startsWith("k-")?R[T]=_[T]:R[`k-${T}`]=_[T],R),{}))};function rt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ee={};function k(e){return Ee[e]=(Ee[e]||0)+1,`k-${e}-${Ee[e]}`}var ie="input",xe=ie;import{jsx as io}from"react/jsx-runtime";var he="k-input",oo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],no={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},so={},A=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return io("span",{...h,className:n(e.className,he,N(he,{size:b,rounded:x,fillMode:g}),y(he,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m}))})};A.states=oo;A.options=no;A.className=he;A.defaultOptions=so;A.moduleName=ie;A.folderName=xe;import{jsx as co}from"react/jsx-runtime";var Le="k-picker",ao=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ro={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},lo={},J=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return co("span",{...h,className:n(e.className,Le,N(Le,{size:b,rounded:x,fillMode:g}),y(Le,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m})),children:e.children})};J.states=ao;J.options=ro;J.className=Le;J.defaultOptions=lo;J.moduleName=ie;J.folderName=xe;import{Fragment as fo,jsx as lt}from"react/jsx-runtime";var Be="k-font-icon",po=[],mo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},uo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:c,...l}=e;return s?lt("span",{...l,className:n(e.className,Be,N(Be,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):lt(fo,{})};ae.states=po;ae.options=mo;ae.className=Be;ae.defaultOptions=uo;var ct=ae;import{Fragment as ho,jsx as Ne}from"react/jsx-runtime";var Ke="k-svg-icon",bo=[],xo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},pt={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:s,flip:a,viewBox:c=pt.viewBox,icon:l,...m}=e;if(!l)return Ne(ho,{});if(l==="none")return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};re.states=bo;re.options=xo;re.className=Ke;re.defaultOptions=pt;var Re=re;import*as Pe from"@progress/kendo-svg-icons";var dt="icon",mt="icons";import{useContext as No}from"react";import{createContext as Lo}from"react";var ut=Lo({iconsType:"svg"});import{Fragment as ft,jsx as le}from"react/jsx-runtime";var ge="k-icon",go=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Io=[],ko={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},_e={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=No(ut),{size:o,themeColor:s,icon:a,type:c=t||_e.type,rotate:l,flip:m,viewBox:b=_e.viewBox,...x}=e;if(!a)return le(ft,{});if((t||c)==="svg"){if(a==="none")return le(Re,{...x,className:n(e.className,ge),icon:a,size:o});let h=Pe[a]?a:go(`${a}-icon`);return Pe[h]?le(Re,{...x,className:n(e.className,ge),icon:Pe[h],size:o,themeColor:s,rotate:l,flip:m,viewBox:b}):le(ft,{})}return le(ct,{...x,className:n(e.className,ge),icon:a,size:o,themeColor:s,rotate:l,flip:m})};u.states=Io;u.options=ko;u.defaultOptions=_e;u.className=ge;u.moduleName=dt;u.folderName=mt;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as So,jsx as He}from"react/jsx-runtime";var bt="k-clear-value",Co=[i.disabled,i.loading,i.readonly],vo={},ce=e=>{let{disabled:t,loading:o,readonly:s,value:a}=e;return t||s||o||!a?He(So,{}):He("span",{className:n(e.className,bt),children:He(u,{icon:"x"})})};ce.states=Co;ce.options=vo;ce.className=bt;import{jsx as Ao}from"react/jsx-runtime";var we="k-input-inner",Mo=[],yo={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:s=Ie.placeholder,autocomplete:a=Ie.autocomplete,disabled:c,readOnly:l,...m}=e;return Ao("input",{...m,type:o,className:n(e.className,we,N(we,e)),placeholder:s,autoComplete:a,defaultValue:t,disabled:c||void 0,readOnly:l||void 0})};V.states=Mo;V.options=yo;V.className=we;import{jsx as xt,jsxs as Eo}from"react/jsx-runtime";var ze="k-input-inner",Oo=[],To={},De=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:a,valueIconName:c,...l}=e;return Eo("span",{...l,className:n(e.className,ze,N(ze,e)),children:[a,!a&&c&&xt(u,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&xt("span",{className:"k-input-value-text",children:t})]})};De.states=Oo;De.options=To;De.className=ze;import{jsx as Ro}from"react/jsx-runtime";var Ue="k-input-inner",Bo=[],Ko={},ht={value:"",placeholder:""},Ge=e=>{let{value:t=ht.value,placeholder:o=ht.placeholder,rows:s,disabled:a,...c}=e;return Ro("textarea",{...c,className:n(e.className,Ue,N(Ue,e)),placeholder:o,rows:s,defaultValue:t,disabled:a||void 0})};Ge.states=Bo;Ge.options=Ko;Ge.className=Ue;import{Fragment as _o,jsx as Lt}from"react/jsx-runtime";var Nt="k-input-loading-icon",Po=[i.disabled,i.loading],ke=e=>{let{disabled:t,loading:o}=e;return t||!o?Lt(_o,{}):Lt("span",{className:n(e.className,Nt,"k-icon k-i-loading")})};ke.states=Po;ke.className=Nt;import{Fragment as zo,jsx as gt}from"react/jsx-runtime";var It="k-input-validation-icon",Ho=[i.valid,i.invalid,i.disabled,i.loading],wo={},pe=e=>{let{valid:t,invalid:o,disabled:s,loading:a}=e,c=o?"warning-circle":"check-circle";return s||a||!!!(t||o)?gt(zo,{}):gt(u,{className:n(It),icon:c})};pe.states=Ho;pe.options=wo;pe.className=It;import{Fragment as Go,jsx as kt}from"react/jsx-runtime";var Do="k-input-prefix",Uo={direction:"horizontal"},Ce=e=>{let{direction:t=Uo.direction,...o}=e;return e.children?kt("span",{...o,className:n(Do,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):kt(Go,{})};import{Fragment as $o,jsx as Ct}from"react/jsx-runtime";var Fo="k-input-suffix",Vo={direction:"horizontal"},ve=e=>{let{direction:t=Vo.direction,...o}=e;return e.children?Ct("span",{...o,className:n(Fo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ct($o,{})};import{jsx as Bi}from"react/jsx-runtime";import{jsx as _i}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";var vt="k-input-separator",Xo={direction:"vertical"},Q=e=>{let{direction:t=Xo.direction,...o}=e;return Wo("span",{...o,className:n(vt,e.className,{[`${vt}-${t}`]:t})})};var Fe="button",St=Fe;import{Fragment as Yo,jsx as de,jsxs as Mt}from"react/jsx-runtime";var me="k-button",qo=["icon-button"],Jo=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},Ve={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:c,showArrow:l=Ve.showArrow,arrowIconName:m=Ve.arrowIconName,variant:b,hover:x,focus:g,active:h,selected:I,disabled:M,togglable:F,ariaDisabled:_,icon:R,text:T,iconClassName:be,className:Te,...jt}=e,eo=R!==void 0,to=e.children!==void 0;return Mt(t,{className:n(Te,me,rt(me,b),N(me,{size:o,rounded:s,fillMode:a,themeColor:c}),y(me,{hover:x,focus:g,active:h,disabled:M||_,selected:I}),{"k-icon-button":!T&&!to&&eo}),...jt,"aria-pressed":F?I?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:M||void 0,children:[R&&de(u,{className:n(be,"k-button-icon"),icon:R}),T?Mt(Yo,{children:[T&&de("span",{className:"k-button-text",children:T}),e.children]}):e.children&&de("span",{className:"k-button-text",children:e.children}),l&&de("span",{className:"k-menu-button-arrow k-button-arrow",children:de(u,{icon:m})})]})};f.states=Jo;f.options=Qo;f.variants=qo;f.className=me;f.defaultOptions=Ve;f.moduleName=Fe;f.folderName=St;f.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Zo}from"react/jsx-runtime";var Se=e=>Zo(f,{children:"Button",...e});import{Fragment as yt,jsx as H,jsxs as $e}from"react/jsx-runtime";var jo=A.states,en=A.defaultOptions,tn=A.options,on=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],nn=[],Y=e=>{let{modifiers:t,valid:o,invalid:s,loading:a,disabled:c,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,g=t?.["clear-button"],h=t?.["validation-icon"],I=t?.separators;return $e(A,{...m,valid:o,invalid:s,loading:a,disabled:c,readonly:l,style:{width:300},children:[b&&$e(yt,{children:[H(Ce,{children:H(u,{icon:"lock"})}),I&&H(Q,{})]}),H(V,{placeholder:"Placeholder",value:"Value"}),h&&H(pe,{valid:o,invalid:s,loading:a,disabled:c}),H(ke,{loading:a,disabled:c}),g&&H(ce,{loading:a,disabled:c,readonly:l,value:"Value"}),x&&$e(yt,{children:[I&&H(Q,{}),H(ve,{children:H(Se,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Y.options=tn;Y.states=jo;Y.variants=nn;Y.defaultOptions=en;Y.modifiers=on;Y.className=A.className;var Xe="popup",At=Xe;import{jsx as Ot}from"react/jsx-runtime";var Tt="k-animation-container",sn=[],an={},Et={positionMode:"absolute"},G=e=>{let{positionMode:t=Et.positionMode,animationStyle:o,offset:s,...a}=e;return Ot("div",{...a,style:{...s,...e.style},className:n(e.className,Tt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ot("div",{className:"k-child-animation-container",style:o,children:e.children})})};G.states=sn;G.options=an;G.className=Tt;G.defaultOptions=Et;G.moduleName=Xe;G.folderName=At;var We="popup",Bt=We;import{jsx as Kt}from"react/jsx-runtime";var Rt="k-popup",rn=[],ln={},Pt={positionMode:"absolute"},w=e=>{let{offset:t,positionMode:o=Pt.positionMode,animationStyle:s,containerClassName:a,containerRole:c,containerAriaLabel:l,...m}=e;return Kt(G,{positionMode:o,offset:t,animationStyle:s,className:a,role:c,"aria-label":l,children:Kt("div",{...m,className:n(e.className,Rt),children:e.children})})};w.states=rn;w.options=ln;w.className=Rt;w.defaultOptions=Pt;w.moduleName=We;w.folderName=Bt;w.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var qe="smart-box",_t=qe;import{Fragment as Je,jsx as Z,jsxs as Me}from"react/jsx-runtime";var Ht="k-smart-box",cn=[i.hover,i.focus,i.disabled],pn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},wt={separators:!0},E=e=>{let{size:t,rounded:o,fillMode:s,separators:a=wt.separators,prefix:c,suffix:l,value:m,placeholder:b,hover:x,focus:g,disabled:h,popup:I,opened:M,processing:F,inputAriaLabel:_,inputAriaControls:R,inputAriaActiveDescendant:T,inputAriaAutocomplete:be,...Te}=e;return Me(Je,{children:[Me(A,{...Te,size:t,rounded:o,fillMode:s,hover:x,focus:g,disabled:h,loading:F,className:n(e.className,Ht),children:[c&&Me(Je,{children:[Z(Ce,{children:c}),a&&Z(Q,{})]}),Z(V,{placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-autocomplete":be,"aria-controls":M?R:void 0,"aria-activedescendant":M?T:void 0,"aria-label":_}),l&&Me(Je,{children:[a&&Z(Q,{}),Z(ve,{children:l})]})]}),M&&I&&Z(w,{className:"k-smart-box-popup",children:I})]})};E.states=cn;E.options=pn;E.className=Ht;E.defaultOptions=wt;E.moduleName=qe;E.folderName=_t;E.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};import{jsx as dn}from"react/jsx-runtime";var $=e=>dn(f,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as mn}from"react/jsx-runtime";var zt=e=>mn(f,{icon:"folder",children:"Button",...e});import{jsx as Qe}from"react/jsx-runtime";var un=f.options,fn=f.states,bn={...f.defaultOptions,variant:"text"},xn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hn=[],j=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Qe($,{...o,icon:"star"});case"icon-and-text":return Qe(zt,{...o,icon:"star",children:"Button"});default:return Qe(Se,{...o,children:"Button"})}};j.options=un;j.states=fn;j.variants=xn;j.defaultOptions=bn;j.modifiers=hn;j.className=f.className;import{jsx as Ln}from"react/jsx-runtime";var Dt="k-smart-box-send",Ut={processing:!1},z=e=>{let{processing:t=Ut.processing,...o}=e;return Ln(f,{...o,rounded:"full",size:"small",icon:t?"stop-sm":"arrow-up-outline",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,Dt,{"k-processing":t})})};z.states=f.states;z.options=f.options;z.className=Dt;z.defaultOptions=Ut;import je from"react";import{jsx as Gt}from"react/jsx-runtime";var Nn="k-list-group-sticky-header",Ye=e=>Gt("div",{className:n(Nn,e.className),children:Gt("div",{className:"k-list-header-text",children:e.children})});import{jsx as In}from"react/jsx-runtime";var gn="k-no-data",Ze=e=>{let{live:t,...o}=e;return In("span",{...o,className:n(gn,e.className),"aria-live":t?"polite":void 0,children:e.children})};var X="list",ee=X;import{jsx as Ft,jsxs as Vt}from"react/jsx-runtime";var et="k-list",kn=[],Cn={size:[r.undefined,r.small,r.medium,r.large]},vn={},C=e=>{let{size:t,virtualization:o,children:s,header:a,optionLabel:c,customValue:l,noData:m,screenReaders:b,...x}=e,h=je.Children.toArray(s)[0],I=h?.props?.children?je.Children.count(h.props.children):je.Children.count(s);return Vt("div",{...x,className:n(e.className,et,N(et,{size:t}),{"k-virtual-list":o}),children:[c,l,a&&Ft(Ye,{children:a}),s||(m!==void 0?m:Ft(Ze,{live:!0,children:"No data found."})),b&&s&&Vt(Ze,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};C.states=kn;C.options=Cn;C.className=et;C.defaultOptions=vn;C.moduleName=X;C.folderName=ee;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as An}from"react/jsx-runtime";var $t="k-list-container",Sn=[],Mn={},yn={},te=e=>{let{...t}=e;return An("div",{...t,className:n(e.className,$t),children:e.children})};te.states=Sn;te.options=Mn;te.className=$t;te.defaultOptions=yn;te.moduleName=X;te.folderName=ee;var W="checkbox",oe=W;import{jsx as Xt}from"react/jsx-runtime";var ye="k-checkbox",On=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Tn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},En={},B=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:c,disabled:l,invalid:m,valid:b,required:x,size:g,rounded:h,wrapperRole:I,...M}=e;return Xt("span",{className:"k-checkbox-wrap",role:I,children:Xt("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ye,N(ye,{size:g,rounded:h}),y(ye,{hover:a,focus:c,disabled:l,invalid:m,valid:b,indeterminate:s,checked:o}))})})};B.states=On;B.options=Tn;B.className=ye;B.defaultOptions=En;B.moduleName=W;B.folderName=oe;B.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var P=B;import{jsx as Rn}from"react/jsx-runtime";var Wt="k-checkbox-list",Bn=[],Kn={},qt={layout:"vertical"},v=e=>{let{layout:t=qt.layout,...o}=e;return Rn("ul",{...o,className:n(e.className,Wt,{[`k-list-${t}`]:t}),children:e.children})};v.states=Bn;v.options=Kn;v.className=Wt;v.defaultOptions=qt;v.moduleName=W;v.folderName=oe;import{jsx as wn}from"react/jsx-runtime";var Jt="k-checkbox-list-item",Pn=[],_n={},Hn={},S=e=>{let{...t}=e;return wn("li",{...t,className:n(e.className,Jt),children:e.children})};S.states=Pn;S.options=_n;S.className=Jt;S.defaultOptions=Hn;S.moduleName=W;S.folderName=oe;import{Fragment as zn,jsx as Qt,jsxs as Dn}from"react/jsx-runtime";var D=({children:e="Label",id:t="cb-label-after",...o})=>Dn(zn,{children:[Qt(P,{id:t,...o}),Qt("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as sl,jsx as nl,jsxs as il}from"react/jsx-runtime";import{Fragment as pl,jsx as cl,jsxs as dl}from"react/jsx-runtime";import{Fragment as xl,jsx as bl,jsxs as hl}from"react/jsx-runtime";import{jsx as Il}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";import{jsx as K,jsxs as Yt}from"react/jsx-runtime";var Un=v.options,Gn=v.states,Fn={...v.defaultOptions,variant:"vertical"},Vn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$n=[],ne=e=>{let{variant:t,...o}=e;return t==="horizontal"?Yt(v,{layout:"horizontal",...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]}):Yt(v,{...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]})};ne.options=Un;ne.states=Gn;ne.variants=Vn;ne.defaultOptions=Fn;ne.modifiers=$n;ne.className=v.className;import{jsx as Yn}from"react/jsx-runtime";var Xn=P.options,Wn=P.states,qn=P.defaultOptions,Jn=[],Qn=[],se=e=>Yn(D,{id:k("checkbox"),...e,defaultChecked:!0,children:"Label"});se.options=Xn;se.states=Wn;se.variants=Jn;se.defaultOptions=qn;se.modifiers=Qn;se.className=P.className;import{jsx as q,jsxs as ts}from"react/jsx-runtime";var tt="k-list-item",Zn=[i.hover,i.focus,i.selected,i.disabled],jn={},es={},O=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:c,showCheckbox:l,checked:m,hover:b,focus:x,selected:g,disabled:h,actions:I,description:M,id:F,..._}=e,R=t||e.children;return ts("li",{..._,id:F,role:s?"presentation":"option",tabIndex:s?void 0:x?0:-1,"aria-selected":!s&&g?"true":s?void 0:"false","aria-disabled":!s&&h?"true":void 0,className:n(e.className,s?"k-list-group-item":tt,y(tt,{hover:b,focus:x,disabled:h,selected:g})),children:[l&&q(B,{checked:m}),a&&q("span",{className:"k-list-item-icon-wrapper",children:q(u,{icon:a,className:n("k-list-item-icon",c)})}),q("span",{className:"k-list-item-text",children:R}),I&&q("div",{className:"k-list-item-actions",children:I}),M&&q("span",{className:"k-list-item-description",children:M}),o&&o!==""&&q("div",{className:"k-list-item-group-label",children:o})]})};O.states=Zn;O.options=jn;O.className=tt;O.defaultOptions=es;O.moduleName=X;O.folderName=ee;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as ns}from"react/jsx-runtime";var os="k-list-ul",ue=e=>{let{children:t,role:o,id:s,...a}=e;return ns("ul",{...a,id:s,role:o,className:n(os,e.className),children:t})};ue.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as ot,jsxs as is}from"react/jsx-runtime";var ss="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:c,...l}=e;return is("div",{...l,className:n(ss,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:ot(ue,{role:"listbox",id:c,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&ot("div",{className:"k-height-container",children:ot("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as Nc,jsx as Lc,jsxs as gc}from"react/jsx-runtime";import{jsx as nt,jsxs as rs}from"react/jsx-runtime";var as="k-list-group-item",st=e=>{let{groupIconName:t,...o}=e;return rs("li",{...o,role:"presentation",className:n(as,e.className),children:[t&&nt("span",{className:"k-list-item-icon-wrapper",children:nt(u,{icon:t,className:"k-list-item-icon"})}),nt("span",{className:"k-list-item-text",children:e.children})]})};st.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as ds}from"react/jsx-runtime";var it="k-list-optionlabel",ls=[i.hover,i.focus,i.selected,i.disabled],cs={},ps={},Ae=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return ds("div",{...l,className:n(it,y(it,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Ae.states=ls;Ae.options=cs;Ae.className=it;Ae.defaultOptions=ps;import{jsx as bs}from"react/jsx-runtime";var at="k-list-custom-value",ms=[i.hover,i.focus,i.selected,i.disabled],us={},fs={},Oe=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return bs("div",{...l,className:n(at,y(at,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Oe.states=ms;Oe.options=us;Oe.className=at;Oe.defaultOptions=fs;import{Fragment as _c,jsx as Pc,jsxs as Hc}from"react/jsx-runtime";import{Fragment as Fc,jsx as Gc,jsxs as Vc}from"react/jsx-runtime";import{Fragment as Yc,jsx as Jc,jsxs as Qc}from"react/jsx-runtime";import{Fragment as sp,jsx as op,jsxs as np}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";import{Fragment as fp,jsx as up,jsxs as bp}from"react/jsx-runtime";import{Fragment as Dp,jsx as wp,jsxs as zp}from"react/jsx-runtime";import{Fragment as Jp,jsx as qp,jsxs as Qp}from"react/jsx-runtime";import{Fragment as nd,jsx as od,jsxs as sd}from"react/jsx-runtime";import{Fragment as dd,jsx as pd,jsxs as md}from"react/jsx-runtime";import{Fragment as Zt,jsx as fe,jsxs as xs}from"react/jsx-runtime";var Sd=e=>fe(E,{...e,value:"Smart box",separators:!1,inputAriaLabel:"AI-powered search",prefix:fe(Zt,{children:fe(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:xs(Zt,{children:[fe($,{icon:"microphone-outline",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),fe(z,{})]})});export{Sd as SmartBoxNormal};
+var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>n({[`${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"}),y=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:c,checked:l,active:m,selected:b,disabled:x,indeterminate:g,loading:h,empty:I,readonly:M,highlighted:F,..._}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":g&&!l,"k-loading":h,"k-empty":I,"k-readonly":M,"k-highlighted":F},Object.keys(_).reduce((R,T)=>(T.startsWith("k-")?R[T]=_[T]:R[`k-${T}`]=_[T],R),{}))};function rt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ee={};function k(e){return Ee[e]=(Ee[e]||0)+1,`k-${e}-${Ee[e]}`}var ie="input",xe=ie;import{jsx as io}from"react/jsx-runtime";var he="k-input",oo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],no={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},so={},A=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return io("span",{...h,className:n(e.className,he,N(he,{size:b,rounded:x,fillMode:g}),y(he,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m}))})};A.states=oo;A.options=no;A.className=he;A.defaultOptions=so;A.moduleName=ie;A.folderName=xe;import{jsx as co}from"react/jsx-runtime";var Le="k-picker",ao=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ro={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},lo={},J=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return co("span",{...h,className:n(e.className,Le,N(Le,{size:b,rounded:x,fillMode:g}),y(Le,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m})),children:e.children})};J.states=ao;J.options=ro;J.className=Le;J.defaultOptions=lo;J.moduleName=ie;J.folderName=xe;import{Fragment as fo,jsx as lt}from"react/jsx-runtime";var Be="k-font-icon",po=[],mo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},uo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:c,...l}=e;return s?lt("span",{...l,className:n(e.className,Be,N(Be,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):lt(fo,{})};ae.states=po;ae.options=mo;ae.className=Be;ae.defaultOptions=uo;var ct=ae;import{Fragment as ho,jsx as Ne}from"react/jsx-runtime";var Ke="k-svg-icon",bo=[],xo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},pt={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:s,flip:a,viewBox:c=pt.viewBox,icon:l,...m}=e;if(!l)return Ne(ho,{});if(l==="none")return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};re.states=bo;re.options=xo;re.className=Ke;re.defaultOptions=pt;var Re=re;import*as Pe from"@progress/kendo-svg-icons";var dt="icon",mt="icons";import{useContext as No}from"react";import{createContext as Lo}from"react";var ut=Lo({iconsType:"svg"});import{Fragment as ft,jsx as le}from"react/jsx-runtime";var ge="k-icon",go=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Io=[],ko={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},_e={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=No(ut),{size:o,themeColor:s,icon:a,type:c=t||_e.type,rotate:l,flip:m,viewBox:b=_e.viewBox,...x}=e;if(!a)return le(ft,{});if((t||c)==="svg"){if(a==="none")return le(Re,{...x,className:n(e.className,ge),icon:a,size:o});let h=Pe[a]?a:go(`${a}-icon`);return Pe[h]?le(Re,{...x,className:n(e.className,ge),icon:Pe[h],size:o,themeColor:s,rotate:l,flip:m,viewBox:b}):le(ft,{})}return le(ct,{...x,className:n(e.className,ge),icon:a,size:o,themeColor:s,rotate:l,flip:m})};u.states=Io;u.options=ko;u.defaultOptions=_e;u.className=ge;u.moduleName=dt;u.folderName=mt;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as So,jsx as He}from"react/jsx-runtime";var bt="k-clear-value",Co=[i.disabled,i.loading,i.readonly],vo={},ce=e=>{let{disabled:t,loading:o,readonly:s,value:a}=e;return t||s||o||!a?He(So,{}):He("span",{className:n(e.className,bt),children:He(u,{icon:"x"})})};ce.states=Co;ce.options=vo;ce.className=bt;import{jsx as Ao}from"react/jsx-runtime";var we="k-input-inner",Mo=[],yo={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:s=Ie.placeholder,autocomplete:a=Ie.autocomplete,disabled:c,readOnly:l,...m}=e;return Ao("input",{...m,type:o,className:n(e.className,we,N(we,e)),placeholder:s,autoComplete:a,defaultValue:t,disabled:c||void 0,readOnly:l||void 0})};V.states=Mo;V.options=yo;V.className=we;import{jsx as xt,jsxs as Eo}from"react/jsx-runtime";var ze="k-input-inner",Oo=[],To={},De=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:a,valueIconName:c,...l}=e;return Eo("span",{...l,className:n(e.className,ze,N(ze,e)),children:[a,!a&&c&&xt(u,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&xt("span",{className:"k-input-value-text",children:t})]})};De.states=Oo;De.options=To;De.className=ze;import{jsx as Ro}from"react/jsx-runtime";var Ue="k-input-inner",Bo=[],Ko={},ht={value:"",placeholder:""},Ge=e=>{let{value:t=ht.value,placeholder:o=ht.placeholder,rows:s,disabled:a,...c}=e;return Ro("textarea",{...c,className:n(e.className,Ue,N(Ue,e)),placeholder:o,rows:s,defaultValue:t,disabled:a||void 0})};Ge.states=Bo;Ge.options=Ko;Ge.className=Ue;import{Fragment as _o,jsx as Lt}from"react/jsx-runtime";var Nt="k-input-loading-icon",Po=[i.disabled,i.loading],ke=e=>{let{disabled:t,loading:o}=e;return t||!o?Lt(_o,{}):Lt("span",{className:n(e.className,Nt,"k-icon k-i-loading")})};ke.states=Po;ke.className=Nt;import{Fragment as zo,jsx as gt}from"react/jsx-runtime";var It="k-input-validation-icon",Ho=[i.valid,i.invalid,i.disabled,i.loading],wo={},pe=e=>{let{valid:t,invalid:o,disabled:s,loading:a}=e,c=o?"warning-circle":"check-circle";return s||a||!!!(t||o)?gt(zo,{}):gt(u,{className:n(It),icon:c})};pe.states=Ho;pe.options=wo;pe.className=It;import{Fragment as Go,jsx as kt}from"react/jsx-runtime";var Do="k-input-prefix",Uo={direction:"horizontal"},Ce=e=>{let{direction:t=Uo.direction,...o}=e;return e.children?kt("span",{...o,className:n(Do,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):kt(Go,{})};import{Fragment as $o,jsx as Ct}from"react/jsx-runtime";var Fo="k-input-suffix",Vo={direction:"horizontal"},ve=e=>{let{direction:t=Vo.direction,...o}=e;return e.children?Ct("span",{...o,className:n(Fo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ct($o,{})};import{jsx as Bi}from"react/jsx-runtime";import{jsx as _i}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";var vt="k-input-separator",Xo={direction:"vertical"},Q=e=>{let{direction:t=Xo.direction,...o}=e;return Wo("span",{...o,className:n(vt,e.className,{[`${vt}-${t}`]:t})})};var Fe="button",St=Fe;import{Fragment as Yo,jsx as de,jsxs as Mt}from"react/jsx-runtime";var me="k-button",qo=["icon-button"],Jo=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},Ve={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:c,showArrow:l=Ve.showArrow,arrowIconName:m=Ve.arrowIconName,variant:b,hover:x,focus:g,active:h,selected:I,disabled:M,togglable:F,ariaDisabled:_,icon:R,text:T,iconClassName:be,className:Te,...jt}=e,eo=R!==void 0,to=e.children!==void 0;return Mt(t,{className:n(Te,me,rt(me,b),N(me,{size:o,rounded:s,fillMode:a,themeColor:c}),y(me,{hover:x,focus:g,active:h,disabled:M||_,selected:I}),{"k-icon-button":!T&&!to&&eo}),...jt,"aria-pressed":F?I?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:M||void 0,children:[R&&de(u,{className:n(be,"k-button-icon"),icon:R}),T?Mt(Yo,{children:[T&&de("span",{className:"k-button-text",children:T}),e.children]}):e.children&&de("span",{className:"k-button-text",children:e.children}),l&&de("span",{className:"k-menu-button-arrow k-button-arrow",children:de(u,{icon:m})})]})};f.states=Jo;f.options=Qo;f.variants=qo;f.className=me;f.defaultOptions=Ve;f.moduleName=Fe;f.folderName=St;f.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Zo}from"react/jsx-runtime";var Se=e=>Zo(f,{children:"Button",...e});import{Fragment as yt,jsx as H,jsxs as $e}from"react/jsx-runtime";var jo=A.states,en=A.defaultOptions,tn=A.options,on=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],nn=[],Y=e=>{let{modifiers:t,valid:o,invalid:s,loading:a,disabled:c,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,g=t?.["clear-button"],h=t?.["validation-icon"],I=t?.separators;return $e(A,{...m,valid:o,invalid:s,loading:a,disabled:c,readonly:l,style:{width:300},children:[b&&$e(yt,{children:[H(Ce,{children:H(u,{icon:"lock"})}),I&&H(Q,{})]}),H(V,{placeholder:"Placeholder",value:"Value"}),h&&H(pe,{valid:o,invalid:s,loading:a,disabled:c}),H(ke,{loading:a,disabled:c}),g&&H(ce,{loading:a,disabled:c,readonly:l,value:"Value"}),x&&$e(yt,{children:[I&&H(Q,{}),H(ve,{children:H(Se,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Y.options=tn;Y.states=jo;Y.variants=nn;Y.defaultOptions=en;Y.modifiers=on;Y.className=A.className;var Xe="popup",At=Xe;import{jsx as Ot}from"react/jsx-runtime";var Tt="k-animation-container",sn=[],an={},Et={positionMode:"absolute"},G=e=>{let{positionMode:t=Et.positionMode,animationStyle:o,offset:s,...a}=e;return Ot("div",{...a,style:{...s,...e.style},className:n(e.className,Tt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ot("div",{className:"k-child-animation-container",style:o,children:e.children})})};G.states=sn;G.options=an;G.className=Tt;G.defaultOptions=Et;G.moduleName=Xe;G.folderName=At;var We="popup",Bt=We;import{jsx as Kt}from"react/jsx-runtime";var Rt="k-popup",rn=[],ln={},Pt={positionMode:"absolute"},w=e=>{let{offset:t,positionMode:o=Pt.positionMode,animationStyle:s,containerClassName:a,containerRole:c,containerAriaLabel:l,...m}=e;return Kt(G,{positionMode:o,offset:t,animationStyle:s,className:a,role:c,"aria-label":l,children:Kt("div",{...m,className:n(e.className,Rt),children:e.children})})};w.states=rn;w.options=ln;w.className=Rt;w.defaultOptions=Pt;w.moduleName=We;w.folderName=Bt;w.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var qe="smart-box",_t=qe;import{Fragment as Je,jsx as Z,jsxs as Me}from"react/jsx-runtime";var Ht="k-smart-box",cn=[i.hover,i.focus,i.disabled],pn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},wt={separators:!0},E=e=>{let{size:t,rounded:o,fillMode:s,separators:a=wt.separators,prefix:c,suffix:l,value:m,placeholder:b,hover:x,focus:g,disabled:h,popup:I,opened:M,processing:F,inputAriaLabel:_,inputAriaControls:R,inputAriaActiveDescendant:T,inputAriaAutocomplete:be,...Te}=e;return Me(Je,{children:[Me(A,{...Te,size:t,rounded:o,fillMode:s,hover:x,focus:g,disabled:h,loading:F,className:n(e.className,Ht),children:[c&&Me(Je,{children:[Z(Ce,{children:c}),a&&Z(Q,{})]}),Z(V,{placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-autocomplete":be,"aria-controls":M?R:void 0,"aria-activedescendant":M?T:void 0,"aria-label":_}),l&&Me(Je,{children:[a&&Z(Q,{}),Z(ve,{children:l})]})]}),M&&I&&Z(w,{className:"k-smart-box-popup",children:I})]})};E.states=cn;E.options=pn;E.className=Ht;E.defaultOptions=wt;E.moduleName=qe;E.folderName=_t;E.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};import{jsx as dn}from"react/jsx-runtime";var $=e=>dn(f,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as mn}from"react/jsx-runtime";var zt=e=>mn(f,{icon:"folder",children:"Button",...e});import{jsx as Qe}from"react/jsx-runtime";var un=f.options,fn=f.states,bn={...f.defaultOptions,variant:"text"},xn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hn=[],j=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Qe($,{...o,icon:"star"});case"icon-and-text":return Qe(zt,{...o,icon:"star",children:"Button"});default:return Qe(Se,{...o,children:"Button"})}};j.options=un;j.states=fn;j.variants=xn;j.defaultOptions=bn;j.modifiers=hn;j.className=f.className;import{jsx as Ln}from"react/jsx-runtime";var Dt="k-smart-box-send",Ut={processing:!1},z=e=>{let{processing:t=Ut.processing,...o}=e;return Ln(f,{...o,rounded:"full",size:"small",icon:t?"stop":"arrow-up",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,Dt,{"k-processing":t})})};z.states=f.states;z.options=f.options;z.className=Dt;z.defaultOptions=Ut;import je from"react";import{jsx as Gt}from"react/jsx-runtime";var Nn="k-list-group-sticky-header",Ye=e=>Gt("div",{className:n(Nn,e.className),children:Gt("div",{className:"k-list-header-text",children:e.children})});import{jsx as In}from"react/jsx-runtime";var gn="k-no-data",Ze=e=>{let{live:t,...o}=e;return In("span",{...o,className:n(gn,e.className),"aria-live":t?"polite":void 0,children:e.children})};var X="list",ee=X;import{jsx as Ft,jsxs as Vt}from"react/jsx-runtime";var et="k-list",kn=[],Cn={size:[r.undefined,r.small,r.medium,r.large]},vn={},C=e=>{let{size:t,virtualization:o,children:s,header:a,optionLabel:c,customValue:l,noData:m,screenReaders:b,...x}=e,h=je.Children.toArray(s)[0],I=h?.props?.children?je.Children.count(h.props.children):je.Children.count(s);return Vt("div",{...x,className:n(e.className,et,N(et,{size:t}),{"k-virtual-list":o}),children:[c,l,a&&Ft(Ye,{children:a}),s||(m!==void 0?m:Ft(Ze,{live:!0,children:"No data found."})),b&&s&&Vt(Ze,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};C.states=kn;C.options=Cn;C.className=et;C.defaultOptions=vn;C.moduleName=X;C.folderName=ee;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as An}from"react/jsx-runtime";var $t="k-list-container",Sn=[],Mn={},yn={},te=e=>{let{...t}=e;return An("div",{...t,className:n(e.className,$t),children:e.children})};te.states=Sn;te.options=Mn;te.className=$t;te.defaultOptions=yn;te.moduleName=X;te.folderName=ee;var W="checkbox",oe=W;import{jsx as Xt}from"react/jsx-runtime";var ye="k-checkbox",On=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Tn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},En={},B=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:c,disabled:l,invalid:m,valid:b,required:x,size:g,rounded:h,wrapperRole:I,...M}=e;return Xt("span",{className:"k-checkbox-wrap",role:I,children:Xt("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ye,N(ye,{size:g,rounded:h}),y(ye,{hover:a,focus:c,disabled:l,invalid:m,valid:b,indeterminate:s,checked:o}))})})};B.states=On;B.options=Tn;B.className=ye;B.defaultOptions=En;B.moduleName=W;B.folderName=oe;B.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var P=B;import{jsx as Rn}from"react/jsx-runtime";var Wt="k-checkbox-list",Bn=[],Kn={},qt={layout:"vertical"},v=e=>{let{layout:t=qt.layout,...o}=e;return Rn("ul",{...o,className:n(e.className,Wt,{[`k-list-${t}`]:t}),children:e.children})};v.states=Bn;v.options=Kn;v.className=Wt;v.defaultOptions=qt;v.moduleName=W;v.folderName=oe;import{jsx as wn}from"react/jsx-runtime";var Jt="k-checkbox-list-item",Pn=[],_n={},Hn={},S=e=>{let{...t}=e;return wn("li",{...t,className:n(e.className,Jt),children:e.children})};S.states=Pn;S.options=_n;S.className=Jt;S.defaultOptions=Hn;S.moduleName=W;S.folderName=oe;import{Fragment as zn,jsx as Qt,jsxs as Dn}from"react/jsx-runtime";var D=({children:e="Label",id:t="cb-label-after",...o})=>Dn(zn,{children:[Qt(P,{id:t,...o}),Qt("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as sl,jsx as nl,jsxs as il}from"react/jsx-runtime";import{Fragment as pl,jsx as cl,jsxs as dl}from"react/jsx-runtime";import{Fragment as xl,jsx as bl,jsxs as hl}from"react/jsx-runtime";import{jsx as Il}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";import{jsx as K,jsxs as Yt}from"react/jsx-runtime";var Un=v.options,Gn=v.states,Fn={...v.defaultOptions,variant:"vertical"},Vn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$n=[],ne=e=>{let{variant:t,...o}=e;return t==="horizontal"?Yt(v,{layout:"horizontal",...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]}):Yt(v,{...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]})};ne.options=Un;ne.states=Gn;ne.variants=Vn;ne.defaultOptions=Fn;ne.modifiers=$n;ne.className=v.className;import{jsx as Yn}from"react/jsx-runtime";var Xn=P.options,Wn=P.states,qn=P.defaultOptions,Jn=[],Qn=[],se=e=>Yn(D,{id:k("checkbox"),...e,defaultChecked:!0,children:"Label"});se.options=Xn;se.states=Wn;se.variants=Jn;se.defaultOptions=qn;se.modifiers=Qn;se.className=P.className;import{jsx as q,jsxs as ts}from"react/jsx-runtime";var tt="k-list-item",Zn=[i.hover,i.focus,i.selected,i.disabled],jn={},es={},O=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:c,showCheckbox:l,checked:m,hover:b,focus:x,selected:g,disabled:h,actions:I,description:M,id:F,..._}=e,R=t||e.children;return ts("li",{..._,id:F,role:s?"presentation":"option",tabIndex:s?void 0:x?0:-1,"aria-selected":!s&&g?"true":s?void 0:"false","aria-disabled":!s&&h?"true":void 0,className:n(e.className,s?"k-list-group-item":tt,y(tt,{hover:b,focus:x,disabled:h,selected:g})),children:[l&&q(B,{checked:m}),a&&q("span",{className:"k-list-item-icon-wrapper",children:q(u,{icon:a,className:n("k-list-item-icon",c)})}),q("span",{className:"k-list-item-text",children:R}),I&&q("div",{className:"k-list-item-actions",children:I}),M&&q("span",{className:"k-list-item-description",children:M}),o&&o!==""&&q("div",{className:"k-list-item-group-label",children:o})]})};O.states=Zn;O.options=jn;O.className=tt;O.defaultOptions=es;O.moduleName=X;O.folderName=ee;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as ns}from"react/jsx-runtime";var os="k-list-ul",ue=e=>{let{children:t,role:o,id:s,...a}=e;return ns("ul",{...a,id:s,role:o,className:n(os,e.className),children:t})};ue.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as ot,jsxs as is}from"react/jsx-runtime";var ss="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:c,...l}=e;return is("div",{...l,className:n(ss,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:ot(ue,{role:"listbox",id:c,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&ot("div",{className:"k-height-container",children:ot("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as Nc,jsx as Lc,jsxs as gc}from"react/jsx-runtime";import{jsx as nt,jsxs as rs}from"react/jsx-runtime";var as="k-list-group-item",st=e=>{let{groupIconName:t,...o}=e;return rs("li",{...o,role:"presentation",className:n(as,e.className),children:[t&&nt("span",{className:"k-list-item-icon-wrapper",children:nt(u,{icon:t,className:"k-list-item-icon"})}),nt("span",{className:"k-list-item-text",children:e.children})]})};st.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as ds}from"react/jsx-runtime";var it="k-list-optionlabel",ls=[i.hover,i.focus,i.selected,i.disabled],cs={},ps={},Ae=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return ds("div",{...l,className:n(it,y(it,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Ae.states=ls;Ae.options=cs;Ae.className=it;Ae.defaultOptions=ps;import{jsx as bs}from"react/jsx-runtime";var at="k-list-custom-value",ms=[i.hover,i.focus,i.selected,i.disabled],us={},fs={},Oe=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return bs("div",{...l,className:n(at,y(at,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Oe.states=ms;Oe.options=us;Oe.className=at;Oe.defaultOptions=fs;import{Fragment as _c,jsx as Pc,jsxs as Hc}from"react/jsx-runtime";import{Fragment as Fc,jsx as Gc,jsxs as Vc}from"react/jsx-runtime";import{Fragment as Yc,jsx as Jc,jsxs as Qc}from"react/jsx-runtime";import{Fragment as sp,jsx as op,jsxs as np}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";import{Fragment as fp,jsx as up,jsxs as bp}from"react/jsx-runtime";import{Fragment as Dp,jsx as wp,jsxs as zp}from"react/jsx-runtime";import{Fragment as Jp,jsx as qp,jsxs as Qp}from"react/jsx-runtime";import{Fragment as nd,jsx as od,jsxs as sd}from"react/jsx-runtime";import{Fragment as dd,jsx as pd,jsxs as md}from"react/jsx-runtime";import{Fragment as Zt,jsx as fe,jsxs as xs}from"react/jsx-runtime";var Sd=e=>fe(E,{...e,value:"Smart box",separators:!1,inputAriaLabel:"AI-powered search",prefix:fe(Zt,{children:fe(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:xs(Zt,{children:[fe($,{icon:"microphone",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),fe(z,{})]})});export{Sd as SmartBoxNormal};

package/dist/esm/smart-box/templates/smart-box-opened-focused.mjs

@@ -1 +1 @@
-import Re from"react";var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>n({[`${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"}),A=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:c,checked:l,active:m,selected:b,disabled:x,indeterminate:g,loading:h,empty:k,readonly:y,highlighted:V,..._}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":g&&!l,"k-loading":h,"k-empty":k,"k-readonly":y,"k-highlighted":V},Object.keys(_).reduce((R,T)=>(T.startsWith("k-")?R[T]=_[T]:R[`k-${T}`]=_[T],R),{}))};function lt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ee={};function I(e){return Ee[e]=(Ee[e]||0)+1,`k-${e}-${Ee[e]}`}import{jsx as ct}from"react/jsx-runtime";var no="k-list-group-sticky-header",Be=e=>ct("div",{className:n(no,e.className),children:ct("div",{className:"k-list-header-text",children:e.children})});import{jsx as io}from"react/jsx-runtime";var so="k-no-data",Ke=e=>{let{live:t,...o}=e;return io("span",{...o,className:n(so,e.className),"aria-live":t?"polite":void 0,children:e.children})};var $="list",Q=$;import{jsx as pt,jsxs as dt}from"react/jsx-runtime";var Pe="k-list",ao=[],ro={size:[r.undefined,r.small,r.medium,r.large]},lo={},C=e=>{let{size:t,virtualization:o,children:s,header:a,optionLabel:c,customValue:l,noData:m,screenReaders:b,...x}=e,h=Re.Children.toArray(s)[0],k=h?.props?.children?Re.Children.count(h.props.children):Re.Children.count(s);return dt("div",{...x,className:n(e.className,Pe,N(Pe,{size:t}),{"k-virtual-list":o}),children:[c,l,a&&pt(Be,{children:a}),s||(m!==void 0?m:pt(Ke,{live:!0,children:"No data found."})),b&&s&&dt(Ke,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};C.states=ao;C.options=ro;C.className=Pe;C.defaultOptions=lo;C.moduleName=$;C.folderName=Q;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as uo}from"react/jsx-runtime";var mt="k-list-container",co=[],po={},mo={},Y=e=>{let{...t}=e;return uo("div",{...t,className:n(e.className,mt),children:e.children})};Y.states=co;Y.options=po;Y.className=mt;Y.defaultOptions=mo;Y.moduleName=$;Y.folderName=Q;var X="checkbox",Z=X;import{jsx as ut}from"react/jsx-runtime";var xe="k-checkbox",fo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],bo={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},xo={},E=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:c,disabled:l,invalid:m,valid:b,required:x,size:g,rounded:h,wrapperRole:k,...y}=e;return ut("span",{className:"k-checkbox-wrap",role:k,children:ut("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,xe,N(xe,{size:g,rounded:h}),A(xe,{hover:a,focus:c,disabled:l,invalid:m,valid:b,indeterminate:s,checked:o}))})})};E.states=fo;E.options=bo;E.className=xe;E.defaultOptions=xo;E.moduleName=X;E.folderName=Z;E.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var P=E;import{jsx as No}from"react/jsx-runtime";var ft="k-checkbox-list",ho=[],Lo={},bt={layout:"vertical"},S=e=>{let{layout:t=bt.layout,...o}=e;return No("ul",{...o,className:n(e.className,ft,{[`k-list-${t}`]:t}),children:e.children})};S.states=ho;S.options=Lo;S.className=ft;S.defaultOptions=bt;S.moduleName=X;S.folderName=Z;import{jsx as Co}from"react/jsx-runtime";var xt="k-checkbox-list-item",go=[],Io={},ko={},M=e=>{let{...t}=e;return Co("li",{...t,className:n(e.className,xt),children:e.children})};M.states=go;M.options=Io;M.className=xt;M.defaultOptions=ko;M.moduleName=X;M.folderName=Z;import{Fragment as vo,jsx as ht,jsxs as So}from"react/jsx-runtime";var z=({children:e="Label",id:t="cb-label-after",...o})=>So(vo,{children:[ht(P,{id:t,...o}),ht("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as mi,jsx as di,jsxs as ui}from"react/jsx-runtime";import{Fragment as Li,jsx as hi,jsxs as Ni}from"react/jsx-runtime";import{Fragment as vi,jsx as Ci,jsxs as Si}from"react/jsx-runtime";import{jsx as Oi}from"react/jsx-runtime";import{jsx as Ki}from"react/jsx-runtime";import{jsx as Hi}from"react/jsx-runtime";import{jsx as B,jsxs as Lt}from"react/jsx-runtime";var Mo=S.options,yo=S.states,Ao={...S.defaultOptions,variant:"vertical"},Oo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],To=[],j=e=>{let{variant:t,...o}=e;return t==="horizontal"?Lt(S,{layout:"horizontal",...o,children:[B(M,{children:B(z,{id:I("cb"),defaultChecked:!0,children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})})]}):Lt(S,{...o,children:[B(M,{children:B(z,{id:I("cb"),defaultChecked:!0,children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})})]})};j.options=Mo;j.states=yo;j.variants=Oo;j.defaultOptions=Ao;j.modifiers=To;j.className=S.className;import{jsx as _o}from"react/jsx-runtime";var Eo=P.options,Bo=P.states,Ko=P.defaultOptions,Ro=[],Po=[],ee=e=>_o(z,{id:I("checkbox"),...e,defaultChecked:!0,children:"Label"});ee.options=Eo;ee.states=Bo;ee.variants=Ro;ee.defaultOptions=Ko;ee.modifiers=Po;ee.className=P.className;import{Fragment as Do,jsx as Nt}from"react/jsx-runtime";var _e="k-font-icon",Ho=[],wo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},zo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:c,...l}=e;return s?Nt("span",{...l,className:n(e.className,_e,N(_e,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):Nt(Do,{})};ae.states=Ho;ae.options=wo;ae.className=_e;ae.defaultOptions=zo;var gt=ae;import{Fragment as Fo,jsx as he}from"react/jsx-runtime";var He="k-svg-icon",Uo=[],Go={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},It={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:s,flip:a,viewBox:c=It.viewBox,icon:l,...m}=e;if(!l)return he(Fo,{});if(l==="none")return he("span",{...m,className:n(e.className,He,N("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return he("span",{...m,className:n(e.className,He,N("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:he("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};re.states=Uo;re.options=Go;re.className=He;re.defaultOptions=It;var we=re;import*as ze from"@progress/kendo-svg-icons";var kt="icon",Ct="icons";import{useContext as $o}from"react";import{createContext as Vo}from"react";var vt=Vo({iconsType:"svg"});import{Fragment as St,jsx as le}from"react/jsx-runtime";var Le="k-icon",Xo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Wo=[],qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},De={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=$o(vt),{size:o,themeColor:s,icon:a,type:c=t||De.type,rotate:l,flip:m,viewBox:b=De.viewBox,...x}=e;if(!a)return le(St,{});if((t||c)==="svg"){if(a==="none")return le(we,{...x,className:n(e.className,Le),icon:a,size:o});let h=ze[a]?a:Xo(`${a}-icon`);return ze[h]?le(we,{...x,className:n(e.className,Le),icon:ze[h],size:o,themeColor:s,rotate:l,flip:m,viewBox:b}):le(St,{})}return le(gt,{...x,className:n(e.className,Le),icon:a,size:o,themeColor:s,rotate:l,flip:m})};u.states=Wo;u.options=qo;u.defaultOptions=De;u.className=Le;u.moduleName=kt;u.folderName=Ct;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as W,jsxs as Zo}from"react/jsx-runtime";var Ue="k-list-item",Jo=[i.hover,i.focus,i.selected,i.disabled],Qo={},Yo={},v=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:c,showCheckbox:l,checked:m,hover:b,focus:x,selected:g,disabled:h,actions:k,description:y,id:V,..._}=e,R=t||e.children;return Zo("li",{..._,id:V,role:s?"presentation":"option",tabIndex:s?void 0:x?0:-1,"aria-selected":!s&&g?"true":s?void 0:"false","aria-disabled":!s&&h?"true":void 0,className:n(e.className,s?"k-list-group-item":Ue,A(Ue,{hover:b,focus:x,disabled:h,selected:g})),children:[l&&W(E,{checked:m}),a&&W("span",{className:"k-list-item-icon-wrapper",children:W(u,{icon:a,className:n("k-list-item-icon",c)})}),W("span",{className:"k-list-item-text",children:R}),k&&W("div",{className:"k-list-item-actions",children:k}),y&&W("span",{className:"k-list-item-description",children:y}),o&&o!==""&&W("div",{className:"k-list-item-group-label",children:o})]})};v.states=Jo;v.options=Qo;v.className=Ue;v.defaultOptions=Yo;v.moduleName=$;v.folderName=Q;v.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as en}from"react/jsx-runtime";var jo="k-list-ul",ce=e=>{let{children:t,role:o,id:s,...a}=e;return en("ul",{...a,id:s,role:o,className:n(jo,e.className),children:t})};ce.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Ge,jsxs as on}from"react/jsx-runtime";var tn="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:c,...l}=e;return on("div",{...l,className:n(tn,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:Ge(ce,{role:"listbox",id:c,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&Ge("div",{className:"k-height-container",children:Ge("div",{})})]})};H.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as qa,jsx as Wa,jsxs as Ja}from"react/jsx-runtime";import{jsx as Fe,jsxs as sn}from"react/jsx-runtime";var nn="k-list-group-item",Ve=e=>{let{groupIconName:t,...o}=e;return sn("li",{...o,role:"presentation",className:n(nn,e.className),children:[t&&Fe("span",{className:"k-list-item-icon-wrapper",children:Fe(u,{icon:t,className:"k-list-item-icon"})}),Fe("span",{className:"k-list-item-text",children:e.children})]})};Ve.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as cn}from"react/jsx-runtime";var $e="k-list-optionlabel",an=[i.hover,i.focus,i.selected,i.disabled],rn={},ln={},Ne=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return cn("div",{...l,className:n($e,A($e,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Ne.states=an;Ne.options=rn;Ne.className=$e;Ne.defaultOptions=ln;import{jsx as un}from"react/jsx-runtime";var Xe="k-list-custom-value",pn=[i.hover,i.focus,i.selected,i.disabled],dn={},mn={},ge=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return un("div",{...l,className:n(Xe,A(Xe,{hover:o,focus:s,selected:a,disabled:c})),children:t})};ge.states=pn;ge.options=dn;ge.className=Xe;ge.defaultOptions=mn;import{Fragment as dr,jsx as pr,jsxs as mr}from"react/jsx-runtime";import{Fragment as Lr,jsx as hr,jsxs as Nr}from"react/jsx-runtime";import{Fragment as Mr,jsx as vr,jsxs as Sr}from"react/jsx-runtime";import{Fragment as Kr,jsx as Er,jsxs as Br}from"react/jsx-runtime";import{jsx as Hr}from"react/jsx-runtime";import{Fragment as Fr,jsx as Gr,jsxs as Vr}from"react/jsx-runtime";var pe="input",Ie=pe;import{jsx as hn}from"react/jsx-runtime";var ke="k-input",fn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],bn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},xn={},O=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return hn("span",{...h,className:n(e.className,ke,N(ke,{size:b,rounded:x,fillMode:g}),A(ke,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m}))})};O.states=fn;O.options=bn;O.className=ke;O.defaultOptions=xn;O.moduleName=pe;O.folderName=Ie;import{jsx as In}from"react/jsx-runtime";var Ce="k-picker",Ln=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Nn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},gn={},te=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return In("span",{...h,className:n(e.className,Ce,N(Ce,{size:b,rounded:x,fillMode:g}),A(Ce,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m})),children:e.children})};te.states=Ln;te.options=Nn;te.className=Ce;te.defaultOptions=gn;te.moduleName=pe;te.folderName=Ie;import{Fragment as vn,jsx as We}from"react/jsx-runtime";var Mt="k-clear-value",kn=[i.disabled,i.loading,i.readonly],Cn={},de=e=>{let{disabled:t,loading:o,readonly:s,value:a}=e;return t||s||o||!a?We(vn,{}):We("span",{className:n(e.className,Mt),children:We(u,{icon:"x"})})};de.states=kn;de.options=Cn;de.className=Mt;import{jsx as yn}from"react/jsx-runtime";var qe="k-input-inner",Sn=[],Mn={},ve={type:"text",autocomplete:"off",value:"",placeholder:""},q=e=>{let{value:t=ve.value,type:o=ve.type,placeholder:s=ve.placeholder,autocomplete:a=ve.autocomplete,disabled:c,readOnly:l,...m}=e;return yn("input",{...m,type:o,className:n(e.className,qe,N(qe,e)),placeholder:s,autoComplete:a,defaultValue:t,disabled:c||void 0,readOnly:l||void 0})};q.states=Sn;q.options=Mn;q.className=qe;import{jsx as yt,jsxs as Tn}from"react/jsx-runtime";var Je="k-input-inner",An=[],On={},Qe=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:a,valueIconName:c,...l}=e;return Tn("span",{...l,className:n(e.className,Je,N(Je,e)),children:[a,!a&&c&&yt(u,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&yt("span",{className:"k-input-value-text",children:t})]})};Qe.states=An;Qe.options=On;Qe.className=Je;import{jsx as Kn}from"react/jsx-runtime";var Ye="k-input-inner",En=[],Bn={},At={value:"",placeholder:""},Ze=e=>{let{value:t=At.value,placeholder:o=At.placeholder,rows:s,disabled:a,...c}=e;return Kn("textarea",{...c,className:n(e.className,Ye,N(Ye,e)),placeholder:o,rows:s,defaultValue:t,disabled:a||void 0})};Ze.states=En;Ze.options=Bn;Ze.className=Ye;import{Fragment as Pn,jsx as Ot}from"react/jsx-runtime";var Tt="k-input-loading-icon",Rn=[i.disabled,i.loading],Se=e=>{let{disabled:t,loading:o}=e;return t||!o?Ot(Pn,{}):Ot("span",{className:n(e.className,Tt,"k-icon k-i-loading")})};Se.states=Rn;Se.className=Tt;import{Fragment as wn,jsx as Et}from"react/jsx-runtime";var Bt="k-input-validation-icon",_n=[i.valid,i.invalid,i.disabled,i.loading],Hn={},me=e=>{let{valid:t,invalid:o,disabled:s,loading:a}=e,c=o?"warning-circle":"check-circle";return s||a||!!!(t||o)?Et(wn,{}):Et(u,{className:n(Bt),icon:c})};me.states=_n;me.options=Hn;me.className=Bt;import{Fragment as Un,jsx as Kt}from"react/jsx-runtime";var zn="k-input-prefix",Dn={direction:"horizontal"},Me=e=>{let{direction:t=Dn.direction,...o}=e;return e.children?Kt("span",{...o,className:n(zn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Kt(Un,{})};import{Fragment as Vn,jsx as Rt}from"react/jsx-runtime";var Gn="k-input-suffix",Fn={direction:"horizontal"},ye=e=>{let{direction:t=Fn.direction,...o}=e;return e.children?Rt("span",{...o,className:n(Gn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Rt(Vn,{})};import{jsx as Wl}from"react/jsx-runtime";import{jsx as Yl}from"react/jsx-runtime";import{jsx as Xn}from"react/jsx-runtime";var Pt="k-input-separator",$n={direction:"vertical"},oe=e=>{let{direction:t=$n.direction,...o}=e;return Xn("span",{...o,className:n(Pt,e.className,{[`${Pt}-${t}`]:t})})};var je="button",_t=je;import{Fragment as Qn,jsx as ue,jsxs as Ht}from"react/jsx-runtime";var fe="k-button",Wn=["icon-button"],qn=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Jn={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},et={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:c,showArrow:l=et.showArrow,arrowIconName:m=et.arrowIconName,variant:b,hover:x,focus:g,active:h,selected:k,disabled:y,togglable:V,ariaDisabled:_,icon:R,text:T,iconClassName:be,className:Te,...eo}=e,to=R!==void 0,oo=e.children!==void 0;return Ht(t,{className:n(Te,fe,lt(fe,b),N(fe,{size:o,rounded:s,fillMode:a,themeColor:c}),A(fe,{hover:x,focus:g,active:h,disabled:y||_,selected:k}),{"k-icon-button":!T&&!oo&&to}),...eo,"aria-pressed":V?k?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:y||void 0,children:[R&&ue(u,{className:n(be,"k-button-icon"),icon:R}),T?Ht(Qn,{children:[T&&ue("span",{className:"k-button-text",children:T}),e.children]}):e.children&&ue("span",{className:"k-button-text",children:e.children}),l&&ue("span",{className:"k-menu-button-arrow k-button-arrow",children:ue(u,{icon:m})})]})};f.states=qn;f.options=Jn;f.variants=Wn;f.className=fe;f.defaultOptions=et;f.moduleName=je;f.folderName=_t;f.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Yn}from"react/jsx-runtime";var Ae=e=>Yn(f,{children:"Button",...e});import{Fragment as wt,jsx as w,jsxs as tt}from"react/jsx-runtime";var Zn=O.states,jn=O.defaultOptions,es=O.options,ts=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],os=[],ne=e=>{let{modifiers:t,valid:o,invalid:s,loading:a,disabled:c,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,g=t?.["clear-button"],h=t?.["validation-icon"],k=t?.separators;return tt(O,{...m,valid:o,invalid:s,loading:a,disabled:c,readonly:l,style:{width:300},children:[b&&tt(wt,{children:[w(Me,{children:w(u,{icon:"lock"})}),k&&w(oe,{})]}),w(q,{placeholder:"Placeholder",value:"Value"}),h&&w(me,{valid:o,invalid:s,loading:a,disabled:c}),w(Se,{loading:a,disabled:c}),g&&w(de,{loading:a,disabled:c,readonly:l,value:"Value"}),x&&tt(wt,{children:[k&&w(oe,{}),w(ye,{children:w(Ae,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};ne.options=es;ne.states=Zn;ne.variants=os;ne.defaultOptions=jn;ne.modifiers=ts;ne.className=O.className;var ot="popup",zt=ot;import{jsx as Dt}from"react/jsx-runtime";var Ut="k-animation-container",ns=[],ss={},Gt={positionMode:"absolute"},F=e=>{let{positionMode:t=Gt.positionMode,animationStyle:o,offset:s,...a}=e;return Dt("div",{...a,style:{...s,...e.style},className:n(e.className,Ut,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Dt("div",{className:"k-child-animation-container",style:o,children:e.children})})};F.states=ns;F.options=ss;F.className=Ut;F.defaultOptions=Gt;F.moduleName=ot;F.folderName=zt;var nt="popup",Ft=nt;import{jsx as Vt}from"react/jsx-runtime";var $t="k-popup",is=[],as={},Xt={positionMode:"absolute"},D=e=>{let{offset:t,positionMode:o=Xt.positionMode,animationStyle:s,containerClassName:a,containerRole:c,containerAriaLabel:l,...m}=e;return Vt(F,{positionMode:o,offset:t,animationStyle:s,className:a,role:c,"aria-label":l,children:Vt("div",{...m,className:n(e.className,$t),children:e.children})})};D.states=is;D.options=as;D.className=$t;D.defaultOptions=Xt;D.moduleName=nt;D.folderName=Ft;D.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var st="smart-box",Wt=st;import{Fragment as it,jsx as se,jsxs as Oe}from"react/jsx-runtime";var qt="k-smart-box",rs=[i.hover,i.focus,i.disabled],ls={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Jt={separators:!0},K=e=>{let{size:t,rounded:o,fillMode:s,separators:a=Jt.separators,prefix:c,suffix:l,value:m,placeholder:b,hover:x,focus:g,disabled:h,popup:k,opened:y,processing:V,inputAriaLabel:_,inputAriaControls:R,inputAriaActiveDescendant:T,inputAriaAutocomplete:be,...Te}=e;return Oe(it,{children:[Oe(O,{...Te,size:t,rounded:o,fillMode:s,hover:x,focus:g,disabled:h,loading:V,className:n(e.className,qt),children:[c&&Oe(it,{children:[se(Me,{children:c}),a&&se(oe,{})]}),se(q,{placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-autocomplete":be,"aria-controls":y?R:void 0,"aria-activedescendant":y?T:void 0,"aria-label":_}),l&&Oe(it,{children:[a&&se(oe,{}),se(ye,{children:l})]})]}),y&&k&&se(D,{className:"k-smart-box-popup",children:k})]})};K.states=rs;K.options=ls;K.className=qt;K.defaultOptions=Jt;K.moduleName=st;K.folderName=Wt;K.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};import{jsx as cs}from"react/jsx-runtime";var J=e=>cs(f,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ps}from"react/jsx-runtime";var Qt=e=>ps(f,{icon:"folder",children:"Button",...e});import{jsx as at}from"react/jsx-runtime";var ds=f.options,ms=f.states,us={...f.defaultOptions,variant:"text"},fs=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bs=[],ie=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return at(J,{...o,icon:"star"});case"icon-and-text":return at(Qt,{...o,icon:"star",children:"Button"});default:return at(Ae,{...o,children:"Button"})}};ie.options=ds;ie.states=ms;ie.variants=fs;ie.defaultOptions=us;ie.modifiers=bs;ie.className=f.className;import{jsx as xs}from"react/jsx-runtime";var Yt="k-smart-box-send",Zt={processing:!1},U=e=>{let{processing:t=Zt.processing,...o}=e;return xs(f,{...o,rounded:"full",size:"small",icon:t?"stop-sm":"arrow-up-outline",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,Yt,{"k-processing":t})})};U.states=f.states;U.options=f.options;U.className=Yt;U.defaultOptions=Zt;import{Fragment as zp,jsx as wp,jsxs as Dp}from"react/jsx-runtime";import{Fragment as qp,jsx as Xp,jsxs as Wp}from"react/jsx-runtime";import{Fragment as td,jsx as ed,jsxs as od}from"react/jsx-runtime";import{Fragment as cd,jsx as ld,jsxs as pd}from"react/jsx-runtime";import{Fragment as rt,jsx as G,jsxs as jt}from"react/jsx-runtime";var Sd=e=>{let t=I("sb-listbox"),o=I("sb-item"),s=I("sb-item");return G(K,{opened:!0,focus:!0,separators:!1,inputAriaLabel:"AI-powered search",inputAriaControls:t,inputAriaAutocomplete:"list",inputAriaActiveDescendant:o,prefix:G(rt,{children:G(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:jt(rt,{children:[G(J,{icon:"microphone-outline",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),G(U,{})]}),popup:G(rt,{children:G(C,{children:jt(H,{listboxId:t,"aria-label":"Suggestions",children:[G(v,{id:o,focus:!0,children:"List item 1"}),G(v,{id:s,children:"List item 2"})]})})}),...e})};export{Sd as SmartBoxOpenedFocused};
+import Re from"react";var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>n({[`${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"}),A=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:c,checked:l,active:m,selected:b,disabled:x,indeterminate:g,loading:h,empty:k,readonly:y,highlighted:V,..._}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":g&&!l,"k-loading":h,"k-empty":k,"k-readonly":y,"k-highlighted":V},Object.keys(_).reduce((R,T)=>(T.startsWith("k-")?R[T]=_[T]:R[`k-${T}`]=_[T],R),{}))};function lt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ee={};function I(e){return Ee[e]=(Ee[e]||0)+1,`k-${e}-${Ee[e]}`}import{jsx as ct}from"react/jsx-runtime";var no="k-list-group-sticky-header",Be=e=>ct("div",{className:n(no,e.className),children:ct("div",{className:"k-list-header-text",children:e.children})});import{jsx as io}from"react/jsx-runtime";var so="k-no-data",Ke=e=>{let{live:t,...o}=e;return io("span",{...o,className:n(so,e.className),"aria-live":t?"polite":void 0,children:e.children})};var $="list",Q=$;import{jsx as pt,jsxs as dt}from"react/jsx-runtime";var Pe="k-list",ao=[],ro={size:[r.undefined,r.small,r.medium,r.large]},lo={},C=e=>{let{size:t,virtualization:o,children:s,header:a,optionLabel:c,customValue:l,noData:m,screenReaders:b,...x}=e,h=Re.Children.toArray(s)[0],k=h?.props?.children?Re.Children.count(h.props.children):Re.Children.count(s);return dt("div",{...x,className:n(e.className,Pe,N(Pe,{size:t}),{"k-virtual-list":o}),children:[c,l,a&&pt(Be,{children:a}),s||(m!==void 0?m:pt(Ke,{live:!0,children:"No data found."})),b&&s&&dt(Ke,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};C.states=ao;C.options=ro;C.className=Pe;C.defaultOptions=lo;C.moduleName=$;C.folderName=Q;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as uo}from"react/jsx-runtime";var mt="k-list-container",co=[],po={},mo={},Y=e=>{let{...t}=e;return uo("div",{...t,className:n(e.className,mt),children:e.children})};Y.states=co;Y.options=po;Y.className=mt;Y.defaultOptions=mo;Y.moduleName=$;Y.folderName=Q;var X="checkbox",Z=X;import{jsx as ut}from"react/jsx-runtime";var xe="k-checkbox",fo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],bo={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},xo={},E=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:c,disabled:l,invalid:m,valid:b,required:x,size:g,rounded:h,wrapperRole:k,...y}=e;return ut("span",{className:"k-checkbox-wrap",role:k,children:ut("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,xe,N(xe,{size:g,rounded:h}),A(xe,{hover:a,focus:c,disabled:l,invalid:m,valid:b,indeterminate:s,checked:o}))})})};E.states=fo;E.options=bo;E.className=xe;E.defaultOptions=xo;E.moduleName=X;E.folderName=Z;E.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var P=E;import{jsx as No}from"react/jsx-runtime";var ft="k-checkbox-list",ho=[],Lo={},bt={layout:"vertical"},S=e=>{let{layout:t=bt.layout,...o}=e;return No("ul",{...o,className:n(e.className,ft,{[`k-list-${t}`]:t}),children:e.children})};S.states=ho;S.options=Lo;S.className=ft;S.defaultOptions=bt;S.moduleName=X;S.folderName=Z;import{jsx as Co}from"react/jsx-runtime";var xt="k-checkbox-list-item",go=[],Io={},ko={},M=e=>{let{...t}=e;return Co("li",{...t,className:n(e.className,xt),children:e.children})};M.states=go;M.options=Io;M.className=xt;M.defaultOptions=ko;M.moduleName=X;M.folderName=Z;import{Fragment as vo,jsx as ht,jsxs as So}from"react/jsx-runtime";var z=({children:e="Label",id:t="cb-label-after",...o})=>So(vo,{children:[ht(P,{id:t,...o}),ht("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as mi,jsx as di,jsxs as ui}from"react/jsx-runtime";import{Fragment as Li,jsx as hi,jsxs as Ni}from"react/jsx-runtime";import{Fragment as vi,jsx as Ci,jsxs as Si}from"react/jsx-runtime";import{jsx as Oi}from"react/jsx-runtime";import{jsx as Ki}from"react/jsx-runtime";import{jsx as Hi}from"react/jsx-runtime";import{jsx as B,jsxs as Lt}from"react/jsx-runtime";var Mo=S.options,yo=S.states,Ao={...S.defaultOptions,variant:"vertical"},Oo=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],To=[],j=e=>{let{variant:t,...o}=e;return t==="horizontal"?Lt(S,{layout:"horizontal",...o,children:[B(M,{children:B(z,{id:I("cb"),defaultChecked:!0,children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})})]}):Lt(S,{...o,children:[B(M,{children:B(z,{id:I("cb"),defaultChecked:!0,children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})}),B(M,{children:B(z,{id:I("cb"),children:"Label"})})]})};j.options=Mo;j.states=yo;j.variants=Oo;j.defaultOptions=Ao;j.modifiers=To;j.className=S.className;import{jsx as _o}from"react/jsx-runtime";var Eo=P.options,Bo=P.states,Ko=P.defaultOptions,Ro=[],Po=[],ee=e=>_o(z,{id:I("checkbox"),...e,defaultChecked:!0,children:"Label"});ee.options=Eo;ee.states=Bo;ee.variants=Ro;ee.defaultOptions=Ko;ee.modifiers=Po;ee.className=P.className;import{Fragment as Do,jsx as Nt}from"react/jsx-runtime";var _e="k-font-icon",Ho=[],wo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},zo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:c,...l}=e;return s?Nt("span",{...l,className:n(e.className,_e,N(_e,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):Nt(Do,{})};ae.states=Ho;ae.options=wo;ae.className=_e;ae.defaultOptions=zo;var gt=ae;import{Fragment as Fo,jsx as he}from"react/jsx-runtime";var He="k-svg-icon",Uo=[],Go={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},It={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:s,flip:a,viewBox:c=It.viewBox,icon:l,...m}=e;if(!l)return he(Fo,{});if(l==="none")return he("span",{...m,className:n(e.className,He,N("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return he("span",{...m,className:n(e.className,He,N("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:he("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};re.states=Uo;re.options=Go;re.className=He;re.defaultOptions=It;var we=re;import*as ze from"@progress/kendo-svg-icons";var kt="icon",Ct="icons";import{useContext as $o}from"react";import{createContext as Vo}from"react";var vt=Vo({iconsType:"svg"});import{Fragment as St,jsx as le}from"react/jsx-runtime";var Le="k-icon",Xo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Wo=[],qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},De={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=$o(vt),{size:o,themeColor:s,icon:a,type:c=t||De.type,rotate:l,flip:m,viewBox:b=De.viewBox,...x}=e;if(!a)return le(St,{});if((t||c)==="svg"){if(a==="none")return le(we,{...x,className:n(e.className,Le),icon:a,size:o});let h=ze[a]?a:Xo(`${a}-icon`);return ze[h]?le(we,{...x,className:n(e.className,Le),icon:ze[h],size:o,themeColor:s,rotate:l,flip:m,viewBox:b}):le(St,{})}return le(gt,{...x,className:n(e.className,Le),icon:a,size:o,themeColor:s,rotate:l,flip:m})};u.states=Wo;u.options=qo;u.defaultOptions=De;u.className=Le;u.moduleName=kt;u.folderName=Ct;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as W,jsxs as Zo}from"react/jsx-runtime";var Ue="k-list-item",Jo=[i.hover,i.focus,i.selected,i.disabled],Qo={},Yo={},v=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:c,showCheckbox:l,checked:m,hover:b,focus:x,selected:g,disabled:h,actions:k,description:y,id:V,..._}=e,R=t||e.children;return Zo("li",{..._,id:V,role:s?"presentation":"option",tabIndex:s?void 0:x?0:-1,"aria-selected":!s&&g?"true":s?void 0:"false","aria-disabled":!s&&h?"true":void 0,className:n(e.className,s?"k-list-group-item":Ue,A(Ue,{hover:b,focus:x,disabled:h,selected:g})),children:[l&&W(E,{checked:m}),a&&W("span",{className:"k-list-item-icon-wrapper",children:W(u,{icon:a,className:n("k-list-item-icon",c)})}),W("span",{className:"k-list-item-text",children:R}),k&&W("div",{className:"k-list-item-actions",children:k}),y&&W("span",{className:"k-list-item-description",children:y}),o&&o!==""&&W("div",{className:"k-list-item-group-label",children:o})]})};v.states=Jo;v.options=Qo;v.className=Ue;v.defaultOptions=Yo;v.moduleName=$;v.folderName=Q;v.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as en}from"react/jsx-runtime";var jo="k-list-ul",ce=e=>{let{children:t,role:o,id:s,...a}=e;return en("ul",{...a,id:s,role:o,className:n(jo,e.className),children:t})};ce.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Ge,jsxs as on}from"react/jsx-runtime";var tn="k-list-content",H=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:c,...l}=e;return on("div",{...l,className:n(tn,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:Ge(ce,{role:"listbox",id:c,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&Ge("div",{className:"k-height-container",children:Ge("div",{})})]})};H.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as qa,jsx as Wa,jsxs as Ja}from"react/jsx-runtime";import{jsx as Fe,jsxs as sn}from"react/jsx-runtime";var nn="k-list-group-item",Ve=e=>{let{groupIconName:t,...o}=e;return sn("li",{...o,role:"presentation",className:n(nn,e.className),children:[t&&Fe("span",{className:"k-list-item-icon-wrapper",children:Fe(u,{icon:t,className:"k-list-item-icon"})}),Fe("span",{className:"k-list-item-text",children:e.children})]})};Ve.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as cn}from"react/jsx-runtime";var $e="k-list-optionlabel",an=[i.hover,i.focus,i.selected,i.disabled],rn={},ln={},Ne=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return cn("div",{...l,className:n($e,A($e,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Ne.states=an;Ne.options=rn;Ne.className=$e;Ne.defaultOptions=ln;import{jsx as un}from"react/jsx-runtime";var Xe="k-list-custom-value",pn=[i.hover,i.focus,i.selected,i.disabled],dn={},mn={},ge=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return un("div",{...l,className:n(Xe,A(Xe,{hover:o,focus:s,selected:a,disabled:c})),children:t})};ge.states=pn;ge.options=dn;ge.className=Xe;ge.defaultOptions=mn;import{Fragment as dr,jsx as pr,jsxs as mr}from"react/jsx-runtime";import{Fragment as Lr,jsx as hr,jsxs as Nr}from"react/jsx-runtime";import{Fragment as Mr,jsx as vr,jsxs as Sr}from"react/jsx-runtime";import{Fragment as Kr,jsx as Er,jsxs as Br}from"react/jsx-runtime";import{jsx as Hr}from"react/jsx-runtime";import{Fragment as Fr,jsx as Gr,jsxs as Vr}from"react/jsx-runtime";var pe="input",Ie=pe;import{jsx as hn}from"react/jsx-runtime";var ke="k-input",fn=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],bn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},xn={},O=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return hn("span",{...h,className:n(e.className,ke,N(ke,{size:b,rounded:x,fillMode:g}),A(ke,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m}))})};O.states=fn;O.options=bn;O.className=ke;O.defaultOptions=xn;O.moduleName=pe;O.folderName=Ie;import{jsx as In}from"react/jsx-runtime";var Ce="k-picker",Ln=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Nn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},gn={},te=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return In("span",{...h,className:n(e.className,Ce,N(Ce,{size:b,rounded:x,fillMode:g}),A(Ce,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m})),children:e.children})};te.states=Ln;te.options=Nn;te.className=Ce;te.defaultOptions=gn;te.moduleName=pe;te.folderName=Ie;import{Fragment as vn,jsx as We}from"react/jsx-runtime";var Mt="k-clear-value",kn=[i.disabled,i.loading,i.readonly],Cn={},de=e=>{let{disabled:t,loading:o,readonly:s,value:a}=e;return t||s||o||!a?We(vn,{}):We("span",{className:n(e.className,Mt),children:We(u,{icon:"x"})})};de.states=kn;de.options=Cn;de.className=Mt;import{jsx as yn}from"react/jsx-runtime";var qe="k-input-inner",Sn=[],Mn={},ve={type:"text",autocomplete:"off",value:"",placeholder:""},q=e=>{let{value:t=ve.value,type:o=ve.type,placeholder:s=ve.placeholder,autocomplete:a=ve.autocomplete,disabled:c,readOnly:l,...m}=e;return yn("input",{...m,type:o,className:n(e.className,qe,N(qe,e)),placeholder:s,autoComplete:a,defaultValue:t,disabled:c||void 0,readOnly:l||void 0})};q.states=Sn;q.options=Mn;q.className=qe;import{jsx as yt,jsxs as Tn}from"react/jsx-runtime";var Je="k-input-inner",An=[],On={},Qe=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:a,valueIconName:c,...l}=e;return Tn("span",{...l,className:n(e.className,Je,N(Je,e)),children:[a,!a&&c&&yt(u,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&yt("span",{className:"k-input-value-text",children:t})]})};Qe.states=An;Qe.options=On;Qe.className=Je;import{jsx as Kn}from"react/jsx-runtime";var Ye="k-input-inner",En=[],Bn={},At={value:"",placeholder:""},Ze=e=>{let{value:t=At.value,placeholder:o=At.placeholder,rows:s,disabled:a,...c}=e;return Kn("textarea",{...c,className:n(e.className,Ye,N(Ye,e)),placeholder:o,rows:s,defaultValue:t,disabled:a||void 0})};Ze.states=En;Ze.options=Bn;Ze.className=Ye;import{Fragment as Pn,jsx as Ot}from"react/jsx-runtime";var Tt="k-input-loading-icon",Rn=[i.disabled,i.loading],Se=e=>{let{disabled:t,loading:o}=e;return t||!o?Ot(Pn,{}):Ot("span",{className:n(e.className,Tt,"k-icon k-i-loading")})};Se.states=Rn;Se.className=Tt;import{Fragment as wn,jsx as Et}from"react/jsx-runtime";var Bt="k-input-validation-icon",_n=[i.valid,i.invalid,i.disabled,i.loading],Hn={},me=e=>{let{valid:t,invalid:o,disabled:s,loading:a}=e,c=o?"warning-circle":"check-circle";return s||a||!!!(t||o)?Et(wn,{}):Et(u,{className:n(Bt),icon:c})};me.states=_n;me.options=Hn;me.className=Bt;import{Fragment as Un,jsx as Kt}from"react/jsx-runtime";var zn="k-input-prefix",Dn={direction:"horizontal"},Me=e=>{let{direction:t=Dn.direction,...o}=e;return e.children?Kt("span",{...o,className:n(zn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Kt(Un,{})};import{Fragment as Vn,jsx as Rt}from"react/jsx-runtime";var Gn="k-input-suffix",Fn={direction:"horizontal"},ye=e=>{let{direction:t=Fn.direction,...o}=e;return e.children?Rt("span",{...o,className:n(Gn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Rt(Vn,{})};import{jsx as Wl}from"react/jsx-runtime";import{jsx as Yl}from"react/jsx-runtime";import{jsx as Xn}from"react/jsx-runtime";var Pt="k-input-separator",$n={direction:"vertical"},oe=e=>{let{direction:t=$n.direction,...o}=e;return Xn("span",{...o,className:n(Pt,e.className,{[`${Pt}-${t}`]:t})})};var je="button",_t=je;import{Fragment as Qn,jsx as ue,jsxs as Ht}from"react/jsx-runtime";var fe="k-button",Wn=["icon-button"],qn=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Jn={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},et={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:c,showArrow:l=et.showArrow,arrowIconName:m=et.arrowIconName,variant:b,hover:x,focus:g,active:h,selected:k,disabled:y,togglable:V,ariaDisabled:_,icon:R,text:T,iconClassName:be,className:Te,...eo}=e,to=R!==void 0,oo=e.children!==void 0;return Ht(t,{className:n(Te,fe,lt(fe,b),N(fe,{size:o,rounded:s,fillMode:a,themeColor:c}),A(fe,{hover:x,focus:g,active:h,disabled:y||_,selected:k}),{"k-icon-button":!T&&!oo&&to}),...eo,"aria-pressed":V?k?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:y||void 0,children:[R&&ue(u,{className:n(be,"k-button-icon"),icon:R}),T?Ht(Qn,{children:[T&&ue("span",{className:"k-button-text",children:T}),e.children]}):e.children&&ue("span",{className:"k-button-text",children:e.children}),l&&ue("span",{className:"k-menu-button-arrow k-button-arrow",children:ue(u,{icon:m})})]})};f.states=qn;f.options=Jn;f.variants=Wn;f.className=fe;f.defaultOptions=et;f.moduleName=je;f.folderName=_t;f.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Yn}from"react/jsx-runtime";var Ae=e=>Yn(f,{children:"Button",...e});import{Fragment as wt,jsx as w,jsxs as tt}from"react/jsx-runtime";var Zn=O.states,jn=O.defaultOptions,es=O.options,ts=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],os=[],ne=e=>{let{modifiers:t,valid:o,invalid:s,loading:a,disabled:c,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,g=t?.["clear-button"],h=t?.["validation-icon"],k=t?.separators;return tt(O,{...m,valid:o,invalid:s,loading:a,disabled:c,readonly:l,style:{width:300},children:[b&&tt(wt,{children:[w(Me,{children:w(u,{icon:"lock"})}),k&&w(oe,{})]}),w(q,{placeholder:"Placeholder",value:"Value"}),h&&w(me,{valid:o,invalid:s,loading:a,disabled:c}),w(Se,{loading:a,disabled:c}),g&&w(de,{loading:a,disabled:c,readonly:l,value:"Value"}),x&&tt(wt,{children:[k&&w(oe,{}),w(ye,{children:w(Ae,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};ne.options=es;ne.states=Zn;ne.variants=os;ne.defaultOptions=jn;ne.modifiers=ts;ne.className=O.className;var ot="popup",zt=ot;import{jsx as Dt}from"react/jsx-runtime";var Ut="k-animation-container",ns=[],ss={},Gt={positionMode:"absolute"},F=e=>{let{positionMode:t=Gt.positionMode,animationStyle:o,offset:s,...a}=e;return Dt("div",{...a,style:{...s,...e.style},className:n(e.className,Ut,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Dt("div",{className:"k-child-animation-container",style:o,children:e.children})})};F.states=ns;F.options=ss;F.className=Ut;F.defaultOptions=Gt;F.moduleName=ot;F.folderName=zt;var nt="popup",Ft=nt;import{jsx as Vt}from"react/jsx-runtime";var $t="k-popup",is=[],as={},Xt={positionMode:"absolute"},D=e=>{let{offset:t,positionMode:o=Xt.positionMode,animationStyle:s,containerClassName:a,containerRole:c,containerAriaLabel:l,...m}=e;return Vt(F,{positionMode:o,offset:t,animationStyle:s,className:a,role:c,"aria-label":l,children:Vt("div",{...m,className:n(e.className,$t),children:e.children})})};D.states=is;D.options=as;D.className=$t;D.defaultOptions=Xt;D.moduleName=nt;D.folderName=Ft;D.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var st="smart-box",Wt=st;import{Fragment as it,jsx as se,jsxs as Oe}from"react/jsx-runtime";var qt="k-smart-box",rs=[i.hover,i.focus,i.disabled],ls={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Jt={separators:!0},K=e=>{let{size:t,rounded:o,fillMode:s,separators:a=Jt.separators,prefix:c,suffix:l,value:m,placeholder:b,hover:x,focus:g,disabled:h,popup:k,opened:y,processing:V,inputAriaLabel:_,inputAriaControls:R,inputAriaActiveDescendant:T,inputAriaAutocomplete:be,...Te}=e;return Oe(it,{children:[Oe(O,{...Te,size:t,rounded:o,fillMode:s,hover:x,focus:g,disabled:h,loading:V,className:n(e.className,qt),children:[c&&Oe(it,{children:[se(Me,{children:c}),a&&se(oe,{})]}),se(q,{placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-autocomplete":be,"aria-controls":y?R:void 0,"aria-activedescendant":y?T:void 0,"aria-label":_}),l&&Oe(it,{children:[a&&se(oe,{}),se(ye,{children:l})]})]}),y&&k&&se(D,{className:"k-smart-box-popup",children:k})]})};K.states=rs;K.options=ls;K.className=qt;K.defaultOptions=Jt;K.moduleName=st;K.folderName=Wt;K.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};import{jsx as cs}from"react/jsx-runtime";var J=e=>cs(f,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ps}from"react/jsx-runtime";var Qt=e=>ps(f,{icon:"folder",children:"Button",...e});import{jsx as at}from"react/jsx-runtime";var ds=f.options,ms=f.states,us={...f.defaultOptions,variant:"text"},fs=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bs=[],ie=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return at(J,{...o,icon:"star"});case"icon-and-text":return at(Qt,{...o,icon:"star",children:"Button"});default:return at(Ae,{...o,children:"Button"})}};ie.options=ds;ie.states=ms;ie.variants=fs;ie.defaultOptions=us;ie.modifiers=bs;ie.className=f.className;import{jsx as xs}from"react/jsx-runtime";var Yt="k-smart-box-send",Zt={processing:!1},U=e=>{let{processing:t=Zt.processing,...o}=e;return xs(f,{...o,rounded:"full",size:"small",icon:t?"stop":"arrow-up",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,Yt,{"k-processing":t})})};U.states=f.states;U.options=f.options;U.className=Yt;U.defaultOptions=Zt;import{Fragment as zp,jsx as wp,jsxs as Dp}from"react/jsx-runtime";import{Fragment as qp,jsx as Xp,jsxs as Wp}from"react/jsx-runtime";import{Fragment as td,jsx as ed,jsxs as od}from"react/jsx-runtime";import{Fragment as cd,jsx as ld,jsxs as pd}from"react/jsx-runtime";import{Fragment as rt,jsx as G,jsxs as jt}from"react/jsx-runtime";var Sd=e=>{let t=I("sb-listbox"),o=I("sb-item"),s=I("sb-item");return G(K,{opened:!0,focus:!0,separators:!1,inputAriaLabel:"AI-powered search",inputAriaControls:t,inputAriaAutocomplete:"list",inputAriaActiveDescendant:o,prefix:G(rt,{children:G(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:jt(rt,{children:[G(J,{icon:"microphone",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),G(U,{})]}),popup:G(rt,{children:G(C,{children:jt(H,{listboxId:t,"aria-label":"Suggestions",children:[G(v,{id:o,focus:!0,children:"List item 1"}),G(v,{id:s,children:"List item 2"})]})})}),...e})};export{Sd as SmartBoxOpenedFocused};

package/dist/esm/smart-box/templates/smart-box-processing.mjs

@@ -1 +1 @@
-var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>n({[`${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"}),y=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:c,checked:l,active:m,selected:b,disabled:x,indeterminate:g,loading:h,empty:I,readonly:M,highlighted:F,..._}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":g&&!l,"k-loading":h,"k-empty":I,"k-readonly":M,"k-highlighted":F},Object.keys(_).reduce((R,T)=>(T.startsWith("k-")?R[T]=_[T]:R[`k-${T}`]=_[T],R),{}))};function rt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ee={};function k(e){return Ee[e]=(Ee[e]||0)+1,`k-${e}-${Ee[e]}`}var ie="input",xe=ie;import{jsx as io}from"react/jsx-runtime";var he="k-input",oo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],no={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},so={},A=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return io("span",{...h,className:n(e.className,he,N(he,{size:b,rounded:x,fillMode:g}),y(he,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m}))})};A.states=oo;A.options=no;A.className=he;A.defaultOptions=so;A.moduleName=ie;A.folderName=xe;import{jsx as co}from"react/jsx-runtime";var Le="k-picker",ao=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ro={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},lo={},J=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return co("span",{...h,className:n(e.className,Le,N(Le,{size:b,rounded:x,fillMode:g}),y(Le,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m})),children:e.children})};J.states=ao;J.options=ro;J.className=Le;J.defaultOptions=lo;J.moduleName=ie;J.folderName=xe;import{Fragment as fo,jsx as lt}from"react/jsx-runtime";var Be="k-font-icon",po=[],mo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},uo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:c,...l}=e;return s?lt("span",{...l,className:n(e.className,Be,N(Be,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):lt(fo,{})};ae.states=po;ae.options=mo;ae.className=Be;ae.defaultOptions=uo;var ct=ae;import{Fragment as ho,jsx as Ne}from"react/jsx-runtime";var Ke="k-svg-icon",bo=[],xo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},pt={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:s,flip:a,viewBox:c=pt.viewBox,icon:l,...m}=e;if(!l)return Ne(ho,{});if(l==="none")return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};re.states=bo;re.options=xo;re.className=Ke;re.defaultOptions=pt;var Re=re;import*as Pe from"@progress/kendo-svg-icons";var dt="icon",mt="icons";import{useContext as No}from"react";import{createContext as Lo}from"react";var ut=Lo({iconsType:"svg"});import{Fragment as ft,jsx as le}from"react/jsx-runtime";var ge="k-icon",go=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Io=[],ko={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},_e={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=No(ut),{size:o,themeColor:s,icon:a,type:c=t||_e.type,rotate:l,flip:m,viewBox:b=_e.viewBox,...x}=e;if(!a)return le(ft,{});if((t||c)==="svg"){if(a==="none")return le(Re,{...x,className:n(e.className,ge),icon:a,size:o});let h=Pe[a]?a:go(`${a}-icon`);return Pe[h]?le(Re,{...x,className:n(e.className,ge),icon:Pe[h],size:o,themeColor:s,rotate:l,flip:m,viewBox:b}):le(ft,{})}return le(ct,{...x,className:n(e.className,ge),icon:a,size:o,themeColor:s,rotate:l,flip:m})};u.states=Io;u.options=ko;u.defaultOptions=_e;u.className=ge;u.moduleName=dt;u.folderName=mt;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as So,jsx as He}from"react/jsx-runtime";var bt="k-clear-value",Co=[i.disabled,i.loading,i.readonly],vo={},ce=e=>{let{disabled:t,loading:o,readonly:s,value:a}=e;return t||s||o||!a?He(So,{}):He("span",{className:n(e.className,bt),children:He(u,{icon:"x"})})};ce.states=Co;ce.options=vo;ce.className=bt;import{jsx as Ao}from"react/jsx-runtime";var we="k-input-inner",Mo=[],yo={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:s=Ie.placeholder,autocomplete:a=Ie.autocomplete,disabled:c,readOnly:l,...m}=e;return Ao("input",{...m,type:o,className:n(e.className,we,N(we,e)),placeholder:s,autoComplete:a,defaultValue:t,disabled:c||void 0,readOnly:l||void 0})};V.states=Mo;V.options=yo;V.className=we;import{jsx as xt,jsxs as Eo}from"react/jsx-runtime";var ze="k-input-inner",Oo=[],To={},De=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:a,valueIconName:c,...l}=e;return Eo("span",{...l,className:n(e.className,ze,N(ze,e)),children:[a,!a&&c&&xt(u,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&xt("span",{className:"k-input-value-text",children:t})]})};De.states=Oo;De.options=To;De.className=ze;import{jsx as Ro}from"react/jsx-runtime";var Ue="k-input-inner",Bo=[],Ko={},ht={value:"",placeholder:""},Ge=e=>{let{value:t=ht.value,placeholder:o=ht.placeholder,rows:s,disabled:a,...c}=e;return Ro("textarea",{...c,className:n(e.className,Ue,N(Ue,e)),placeholder:o,rows:s,defaultValue:t,disabled:a||void 0})};Ge.states=Bo;Ge.options=Ko;Ge.className=Ue;import{Fragment as _o,jsx as Lt}from"react/jsx-runtime";var Nt="k-input-loading-icon",Po=[i.disabled,i.loading],ke=e=>{let{disabled:t,loading:o}=e;return t||!o?Lt(_o,{}):Lt("span",{className:n(e.className,Nt,"k-icon k-i-loading")})};ke.states=Po;ke.className=Nt;import{Fragment as zo,jsx as gt}from"react/jsx-runtime";var It="k-input-validation-icon",Ho=[i.valid,i.invalid,i.disabled,i.loading],wo={},pe=e=>{let{valid:t,invalid:o,disabled:s,loading:a}=e,c=o?"warning-circle":"check-circle";return s||a||!!!(t||o)?gt(zo,{}):gt(u,{className:n(It),icon:c})};pe.states=Ho;pe.options=wo;pe.className=It;import{Fragment as Go,jsx as kt}from"react/jsx-runtime";var Do="k-input-prefix",Uo={direction:"horizontal"},Ce=e=>{let{direction:t=Uo.direction,...o}=e;return e.children?kt("span",{...o,className:n(Do,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):kt(Go,{})};import{Fragment as $o,jsx as Ct}from"react/jsx-runtime";var Fo="k-input-suffix",Vo={direction:"horizontal"},ve=e=>{let{direction:t=Vo.direction,...o}=e;return e.children?Ct("span",{...o,className:n(Fo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ct($o,{})};import{jsx as Bi}from"react/jsx-runtime";import{jsx as _i}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";var vt="k-input-separator",Xo={direction:"vertical"},Q=e=>{let{direction:t=Xo.direction,...o}=e;return Wo("span",{...o,className:n(vt,e.className,{[`${vt}-${t}`]:t})})};var Fe="button",St=Fe;import{Fragment as Yo,jsx as de,jsxs as Mt}from"react/jsx-runtime";var me="k-button",qo=["icon-button"],Jo=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},Ve={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:c,showArrow:l=Ve.showArrow,arrowIconName:m=Ve.arrowIconName,variant:b,hover:x,focus:g,active:h,selected:I,disabled:M,togglable:F,ariaDisabled:_,icon:R,text:T,iconClassName:be,className:Te,...jt}=e,eo=R!==void 0,to=e.children!==void 0;return Mt(t,{className:n(Te,me,rt(me,b),N(me,{size:o,rounded:s,fillMode:a,themeColor:c}),y(me,{hover:x,focus:g,active:h,disabled:M||_,selected:I}),{"k-icon-button":!T&&!to&&eo}),...jt,"aria-pressed":F?I?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:M||void 0,children:[R&&de(u,{className:n(be,"k-button-icon"),icon:R}),T?Mt(Yo,{children:[T&&de("span",{className:"k-button-text",children:T}),e.children]}):e.children&&de("span",{className:"k-button-text",children:e.children}),l&&de("span",{className:"k-menu-button-arrow k-button-arrow",children:de(u,{icon:m})})]})};f.states=Jo;f.options=Qo;f.variants=qo;f.className=me;f.defaultOptions=Ve;f.moduleName=Fe;f.folderName=St;f.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Zo}from"react/jsx-runtime";var Se=e=>Zo(f,{children:"Button",...e});import{Fragment as yt,jsx as H,jsxs as $e}from"react/jsx-runtime";var jo=A.states,en=A.defaultOptions,tn=A.options,on=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],nn=[],Y=e=>{let{modifiers:t,valid:o,invalid:s,loading:a,disabled:c,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,g=t?.["clear-button"],h=t?.["validation-icon"],I=t?.separators;return $e(A,{...m,valid:o,invalid:s,loading:a,disabled:c,readonly:l,style:{width:300},children:[b&&$e(yt,{children:[H(Ce,{children:H(u,{icon:"lock"})}),I&&H(Q,{})]}),H(V,{placeholder:"Placeholder",value:"Value"}),h&&H(pe,{valid:o,invalid:s,loading:a,disabled:c}),H(ke,{loading:a,disabled:c}),g&&H(ce,{loading:a,disabled:c,readonly:l,value:"Value"}),x&&$e(yt,{children:[I&&H(Q,{}),H(ve,{children:H(Se,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Y.options=tn;Y.states=jo;Y.variants=nn;Y.defaultOptions=en;Y.modifiers=on;Y.className=A.className;var Xe="popup",At=Xe;import{jsx as Ot}from"react/jsx-runtime";var Tt="k-animation-container",sn=[],an={},Et={positionMode:"absolute"},G=e=>{let{positionMode:t=Et.positionMode,animationStyle:o,offset:s,...a}=e;return Ot("div",{...a,style:{...s,...e.style},className:n(e.className,Tt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ot("div",{className:"k-child-animation-container",style:o,children:e.children})})};G.states=sn;G.options=an;G.className=Tt;G.defaultOptions=Et;G.moduleName=Xe;G.folderName=At;var We="popup",Bt=We;import{jsx as Kt}from"react/jsx-runtime";var Rt="k-popup",rn=[],ln={},Pt={positionMode:"absolute"},w=e=>{let{offset:t,positionMode:o=Pt.positionMode,animationStyle:s,containerClassName:a,containerRole:c,containerAriaLabel:l,...m}=e;return Kt(G,{positionMode:o,offset:t,animationStyle:s,className:a,role:c,"aria-label":l,children:Kt("div",{...m,className:n(e.className,Rt),children:e.children})})};w.states=rn;w.options=ln;w.className=Rt;w.defaultOptions=Pt;w.moduleName=We;w.folderName=Bt;w.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var qe="smart-box",_t=qe;import{Fragment as Je,jsx as Z,jsxs as Me}from"react/jsx-runtime";var Ht="k-smart-box",cn=[i.hover,i.focus,i.disabled],pn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},wt={separators:!0},E=e=>{let{size:t,rounded:o,fillMode:s,separators:a=wt.separators,prefix:c,suffix:l,value:m,placeholder:b,hover:x,focus:g,disabled:h,popup:I,opened:M,processing:F,inputAriaLabel:_,inputAriaControls:R,inputAriaActiveDescendant:T,inputAriaAutocomplete:be,...Te}=e;return Me(Je,{children:[Me(A,{...Te,size:t,rounded:o,fillMode:s,hover:x,focus:g,disabled:h,loading:F,className:n(e.className,Ht),children:[c&&Me(Je,{children:[Z(Ce,{children:c}),a&&Z(Q,{})]}),Z(V,{placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-autocomplete":be,"aria-controls":M?R:void 0,"aria-activedescendant":M?T:void 0,"aria-label":_}),l&&Me(Je,{children:[a&&Z(Q,{}),Z(ve,{children:l})]})]}),M&&I&&Z(w,{className:"k-smart-box-popup",children:I})]})};E.states=cn;E.options=pn;E.className=Ht;E.defaultOptions=wt;E.moduleName=qe;E.folderName=_t;E.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};import{jsx as dn}from"react/jsx-runtime";var $=e=>dn(f,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as mn}from"react/jsx-runtime";var zt=e=>mn(f,{icon:"folder",children:"Button",...e});import{jsx as Qe}from"react/jsx-runtime";var un=f.options,fn=f.states,bn={...f.defaultOptions,variant:"text"},xn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hn=[],j=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Qe($,{...o,icon:"star"});case"icon-and-text":return Qe(zt,{...o,icon:"star",children:"Button"});default:return Qe(Se,{...o,children:"Button"})}};j.options=un;j.states=fn;j.variants=xn;j.defaultOptions=bn;j.modifiers=hn;j.className=f.className;import{jsx as Ln}from"react/jsx-runtime";var Dt="k-smart-box-send",Ut={processing:!1},z=e=>{let{processing:t=Ut.processing,...o}=e;return Ln(f,{...o,rounded:"full",size:"small",icon:t?"stop-sm":"arrow-up-outline",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,Dt,{"k-processing":t})})};z.states=f.states;z.options=f.options;z.className=Dt;z.defaultOptions=Ut;import{Fragment as vr,jsx as Cr,jsxs as Sr}from"react/jsx-runtime";import je from"react";import{jsx as Gt}from"react/jsx-runtime";var Nn="k-list-group-sticky-header",Ye=e=>Gt("div",{className:n(Nn,e.className),children:Gt("div",{className:"k-list-header-text",children:e.children})});import{jsx as In}from"react/jsx-runtime";var gn="k-no-data",Ze=e=>{let{live:t,...o}=e;return In("span",{...o,className:n(gn,e.className),"aria-live":t?"polite":void 0,children:e.children})};var X="list",ee=X;import{jsx as Ft,jsxs as Vt}from"react/jsx-runtime";var et="k-list",kn=[],Cn={size:[r.undefined,r.small,r.medium,r.large]},vn={},C=e=>{let{size:t,virtualization:o,children:s,header:a,optionLabel:c,customValue:l,noData:m,screenReaders:b,...x}=e,h=je.Children.toArray(s)[0],I=h?.props?.children?je.Children.count(h.props.children):je.Children.count(s);return Vt("div",{...x,className:n(e.className,et,N(et,{size:t}),{"k-virtual-list":o}),children:[c,l,a&&Ft(Ye,{children:a}),s||(m!==void 0?m:Ft(Ze,{live:!0,children:"No data found."})),b&&s&&Vt(Ze,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};C.states=kn;C.options=Cn;C.className=et;C.defaultOptions=vn;C.moduleName=X;C.folderName=ee;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as An}from"react/jsx-runtime";var $t="k-list-container",Sn=[],Mn={},yn={},te=e=>{let{...t}=e;return An("div",{...t,className:n(e.className,$t),children:e.children})};te.states=Sn;te.options=Mn;te.className=$t;te.defaultOptions=yn;te.moduleName=X;te.folderName=ee;var W="checkbox",oe=W;import{jsx as Xt}from"react/jsx-runtime";var ye="k-checkbox",On=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Tn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},En={},B=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:c,disabled:l,invalid:m,valid:b,required:x,size:g,rounded:h,wrapperRole:I,...M}=e;return Xt("span",{className:"k-checkbox-wrap",role:I,children:Xt("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ye,N(ye,{size:g,rounded:h}),y(ye,{hover:a,focus:c,disabled:l,invalid:m,valid:b,indeterminate:s,checked:o}))})})};B.states=On;B.options=Tn;B.className=ye;B.defaultOptions=En;B.moduleName=W;B.folderName=oe;B.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var P=B;import{jsx as Rn}from"react/jsx-runtime";var Wt="k-checkbox-list",Bn=[],Kn={},qt={layout:"vertical"},v=e=>{let{layout:t=qt.layout,...o}=e;return Rn("ul",{...o,className:n(e.className,Wt,{[`k-list-${t}`]:t}),children:e.children})};v.states=Bn;v.options=Kn;v.className=Wt;v.defaultOptions=qt;v.moduleName=W;v.folderName=oe;import{jsx as wn}from"react/jsx-runtime";var Jt="k-checkbox-list-item",Pn=[],_n={},Hn={},S=e=>{let{...t}=e;return wn("li",{...t,className:n(e.className,Jt),children:e.children})};S.states=Pn;S.options=_n;S.className=Jt;S.defaultOptions=Hn;S.moduleName=W;S.folderName=oe;import{Fragment as zn,jsx as Qt,jsxs as Dn}from"react/jsx-runtime";var D=({children:e="Label",id:t="cb-label-after",...o})=>Dn(zn,{children:[Qt(P,{id:t,...o}),Qt("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ml,jsx as dl,jsxs as ul}from"react/jsx-runtime";import{Fragment as Ll,jsx as hl,jsxs as Nl}from"react/jsx-runtime";import{Fragment as vl,jsx as Cl,jsxs as Sl}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";import{jsx as Hl}from"react/jsx-runtime";import{jsx as K,jsxs as Yt}from"react/jsx-runtime";var Un=v.options,Gn=v.states,Fn={...v.defaultOptions,variant:"vertical"},Vn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$n=[],ne=e=>{let{variant:t,...o}=e;return t==="horizontal"?Yt(v,{layout:"horizontal",...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]}):Yt(v,{...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]})};ne.options=Un;ne.states=Gn;ne.variants=Vn;ne.defaultOptions=Fn;ne.modifiers=$n;ne.className=v.className;import{jsx as Yn}from"react/jsx-runtime";var Xn=P.options,Wn=P.states,qn=P.defaultOptions,Jn=[],Qn=[],se=e=>Yn(D,{id:k("checkbox"),...e,defaultChecked:!0,children:"Label"});se.options=Xn;se.states=Wn;se.variants=Jn;se.defaultOptions=qn;se.modifiers=Qn;se.className=P.className;import{jsx as q,jsxs as ts}from"react/jsx-runtime";var tt="k-list-item",Zn=[i.hover,i.focus,i.selected,i.disabled],jn={},es={},O=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:c,showCheckbox:l,checked:m,hover:b,focus:x,selected:g,disabled:h,actions:I,description:M,id:F,..._}=e,R=t||e.children;return ts("li",{..._,id:F,role:s?"presentation":"option",tabIndex:s?void 0:x?0:-1,"aria-selected":!s&&g?"true":s?void 0:"false","aria-disabled":!s&&h?"true":void 0,className:n(e.className,s?"k-list-group-item":tt,y(tt,{hover:b,focus:x,disabled:h,selected:g})),children:[l&&q(B,{checked:m}),a&&q("span",{className:"k-list-item-icon-wrapper",children:q(u,{icon:a,className:n("k-list-item-icon",c)})}),q("span",{className:"k-list-item-text",children:R}),I&&q("div",{className:"k-list-item-actions",children:I}),M&&q("span",{className:"k-list-item-description",children:M}),o&&o!==""&&q("div",{className:"k-list-item-group-label",children:o})]})};O.states=Zn;O.options=jn;O.className=tt;O.defaultOptions=es;O.moduleName=X;O.folderName=ee;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as ns}from"react/jsx-runtime";var os="k-list-ul",ue=e=>{let{children:t,role:o,id:s,...a}=e;return ns("ul",{...a,id:s,role:o,className:n(os,e.className),children:t})};ue.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as ot,jsxs as is}from"react/jsx-runtime";var ss="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:c,...l}=e;return is("div",{...l,className:n(ss,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:ot(ue,{role:"listbox",id:c,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&ot("div",{className:"k-height-container",children:ot("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as yc,jsx as Mc,jsxs as Ac}from"react/jsx-runtime";import{jsx as nt,jsxs as rs}from"react/jsx-runtime";var as="k-list-group-item",st=e=>{let{groupIconName:t,...o}=e;return rs("li",{...o,role:"presentation",className:n(as,e.className),children:[t&&nt("span",{className:"k-list-item-icon-wrapper",children:nt(u,{icon:t,className:"k-list-item-icon"})}),nt("span",{className:"k-list-item-text",children:e.children})]})};st.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as ds}from"react/jsx-runtime";var it="k-list-optionlabel",ls=[i.hover,i.focus,i.selected,i.disabled],cs={},ps={},Ae=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return ds("div",{...l,className:n(it,y(it,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Ae.states=ls;Ae.options=cs;Ae.className=it;Ae.defaultOptions=ps;import{jsx as bs}from"react/jsx-runtime";var at="k-list-custom-value",ms=[i.hover,i.focus,i.selected,i.disabled],us={},fs={},Oe=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return bs("div",{...l,className:n(at,y(at,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Oe.states=ms;Oe.options=us;Oe.className=at;Oe.defaultOptions=fs;import{Fragment as Vc,jsx as Fc,jsxs as $c}from"react/jsx-runtime";import{Fragment as Yc,jsx as Qc,jsxs as Zc}from"react/jsx-runtime";import{Fragment as ip,jsx as np,jsxs as sp}from"react/jsx-runtime";import{Fragment as mp,jsx as pp,jsxs as dp}from"react/jsx-runtime";import{jsx as xp}from"react/jsx-runtime";import{Fragment as kp,jsx as Ip,jsxs as Cp}from"react/jsx-runtime";import{Fragment as qp,jsx as Xp,jsxs as Wp}from"react/jsx-runtime";import{Fragment as nd,jsx as od,jsxs as sd}from"react/jsx-runtime";import{Fragment as dd,jsx as pd,jsxs as md}from"react/jsx-runtime";import{Fragment as Zt,jsx as fe,jsxs as xs}from"react/jsx-runtime";var Sd=e=>fe(E,{...e,processing:!0,separators:!1,inputAriaLabel:"AI-powered search",prefix:fe(Zt,{children:fe(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:xs(Zt,{children:[fe($,{icon:"microphone-outline",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),fe(z,{processing:!0})]})});export{Sd as SmartBoxProcessing};
+var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>n({[`${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"}),y=(e,t)=>{let{valid:o,invalid:s,hover:a,focus:c,checked:l,active:m,selected:b,disabled:x,indeterminate:g,loading:h,empty:I,readonly:M,highlighted:F,..._}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":a,"k-focus":c,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":g&&!l,"k-loading":h,"k-empty":I,"k-readonly":M,"k-highlighted":F},Object.keys(_).reduce((R,T)=>(T.startsWith("k-")?R[T]=_[T]:R[`k-${T}`]=_[T],R),{}))};function rt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Ee={};function k(e){return Ee[e]=(Ee[e]||0)+1,`k-${e}-${Ee[e]}`}var ie="input",xe=ie;import{jsx as io}from"react/jsx-runtime";var he="k-input",oo=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],no={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},so={},A=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return io("span",{...h,className:n(e.className,he,N(he,{size:b,rounded:x,fillMode:g}),y(he,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m}))})};A.states=oo;A.options=no;A.className=he;A.defaultOptions=so;A.moduleName=ie;A.folderName=xe;import{jsx as co}from"react/jsx-runtime";var Le="k-picker",ao=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ro={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},lo={},J=e=>{let{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m,size:b,rounded:x,fillMode:g,...h}=e;return co("span",{...h,className:n(e.className,Le,N(Le,{size:b,rounded:x,fillMode:g}),y(Le,{hover:t,focus:o,disabled:s,invalid:a,valid:c,loading:l,readonly:m})),children:e.children})};J.states=ao;J.options=ro;J.className=Le;J.defaultOptions=lo;J.moduleName=ie;J.folderName=xe;import{Fragment as fo,jsx as lt}from"react/jsx-runtime";var Be="k-font-icon",po=[],mo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},uo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:a,flip:c,...l}=e;return s?lt("span",{...l,className:n(e.className,Be,N(Be,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):lt(fo,{})};ae.states=po;ae.options=mo;ae.className=Be;ae.defaultOptions=uo;var ct=ae;import{Fragment as ho,jsx as Ne}from"react/jsx-runtime";var Ke="k-svg-icon",bo=[],xo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},pt={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:s,flip:a,viewBox:c=pt.viewBox,icon:l,...m}=e;if(!l)return Ne(ho,{});if(l==="none")return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Ne("span",{...m,className:n(e.className,Ke,N("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};re.states=bo;re.options=xo;re.className=Ke;re.defaultOptions=pt;var Re=re;import*as Pe from"@progress/kendo-svg-icons";var dt="icon",mt="icons";import{useContext as No}from"react";import{createContext as Lo}from"react";var ut=Lo({iconsType:"svg"});import{Fragment as ft,jsx as le}from"react/jsx-runtime";var ge="k-icon",go=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Io=[],ko={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info]},_e={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{iconsType:t}=No(ut),{size:o,themeColor:s,icon:a,type:c=t||_e.type,rotate:l,flip:m,viewBox:b=_e.viewBox,...x}=e;if(!a)return le(ft,{});if((t||c)==="svg"){if(a==="none")return le(Re,{...x,className:n(e.className,ge),icon:a,size:o});let h=Pe[a]?a:go(`${a}-icon`);return Pe[h]?le(Re,{...x,className:n(e.className,ge),icon:Pe[h],size:o,themeColor:s,rotate:l,flip:m,viewBox:b}):le(ft,{})}return le(ct,{...x,className:n(e.className,ge),icon:a,size:o,themeColor:s,rotate:l,flip:m})};u.states=Io;u.options=ko;u.defaultOptions=_e;u.className=ge;u.moduleName=dt;u.folderName=mt;u.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{Fragment as So,jsx as He}from"react/jsx-runtime";var bt="k-clear-value",Co=[i.disabled,i.loading,i.readonly],vo={},ce=e=>{let{disabled:t,loading:o,readonly:s,value:a}=e;return t||s||o||!a?He(So,{}):He("span",{className:n(e.className,bt),children:He(u,{icon:"x"})})};ce.states=Co;ce.options=vo;ce.className=bt;import{jsx as Ao}from"react/jsx-runtime";var we="k-input-inner",Mo=[],yo={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},V=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:s=Ie.placeholder,autocomplete:a=Ie.autocomplete,disabled:c,readOnly:l,...m}=e;return Ao("input",{...m,type:o,className:n(e.className,we,N(we,e)),placeholder:s,autoComplete:a,defaultValue:t,disabled:c||void 0,readOnly:l||void 0})};V.states=Mo;V.options=yo;V.className=we;import{jsx as xt,jsxs as Eo}from"react/jsx-runtime";var ze="k-input-inner",Oo=[],To={},De=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:a,valueIconName:c,...l}=e;return Eo("span",{...l,className:n(e.className,ze,N(ze,e)),children:[a,!a&&c&&xt(u,{className:"k-input-value-icon",icon:c}),s&&!t&&o,s&&t&&xt("span",{className:"k-input-value-text",children:t})]})};De.states=Oo;De.options=To;De.className=ze;import{jsx as Ro}from"react/jsx-runtime";var Ue="k-input-inner",Bo=[],Ko={},ht={value:"",placeholder:""},Ge=e=>{let{value:t=ht.value,placeholder:o=ht.placeholder,rows:s,disabled:a,...c}=e;return Ro("textarea",{...c,className:n(e.className,Ue,N(Ue,e)),placeholder:o,rows:s,defaultValue:t,disabled:a||void 0})};Ge.states=Bo;Ge.options=Ko;Ge.className=Ue;import{Fragment as _o,jsx as Lt}from"react/jsx-runtime";var Nt="k-input-loading-icon",Po=[i.disabled,i.loading],ke=e=>{let{disabled:t,loading:o}=e;return t||!o?Lt(_o,{}):Lt("span",{className:n(e.className,Nt,"k-icon k-i-loading")})};ke.states=Po;ke.className=Nt;import{Fragment as zo,jsx as gt}from"react/jsx-runtime";var It="k-input-validation-icon",Ho=[i.valid,i.invalid,i.disabled,i.loading],wo={},pe=e=>{let{valid:t,invalid:o,disabled:s,loading:a}=e,c=o?"warning-circle":"check-circle";return s||a||!!!(t||o)?gt(zo,{}):gt(u,{className:n(It),icon:c})};pe.states=Ho;pe.options=wo;pe.className=It;import{Fragment as Go,jsx as kt}from"react/jsx-runtime";var Do="k-input-prefix",Uo={direction:"horizontal"},Ce=e=>{let{direction:t=Uo.direction,...o}=e;return e.children?kt("span",{...o,className:n(Do,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):kt(Go,{})};import{Fragment as $o,jsx as Ct}from"react/jsx-runtime";var Fo="k-input-suffix",Vo={direction:"horizontal"},ve=e=>{let{direction:t=Vo.direction,...o}=e;return e.children?Ct("span",{...o,className:n(Fo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ct($o,{})};import{jsx as Bi}from"react/jsx-runtime";import{jsx as _i}from"react/jsx-runtime";import{jsx as Wo}from"react/jsx-runtime";var vt="k-input-separator",Xo={direction:"vertical"},Q=e=>{let{direction:t=Xo.direction,...o}=e;return Wo("span",{...o,className:n(vt,e.className,{[`${vt}-${t}`]:t})})};var Fe="button",St=Fe;import{Fragment as Yo,jsx as de,jsxs as Mt}from"react/jsx-runtime";var me="k-button",qo=["icon-button"],Jo=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qo={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[p.undefined,p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.inverse]},Ve={showArrow:!1,arrowIconName:"chevron-down"},f=e=>{let{as:t="button",size:o,rounded:s,fillMode:a,themeColor:c,showArrow:l=Ve.showArrow,arrowIconName:m=Ve.arrowIconName,variant:b,hover:x,focus:g,active:h,selected:I,disabled:M,togglable:F,ariaDisabled:_,icon:R,text:T,iconClassName:be,className:Te,...jt}=e,eo=R!==void 0,to=e.children!==void 0;return Mt(t,{className:n(Te,me,rt(me,b),N(me,{size:o,rounded:s,fillMode:a,themeColor:c}),y(me,{hover:x,focus:g,active:h,disabled:M||_,selected:I}),{"k-icon-button":!T&&!to&&eo}),...jt,"aria-pressed":F?I?"true":"false":void 0,"aria-disabled":_?"true":void 0,disabled:M||void 0,children:[R&&de(u,{className:n(be,"k-button-icon"),icon:R}),T?Mt(Yo,{children:[T&&de("span",{className:"k-button-text",children:T}),e.children]}):e.children&&de("span",{className:"k-button-text",children:e.children}),l&&de("span",{className:"k-menu-button-arrow k-button-arrow",children:de(u,{icon:m})})]})};f.states=Jo;f.options=Qo;f.variants=qo;f.className=me;f.defaultOptions=Ve;f.moduleName=Fe;f.folderName=St;f.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Zo}from"react/jsx-runtime";var Se=e=>Zo(f,{children:"Button",...e});import{Fragment as yt,jsx as H,jsxs as $e}from"react/jsx-runtime";var jo=A.states,en=A.defaultOptions,tn=A.options,on=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],nn=[],Y=e=>{let{modifiers:t,valid:o,invalid:s,loading:a,disabled:c,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,g=t?.["clear-button"],h=t?.["validation-icon"],I=t?.separators;return $e(A,{...m,valid:o,invalid:s,loading:a,disabled:c,readonly:l,style:{width:300},children:[b&&$e(yt,{children:[H(Ce,{children:H(u,{icon:"lock"})}),I&&H(Q,{})]}),H(V,{placeholder:"Placeholder",value:"Value"}),h&&H(pe,{valid:o,invalid:s,loading:a,disabled:c}),H(ke,{loading:a,disabled:c}),g&&H(ce,{loading:a,disabled:c,readonly:l,value:"Value"}),x&&$e(yt,{children:[I&&H(Q,{}),H(ve,{children:H(Se,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Y.options=tn;Y.states=jo;Y.variants=nn;Y.defaultOptions=en;Y.modifiers=on;Y.className=A.className;var Xe="popup",At=Xe;import{jsx as Ot}from"react/jsx-runtime";var Tt="k-animation-container",sn=[],an={},Et={positionMode:"absolute"},G=e=>{let{positionMode:t=Et.positionMode,animationStyle:o,offset:s,...a}=e;return Ot("div",{...a,style:{...s,...e.style},className:n(e.className,Tt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ot("div",{className:"k-child-animation-container",style:o,children:e.children})})};G.states=sn;G.options=an;G.className=Tt;G.defaultOptions=Et;G.moduleName=Xe;G.folderName=At;var We="popup",Bt=We;import{jsx as Kt}from"react/jsx-runtime";var Rt="k-popup",rn=[],ln={},Pt={positionMode:"absolute"},w=e=>{let{offset:t,positionMode:o=Pt.positionMode,animationStyle:s,containerClassName:a,containerRole:c,containerAriaLabel:l,...m}=e;return Kt(G,{positionMode:o,offset:t,animationStyle:s,className:a,role:c,"aria-label":l,children:Kt("div",{...m,className:n(e.className,Rt),children:e.children})})};w.states=rn;w.options=ln;w.className=Rt;w.defaultOptions=Pt;w.moduleName=We;w.folderName=Bt;w.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var qe="smart-box",_t=qe;import{Fragment as Je,jsx as Z,jsxs as Me}from"react/jsx-runtime";var Ht="k-smart-box",cn=[i.hover,i.focus,i.disabled],pn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},wt={separators:!0},E=e=>{let{size:t,rounded:o,fillMode:s,separators:a=wt.separators,prefix:c,suffix:l,value:m,placeholder:b,hover:x,focus:g,disabled:h,popup:I,opened:M,processing:F,inputAriaLabel:_,inputAriaControls:R,inputAriaActiveDescendant:T,inputAriaAutocomplete:be,...Te}=e;return Me(Je,{children:[Me(A,{...Te,size:t,rounded:o,fillMode:s,hover:x,focus:g,disabled:h,loading:F,className:n(e.className,Ht),children:[c&&Me(Je,{children:[Z(Ce,{children:c}),a&&Z(Q,{})]}),Z(V,{placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-autocomplete":be,"aria-controls":M?R:void 0,"aria-activedescendant":M?T:void 0,"aria-label":_}),l&&Me(Je,{children:[a&&Z(Q,{}),Z(ve,{children:l})]})]}),M&&I&&Z(w,{className:"k-smart-box-popup",children:I})]})};E.states=cn;E.options=pn;E.className=Ht;E.defaultOptions=wt;E.moduleName=qe;E.folderName=_t;E.ariaSpec={selector:".k-smart-box",rules:[{selector:".k-smart-box .k-input-inner",attribute:"role=combobox",usage:"Announces the combobox role for the SmartBox input."},{selector:".k-smart-box .k-input-inner",attribute:"aria-label or aria-labelledby",usage:'Provides an accessible label for the SmartBox (e.g., "AI-powered search").'},{selector:".k-smart-box .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the suggestion popup is currently visible."},{selector:".k-smart-box .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates that the SmartBox has a popup listbox with suggestions."},{selector:".k-smart-box .k-input-inner",attribute:"aria-controls (when present)",usage:"References the ID of the popup listbox element when the popup is open."},{selector:".k-smart-box .k-input-inner",attribute:"aria-autocomplete (when present)",usage:"Indicates the autocomplete behavior of the input field."},{selector:".k-smart-box .k-input-inner",attribute:"aria-activedescendant (when present)",usage:"When the popup is open and keyboard navigation is active, references the ID of the currently focused list item."},{selector:".k-smart-box .k-input-prefix .k-icon",attribute:"aria-hidden=true",usage:"Decorative icons in the prefix area are hidden from screen readers."},{selector:".k-smart-box .k-input-suffix .k-button",attribute:"aria-label",usage:'Suffix buttons must have accessible labels describing their function (e.g., "Start voice input", "Send prompt").'},{selector:".k-smart-box .k-smart-box-send",attribute:"aria-label",usage:'The send button must be labelled to indicate its current action (e.g., "Send" or "Stop processing").'},{selector:".k-smart-box .k-smart-box-send.k-disabled",attribute:"disabled or aria-disabled=true",usage:"Indicates the button is disabled when there is no input or processing is not active."},{selector:".k-smart-box .k-smart-box-send.k-processing",attribute:"aria-pressed=true",usage:"Indicates that processing is in progress. The button changes function to stop processing."}]};import{jsx as dn}from"react/jsx-runtime";var $=e=>dn(f,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as mn}from"react/jsx-runtime";var zt=e=>mn(f,{icon:"folder",children:"Button",...e});import{jsx as Qe}from"react/jsx-runtime";var un=f.options,fn=f.states,bn={...f.defaultOptions,variant:"text"},xn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hn=[],j=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Qe($,{...o,icon:"star"});case"icon-and-text":return Qe(zt,{...o,icon:"star",children:"Button"});default:return Qe(Se,{...o,children:"Button"})}};j.options=un;j.states=fn;j.variants=xn;j.defaultOptions=bn;j.modifiers=hn;j.className=f.className;import{jsx as Ln}from"react/jsx-runtime";var Dt="k-smart-box-send",Ut={processing:!1},z=e=>{let{processing:t=Ut.processing,...o}=e;return Ln(f,{...o,rounded:"full",size:"small",icon:t?"stop":"arrow-up",active:t,"aria-pressed":t?"true":void 0,"aria-label":t?"Stop processing":"Send",className:n(e.className,Dt,{"k-processing":t})})};z.states=f.states;z.options=f.options;z.className=Dt;z.defaultOptions=Ut;import{Fragment as vr,jsx as Cr,jsxs as Sr}from"react/jsx-runtime";import je from"react";import{jsx as Gt}from"react/jsx-runtime";var Nn="k-list-group-sticky-header",Ye=e=>Gt("div",{className:n(Nn,e.className),children:Gt("div",{className:"k-list-header-text",children:e.children})});import{jsx as In}from"react/jsx-runtime";var gn="k-no-data",Ze=e=>{let{live:t,...o}=e;return In("span",{...o,className:n(gn,e.className),"aria-live":t?"polite":void 0,children:e.children})};var X="list",ee=X;import{jsx as Ft,jsxs as Vt}from"react/jsx-runtime";var et="k-list",kn=[],Cn={size:[r.undefined,r.small,r.medium,r.large]},vn={},C=e=>{let{size:t,virtualization:o,children:s,header:a,optionLabel:c,customValue:l,noData:m,screenReaders:b,...x}=e,h=je.Children.toArray(s)[0],I=h?.props?.children?je.Children.count(h.props.children):je.Children.count(s);return Vt("div",{...x,className:n(e.className,et,N(et,{size:t}),{"k-virtual-list":o}),children:[c,l,a&&Ft(Ye,{children:a}),s||(m!==void 0?m:Ft(Ze,{live:!0,children:"No data found."})),b&&s&&Vt(Ze,{className:"k-sr-only",live:!0,children:[I," items found."]})]})};C.states=kn;C.options=Cn;C.className=et;C.defaultOptions=vn;C.moduleName=X;C.folderName=ee;C.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as An}from"react/jsx-runtime";var $t="k-list-container",Sn=[],Mn={},yn={},te=e=>{let{...t}=e;return An("div",{...t,className:n(e.className,$t),children:e.children})};te.states=Sn;te.options=Mn;te.className=$t;te.defaultOptions=yn;te.moduleName=X;te.folderName=ee;var W="checkbox",oe=W;import{jsx as Xt}from"react/jsx-runtime";var ye="k-checkbox",On=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Tn={size:[r.undefined,r.small,r.medium,r.large],rounded:[d.undefined,d.none,d.small,d.medium,d.large,d.full]},En={},B=e=>{let{id:t,checked:o,indeterminate:s,hover:a,focus:c,disabled:l,invalid:m,valid:b,required:x,size:g,rounded:h,wrapperRole:I,...M}=e;return Xt("span",{className:"k-checkbox-wrap",role:I,children:Xt("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ye,N(ye,{size:g,rounded:h}),y(ye,{hover:a,focus:c,disabled:l,invalid:m,valid:b,indeterminate:s,checked:o}))})})};B.states=On;B.options=Tn;B.className=ye;B.defaultOptions=En;B.moduleName=W;B.folderName=oe;B.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var P=B;import{jsx as Rn}from"react/jsx-runtime";var Wt="k-checkbox-list",Bn=[],Kn={},qt={layout:"vertical"},v=e=>{let{layout:t=qt.layout,...o}=e;return Rn("ul",{...o,className:n(e.className,Wt,{[`k-list-${t}`]:t}),children:e.children})};v.states=Bn;v.options=Kn;v.className=Wt;v.defaultOptions=qt;v.moduleName=W;v.folderName=oe;import{jsx as wn}from"react/jsx-runtime";var Jt="k-checkbox-list-item",Pn=[],_n={},Hn={},S=e=>{let{...t}=e;return wn("li",{...t,className:n(e.className,Jt),children:e.children})};S.states=Pn;S.options=_n;S.className=Jt;S.defaultOptions=Hn;S.moduleName=W;S.folderName=oe;import{Fragment as zn,jsx as Qt,jsxs as Dn}from"react/jsx-runtime";var D=({children:e="Label",id:t="cb-label-after",...o})=>Dn(zn,{children:[Qt(P,{id:t,...o}),Qt("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ml,jsx as dl,jsxs as ul}from"react/jsx-runtime";import{Fragment as Ll,jsx as hl,jsxs as Nl}from"react/jsx-runtime";import{Fragment as vl,jsx as Cl,jsxs as Sl}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";import{jsx as Hl}from"react/jsx-runtime";import{jsx as K,jsxs as Yt}from"react/jsx-runtime";var Un=v.options,Gn=v.states,Fn={...v.defaultOptions,variant:"vertical"},Vn=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],$n=[],ne=e=>{let{variant:t,...o}=e;return t==="horizontal"?Yt(v,{layout:"horizontal",...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]}):Yt(v,{...o,children:[K(S,{children:K(D,{id:k("cb"),defaultChecked:!0,children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})}),K(S,{children:K(D,{id:k("cb"),children:"Label"})})]})};ne.options=Un;ne.states=Gn;ne.variants=Vn;ne.defaultOptions=Fn;ne.modifiers=$n;ne.className=v.className;import{jsx as Yn}from"react/jsx-runtime";var Xn=P.options,Wn=P.states,qn=P.defaultOptions,Jn=[],Qn=[],se=e=>Yn(D,{id:k("checkbox"),...e,defaultChecked:!0,children:"Label"});se.options=Xn;se.states=Wn;se.variants=Jn;se.defaultOptions=qn;se.modifiers=Qn;se.className=P.className;import{jsx as q,jsxs as ts}from"react/jsx-runtime";var tt="k-list-item",Zn=[i.hover,i.focus,i.selected,i.disabled],jn={},es={},O=e=>{let{text:t,groupLabel:o,group:s,iconName:a,iconClassName:c,showCheckbox:l,checked:m,hover:b,focus:x,selected:g,disabled:h,actions:I,description:M,id:F,..._}=e,R=t||e.children;return ts("li",{..._,id:F,role:s?"presentation":"option",tabIndex:s?void 0:x?0:-1,"aria-selected":!s&&g?"true":s?void 0:"false","aria-disabled":!s&&h?"true":void 0,className:n(e.className,s?"k-list-group-item":tt,y(tt,{hover:b,focus:x,disabled:h,selected:g})),children:[l&&q(B,{checked:m}),a&&q("span",{className:"k-list-item-icon-wrapper",children:q(u,{icon:a,className:n("k-list-item-icon",c)})}),q("span",{className:"k-list-item-text",children:R}),I&&q("div",{className:"k-list-item-actions",children:I}),M&&q("span",{className:"k-list-item-description",children:M}),o&&o!==""&&q("div",{className:"k-list-item-group-label",children:o})]})};O.states=Zn;O.options=jn;O.className=tt;O.defaultOptions=es;O.moduleName=X;O.folderName=ee;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as ns}from"react/jsx-runtime";var os="k-list-ul",ue=e=>{let{children:t,role:o,id:s,...a}=e;return ns("ul",{...a,id:s,role:o,className:n(os,e.className),children:t})};ue.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as ot,jsxs as is}from"react/jsx-runtime";var ss="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":s,"aria-labelledby":a,listboxId:c,...l}=e;return is("div",{...l,className:n(ss,e.className),role:o?"listbox":void 0,id:o?c:void 0,"aria-label":o?s:void 0,"aria-labelledby":o?a:void 0,children:[o?e.children:ot(ue,{role:"listbox",id:c,"aria-label":s,"aria-labelledby":a,children:e.children}),t&&ot("div",{className:"k-height-container",children:ot("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as yc,jsx as Mc,jsxs as Ac}from"react/jsx-runtime";import{jsx as nt,jsxs as rs}from"react/jsx-runtime";var as="k-list-group-item",st=e=>{let{groupIconName:t,...o}=e;return rs("li",{...o,role:"presentation",className:n(as,e.className),children:[t&&nt("span",{className:"k-list-item-icon-wrapper",children:nt(u,{icon:t,className:"k-list-item-icon"})}),nt("span",{className:"k-list-item-text",children:e.children})]})};st.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as ds}from"react/jsx-runtime";var it="k-list-optionlabel",ls=[i.hover,i.focus,i.selected,i.disabled],cs={},ps={},Ae=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return ds("div",{...l,className:n(it,y(it,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Ae.states=ls;Ae.options=cs;Ae.className=it;Ae.defaultOptions=ps;import{jsx as bs}from"react/jsx-runtime";var at="k-list-custom-value",ms=[i.hover,i.focus,i.selected,i.disabled],us={},fs={},Oe=e=>{let{text:t,hover:o,focus:s,selected:a,disabled:c,...l}=e;return bs("div",{...l,className:n(at,y(at,{hover:o,focus:s,selected:a,disabled:c})),children:t})};Oe.states=ms;Oe.options=us;Oe.className=at;Oe.defaultOptions=fs;import{Fragment as Vc,jsx as Fc,jsxs as $c}from"react/jsx-runtime";import{Fragment as Yc,jsx as Qc,jsxs as Zc}from"react/jsx-runtime";import{Fragment as ip,jsx as np,jsxs as sp}from"react/jsx-runtime";import{Fragment as mp,jsx as pp,jsxs as dp}from"react/jsx-runtime";import{jsx as xp}from"react/jsx-runtime";import{Fragment as kp,jsx as Ip,jsxs as Cp}from"react/jsx-runtime";import{Fragment as qp,jsx as Xp,jsxs as Wp}from"react/jsx-runtime";import{Fragment as nd,jsx as od,jsxs as sd}from"react/jsx-runtime";import{Fragment as dd,jsx as pd,jsxs as md}from"react/jsx-runtime";import{Fragment as Zt,jsx as fe,jsxs as xs}from"react/jsx-runtime";var Sd=e=>fe(E,{...e,processing:!0,separators:!1,inputAriaLabel:"AI-powered search",prefix:fe(Zt,{children:fe(u,{icon:"sparkles",className:"k-accent-icon","aria-hidden":"true"})}),suffix:xs(Zt,{children:[fe($,{icon:"microphone",fillMode:"clear",rounded:"full",size:"small","aria-label":"Start voice input"}),fe(z,{processing:!0})]})});export{Sd as SmartBoxProcessing};

package/dist/esm/speech-to-text-button/demos/speech-to-text-button.mjs

@@ -1 +1 @@
-var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...e):typeof e=="object"?Object.keys(e).map((s,i)=>e[i]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var g=(t,e)=>c({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),X=(t,e)=>{let{valid:s,invalid:i,hover:l,focus:d,checked:a,active:f,selected:x,disabled:h,indeterminate:I,loading:B,empty:A,readonly:w,highlighted:z,...k}=e;return c({"k-valid":s,"k-invalid":i,"k-hover":l,"k-focus":d,"k-checked":a,"k-active":f,"k-selected":x,"k-disabled":h,"k-indeterminate":I&&!a,"k-loading":B,"k-empty":A,"k-readonly":w,"k-highlighted":z},Object.keys(k).reduce((b,u)=>(u.startsWith("k-")?b[u]=k[u]:b[`k-${u}`]=k[u],b),{}))};function q(t,e){if(!e)return{};let s=Array.isArray(e)?e:[e];return Object.fromEntries(s.map(i=>[`k-${i}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={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"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},y={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"};import{Fragment as ge,jsx as W}from"react/jsx-runtime";var P="k-font-icon",xe=[],he={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},be={},C=t=>{let{size:e,themeColor:s,icon:i,rotate:l,flip:d,...a}=t;return i?W("span",{...a,className:c(t.className,P,g(P,{size:e}),{[`k-i-${i}`]:i,[`k-color-${s}`]:s,[`k-rotate-${l}`]:l,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):W(ge,{})};C.states=xe;C.options=he;C.className=P;C.defaultOptions=be;var J=C;import{Fragment as ye,jsx as K}from"react/jsx-runtime";var H="k-svg-icon",Te=[],Ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},Q={viewBox:"0 0 24 24"},S=t=>{let{size:e,themeColor:s,rotate:i,flip:l,viewBox:d=Q.viewBox,icon:a,...f}=t;if(!a)return K(ye,{});if(a==="none")return K("span",{...f,className:c(t.className,H,g("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof a=="object"&&a.name&&a.name;return K("span",{...f,className:c(t.className,H,g("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`k-color-${s}`]:s,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:K("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:d,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};S.states=Te;S.options=Ne;S.className=H;S.defaultOptions=Q;var R=S;import*as $ from"@progress/kendo-svg-icons";var Y="icon",Z="icons";import{useContext as Be}from"react";import{createContext as ve}from"react";var j=ve({iconsType:"svg"});import{Fragment as ee,jsx as E}from"react/jsx-runtime";var L="k-icon",ke=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Oe=[],Ce={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},U={viewBox:"0 0 24 24",type:"svg"},m=t=>{let{iconsType:e}=Be(j),{size:s,themeColor:i,icon:l,type:d=e||U.type,rotate:a,flip:f,viewBox:x=U.viewBox,...h}=t;if(!l)return E(ee,{});if((e||d)==="svg"){if(l==="none")return E(R,{...h,className:c(t.className,L),icon:l,size:s});let B=$[l]?l:ke(`${l}-icon`);return $[B]?E(R,{...h,className:c(t.className,L),icon:$[B],size:s,themeColor:i,rotate:a,flip:f,viewBox:x}):E(ee,{})}return E(J,{...h,className:c(t.className,L),icon:l,size:s,themeColor:i,rotate:a,flip:f})};m.states=Oe;m.options=Ce;m.defaultOptions=U;m.className=L;m.moduleName=Y;m.folderName=Z;m.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var D="button",te=D;import{Fragment as _e,jsx as M,jsxs as oe}from"react/jsx-runtime";var _="k-button",Se=["icon-button"],Ee=[y.hover,y.focus,y.active,y.selected,y.disabled,y.generating],Me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},F={showArrow:!1,arrowIconName:"chevron-down"},r=t=>{let{as:e="button",size:s,rounded:i,fillMode:l,themeColor:d,showArrow:a=F.showArrow,arrowIconName:f=F.arrowIconName,variant:x,hover:h,focus:I,active:B,selected:A,disabled:w,togglable:z,ariaDisabled:k,icon:b,text:u,iconClassName:de,className:ue,...me}=t,pe=b!==void 0,fe=t.children!==void 0;return oe(e,{className:c(ue,_,q(_,x),g(_,{size:s,rounded:i,fillMode:l,themeColor:d}),X(_,{hover:h,focus:I,active:B,disabled:w||k,selected:A}),{"k-icon-button":!u&&!fe&&pe}),...me,"aria-pressed":z?A?"true":"false":void 0,"aria-disabled":k?"true":void 0,disabled:w||void 0,children:[b&&M(m,{className:c(de,"k-button-icon"),icon:b}),u?oe(_e,{children:[u&&M("span",{className:"k-button-text",children:u}),t.children]}):t.children&&M("span",{className:"k-button-text",children:t.children}),a&&M("span",{className:"k-menu-button-arrow k-button-arrow",children:M(m,{icon:f})})]})};r.states=Ee;r.options=Me;r.variants=Se;r.className=_;r.defaultOptions=F;r.moduleName=D;r.folderName=te;r.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Ie}from"react/jsx-runtime";var ne=t=>Ie(r,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Ae}from"react/jsx-runtime";var se=t=>Ae(r,{icon:"folder",children:"Button",...t});import{jsx as we}from"react/jsx-runtime";var re=t=>we(r,{children:"Button",...t});import{jsx as V}from"react/jsx-runtime";var Ke=r.options,Le=r.states,ze={...r.defaultOptions,variant:"text"},Pe=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],He=[],O=t=>{let{variant:e,...s}=t;switch(e){case"icon-only":return V(ne,{...s,icon:"star"});case"icon-and-text":return V(se,{...s,icon:"star",children:"Button"});default:return V(re,{...s,children:"Button"})}};O.options=Ke;O.states=Le;O.variants=Pe;O.defaultOptions=ze;O.modifiers=He;O.className=r.className;var G="speech-to-text-button",ie=G;import{jsx as Re}from"react/jsx-runtime";var ae="k-speech-to-text-button",le={icon:"microphone-outline"},p=t=>{let{listening:e=!1,icon:s=le.icon,...i}=t;return Re(r,{...i,icon:e?"stop-sm":s,className:c(t.className,ae,{"k-listening":e}),"aria-pressed":e?"true":"false","aria-label":e?"Stop listening":"Start listening"})};p.states=r.states;p.options=r.options;p.className=ae;p.defaultOptions=le;p.moduleName=G;p.folderName=ie;p.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as Ve}from"react/jsx-runtime";var $e=r.states,ce={...r.defaultOptions,variant:"normal"},Ue={...r.options,fillMode:r.options.fillMode.filter(t=>t!=="clear"&&t!=="link")},De=[],Fe=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],v=t=>{let{variant:e,...s}={...ce,...t},i={};return e==="listening"&&(i.listening=!0),Ve(p,{...s,...i})};v.options=Ue;v.states=$e;v.variants=Fe;v.defaultOptions=ce;v.modifiers=De;v.className=p.className;var lo=v;export{v as SpeechToTextButtonDemo,lo as default};
+var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...e):typeof e=="object"?Object.keys(e).map((s,i)=>e[i]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var g=(t,e)=>c({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),X=(t,e)=>{let{valid:s,invalid:i,hover:l,focus:d,checked:a,active:f,selected:x,disabled:h,indeterminate:I,loading:B,empty:A,readonly:w,highlighted:z,...k}=e;return c({"k-valid":s,"k-invalid":i,"k-hover":l,"k-focus":d,"k-checked":a,"k-active":f,"k-selected":x,"k-disabled":h,"k-indeterminate":I&&!a,"k-loading":B,"k-empty":A,"k-readonly":w,"k-highlighted":z},Object.keys(k).reduce((b,u)=>(u.startsWith("k-")?b[u]=k[u]:b[`k-${u}`]=k[u],b),{}))};function q(t,e){if(!e)return{};let s=Array.isArray(e)?e:[e];return Object.fromEntries(s.map(i=>[`k-${i}`,!0]))}var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},T={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"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},y={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"};import{Fragment as ge,jsx as W}from"react/jsx-runtime";var P="k-font-icon",xe=[],he={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},be={},C=t=>{let{size:e,themeColor:s,icon:i,rotate:l,flip:d,...a}=t;return i?W("span",{...a,className:c(t.className,P,g(P,{size:e}),{[`k-i-${i}`]:i,[`k-color-${s}`]:s,[`k-rotate-${l}`]:l,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):W(ge,{})};C.states=xe;C.options=he;C.className=P;C.defaultOptions=be;var J=C;import{Fragment as ye,jsx as K}from"react/jsx-runtime";var H="k-svg-icon",Te=[],Ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},Q={viewBox:"0 0 24 24"},S=t=>{let{size:e,themeColor:s,rotate:i,flip:l,viewBox:d=Q.viewBox,icon:a,...f}=t;if(!a)return K(ye,{});if(a==="none")return K("span",{...f,className:c(t.className,H,g("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let x=typeof a=="object"&&a.name&&a.name;return K("span",{...f,className:c(t.className,H,g("k-icon",{size:e}),{[`k-svg-i-${x}`]:x,[`k-color-${s}`]:s,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:K("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:d,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};S.states=Te;S.options=Ne;S.className=H;S.defaultOptions=Q;var R=S;import*as $ from"@progress/kendo-svg-icons";var Y="icon",Z="icons";import{useContext as Be}from"react";import{createContext as ve}from"react";var j=ve({iconsType:"svg"});import{Fragment as ee,jsx as E}from"react/jsx-runtime";var L="k-icon",ke=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Oe=[],Ce={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},U={viewBox:"0 0 24 24",type:"svg"},m=t=>{let{iconsType:e}=Be(j),{size:s,themeColor:i,icon:l,type:d=e||U.type,rotate:a,flip:f,viewBox:x=U.viewBox,...h}=t;if(!l)return E(ee,{});if((e||d)==="svg"){if(l==="none")return E(R,{...h,className:c(t.className,L),icon:l,size:s});let B=$[l]?l:ke(`${l}-icon`);return $[B]?E(R,{...h,className:c(t.className,L),icon:$[B],size:s,themeColor:i,rotate:a,flip:f,viewBox:x}):E(ee,{})}return E(J,{...h,className:c(t.className,L),icon:l,size:s,themeColor:i,rotate:a,flip:f})};m.states=Oe;m.options=Ce;m.defaultOptions=U;m.className=L;m.moduleName=Y;m.folderName=Z;m.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var D="button",te=D;import{Fragment as _e,jsx as M,jsxs as oe}from"react/jsx-runtime";var _="k-button",Se=["icon-button"],Ee=[y.hover,y.focus,y.active,y.selected,y.disabled,y.generating],Me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.inverse]},F={showArrow:!1,arrowIconName:"chevron-down"},r=t=>{let{as:e="button",size:s,rounded:i,fillMode:l,themeColor:d,showArrow:a=F.showArrow,arrowIconName:f=F.arrowIconName,variant:x,hover:h,focus:I,active:B,selected:A,disabled:w,togglable:z,ariaDisabled:k,icon:b,text:u,iconClassName:de,className:ue,...me}=t,pe=b!==void 0,fe=t.children!==void 0;return oe(e,{className:c(ue,_,q(_,x),g(_,{size:s,rounded:i,fillMode:l,themeColor:d}),X(_,{hover:h,focus:I,active:B,disabled:w||k,selected:A}),{"k-icon-button":!u&&!fe&&pe}),...me,"aria-pressed":z?A?"true":"false":void 0,"aria-disabled":k?"true":void 0,disabled:w||void 0,children:[b&&M(m,{className:c(de,"k-button-icon"),icon:b}),u?oe(_e,{children:[u&&M("span",{className:"k-button-text",children:u}),t.children]}):t.children&&M("span",{className:"k-button-text",children:t.children}),a&&M("span",{className:"k-menu-button-arrow k-button-arrow",children:M(m,{icon:f})})]})};r.states=Ee;r.options=Me;r.variants=Se;r.className=_;r.defaultOptions=F;r.moduleName=D;r.folderName=te;r.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Ie}from"react/jsx-runtime";var ne=t=>Ie(r,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});import{jsx as Ae}from"react/jsx-runtime";var se=t=>Ae(r,{icon:"folder",children:"Button",...t});import{jsx as we}from"react/jsx-runtime";var re=t=>we(r,{children:"Button",...t});import{jsx as V}from"react/jsx-runtime";var Ke=r.options,Le=r.states,ze={...r.defaultOptions,variant:"text"},Pe=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],He=[],O=t=>{let{variant:e,...s}=t;switch(e){case"icon-only":return V(ne,{...s,icon:"star"});case"icon-and-text":return V(se,{...s,icon:"star",children:"Button"});default:return V(re,{...s,children:"Button"})}};O.options=Ke;O.states=Le;O.variants=Pe;O.defaultOptions=ze;O.modifiers=He;O.className=r.className;var G="speech-to-text-button",ie=G;import{jsx as Re}from"react/jsx-runtime";var ae="k-speech-to-text-button",le={icon:"microphone"},p=t=>{let{listening:e=!1,icon:s=le.icon,...i}=t;return Re(r,{...i,icon:e?"stop":s,className:c(t.className,ae,{"k-listening":e}),"aria-pressed":e?"true":"false","aria-label":e?"Stop listening":"Start listening"})};p.states=r.states;p.options=r.options;p.className=ae;p.defaultOptions=le;p.moduleName=G;p.folderName=ie;p.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};import{jsx as Ve}from"react/jsx-runtime";var $e=r.states,ce={...r.defaultOptions,variant:"normal"},Ue={...r.options,fillMode:r.options.fillMode.filter(t=>t!=="clear"&&t!=="link")},De=[],Fe=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],v=t=>{let{variant:e,...s}={...ce,...t},i={};return e==="listening"&&(i.listening=!0),Ve(p,{...s,...i})};v.options=Ue;v.states=$e;v.variants=Fe;v.defaultOptions=ce;v.modifiers=De;v.className=p.className;var lo=v;export{v as SpeechToTextButtonDemo,lo as default};