@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 174 kB
JavaScript
var $c=Object.create;var xn=Object.defineProperty;var Xc=Object.getOwnPropertyDescriptor;var qc=Object.getOwnPropertyNames;var Wc=Object.getPrototypeOf,Jc=Object.prototype.hasOwnProperty;var Yc=(e,t)=>{for(var o in t)xn(e,o,{get:t[o],enumerable:!0})},Hi=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of qc(t))!Jc.call(e,n)&&n!==o&&xn(e,n,{get:()=>t[n],enumerable:!(a=Xc(t,n))||a.enumerable});return e};var zi=(e,t,o)=>(o=e!=null?$c(Wc(e)):{},Hi(t||!e||!e.__esModule?xn(o,"default",{value:e,enumerable:!0}):o,e)),Zc=e=>Hi(xn({},"__esModule",{value:!0}),e);var LN={};Yc(LN,{ChatDemo:()=>vo,default:()=>kN});module.exports=Zc(LN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>r({[`${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"}),M=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:l,active:c,selected:u,disabled:b,indeterminate:h,loading:N,empty:m,readonly:L,highlighted:k,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":l,"k-active":c,"k-selected":u,"k-disabled":b,"k-indeterminate":h&&!l,"k-loading":N,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(y).reduce((C,A)=>(A.startsWith("k-")?C[A]=y[A]:C[`k-${A}`]=y[A],C),{}))};function gn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var dr={};function K(e){return dr[e]=(dr[e]||0)+1,`k-${e}-${dr[e]}`}var _a=require("react/jsx-runtime"),cr="k-font-icon",Qc=[],jc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},em={},Da=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...l}=e;return a?(0,_a.jsx)("span",{...l,className:r(e.className,cr,E(cr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):(0,_a.jsx)(_a.Fragment,{})};Da.states=Qc;Da.options=jc;Da.className=cr;Da.defaultOptions=em;var Ui=Da;var Lo=require("react/jsx-runtime"),mr="k-svg-icon",tm=[],om={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[Bt.outline,Bt.solid,Bt.duotone]},ur={viewBox:"0 0 24 24",variant:Bt.outline},Ha=e=>{var N,m;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ur.viewBox,variant:l=ur.variant,icon:c,...u}=e;if(!c)return(0,Lo.jsx)(Lo.Fragment,{});if(c==="none")return(0,Lo.jsx)("span",{...u,className:r(e.className,mr,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name,h=typeof c=="object"?l&&((N=c.variants)==null?void 0:N[l])||((m=c.variants)==null?void 0:m.outline)||c.content:void 0;return(0,Lo.jsx)("span",{...u,className:r(e.className,mr,E("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,Lo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:c?void 0:e.children})})};Ha.states=tm;Ha.options=om;Ha.className=mr;Ha.defaultOptions=ur;var fr=Ha;var br=zi(require("@progress/kendo-svg-icons"));var Fi="icon",Gi="icons";var Xi=require("react");var Vi=require("react"),$i=(0,Vi.createContext)({iconsType:"svg"});var Xt=require("react/jsx-runtime"),Nn="k-icon",am=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),nm=[],rm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info],variant:[Bt.outline,Bt.solid,Bt.duotone]},vn={viewBox:"0 0 24 24",type:"svg",variant:Bt.outline},v=e=>{let{iconsType:t}=(0,Xi.useContext)($i),{size:o,themeColor:a,icon:n,type:i=t||vn.type,rotate:l,flip:c,viewBox:u=vn.viewBox,variant:b=vn.variant,...h}=e;if(!n)return(0,Xt.jsx)(Xt.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,Xt.jsx)(fr,{...h,className:r(e.className,Nn),icon:n,size:o,variant:b});let m=br[n]?n:am(`${n}-icon`);return br[m]?(0,Xt.jsx)(fr,{...h,className:r(e.className,Nn),icon:br[m],size:o,themeColor:a,rotate:l,flip:c,viewBox:u,variant:b}):(0,Xt.jsx)(Xt.Fragment,{})}return(0,Xt.jsx)(Ui,{...h,className:r(e.className,Nn),icon:n,size:o,themeColor:a,rotate:l,flip:c})};v.states=nm;v.options=rm;v.defaultOptions=vn;v.className=Nn;v.moduleName=Fi;v.folderName=Gi;v.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 hr="button",qi=hr;var rt=require("react/jsx-runtime"),za="k-button",sm=["icon-button"],im=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],lm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},xr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:l=xr.showArrow,arrowIconName:c=xr.arrowIconName,variant:u,hover:b,focus:h,active:N,selected:m,disabled:L,togglable:k,ariaDisabled:y,icon:C,iconSize:A,text:I,iconClassName:q,className:Se,...Re}=e,_e=C!=null,De=e.children!==void 0;return(0,rt.jsxs)(t,{className:r(Se,za,gn(za,u),E(za,{size:o,rounded:a,fillMode:n,themeColor:i}),M(za,{hover:b,focus:h,active:N,disabled:L||y,selected:m}),{"k-icon-button":!I&&!De&&_e}),"aria-pressed":k?m?"true":"false":void 0,...Re,"aria-disabled":y?"true":void 0,disabled:L||void 0,children:[typeof C=="string"&&C&&(0,rt.jsx)(v,{className:r(q,"k-button-icon"),icon:C,size:A}),C&&typeof C!="string"&&(0,rt.jsx)(rt.Fragment,{children:C}),I?(0,rt.jsxs)(rt.Fragment,{children:[I&&(0,rt.jsx)("span",{className:"k-button-text",children:I}),e.children]}):e.children&&(0,rt.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,rt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,rt.jsx)(v,{icon:c})})]})};p.states=im;p.options=lm;p.variants=sm;p.className=za;p.defaultOptions=xr;p.moduleName=hr;p.folderName=qi;p.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."}]};var Wi=require("react/jsx-runtime"),ee=e=>(0,Wi.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ji=require("react/jsx-runtime"),Ua=e=>(0,Ji.jsx)(p,{icon:"folder",children:"Button",...e});var Yi=require("react/jsx-runtime"),Mt=e=>(0,Yi.jsx)(p,{children:"Button",...e});var kn=require("react/jsx-runtime"),pm=p.options,dm=p.states,cm={...p.defaultOptions,variant:"text"},mm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],um=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,kn.jsx)(ee,{...o,icon:"star"});case"icon-and-text":return(0,kn.jsx)(Ua,{...o,icon:"star",children:"Button"});default:return(0,kn.jsx)(Mt,{...o,children:"Button"})}};Do.options=pm;Do.states=dm;Do.variants=mm;Do.defaultOptions=cm;Do.modifiers=um;Do.className=p.className;var Fa=require("react/jsx-runtime"),Ln="k-fab",hm=[s.hover,s.focus,s.active,s.selected,s.disabled],xm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Zi={type:"button"},ae=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:i,type:l=Zi.type,position:c,hover:u,focus:b,active:h,selected:N,disabled:m,...L}=e;return(0,Fa.jsxs)("button",{...L,type:l,className:r(e.className,Ln,E(Ln,{size:t,rounded:o,themeColor:a}),M(Ln,{hover:u,focus:b,active:h,disabled:m,selected:N}),{[`!k-pos-absolute k-${c}`]:c}),...!n&&i&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[i&&(0,Fa.jsx)(v,{className:"k-fab-icon",icon:i}),n&&(0,Fa.jsx)("span",{className:"k-fab-text",children:n})]})};ae.states=hm;ae.options=xm;ae.className=Ln;ae.defaultOptions=Zi;ae.moduleName="fab";ae.folderName="fab";ae.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var ji=require("react/jsx-runtime"),gm="k-fab-items",Qi=e=>{let{position:t,...o}=e;return(0,ji.jsx)("ul",{...o,className:r(e.className,gm,{[`k-fab-items-${t}`]:t}),children:e.children})};var Ga=require("react/jsx-runtime"),el="k-fab-item",Nm=[s.hover,s.focus,s.active,s.disabled],gr=e=>{let{text:t,icon:o,align:a,hover:n,focus:i,active:l,disabled:c,...u}=e;return(0,Ga.jsxs)("li",{...u,className:r(e.className,el,{[`k-text-${a}`]:a},M(el,{hover:n,focus:i,active:l,disabled:c})),children:[(0,Ga.jsx)("span",{className:"k-fab-item-text",children:t}),(0,Ga.jsx)(v,{className:"k-fab-item-icon",icon:o})]})};gr.states=Nm;var vm=require("react/jsx-runtime");var ol=require("react/jsx-runtime"),tl=e=>(0,ol.jsx)(ae,{icon:"plus",...e});var km=require("react/jsx-runtime");var Lm=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),Mm=ae.options,Sm=ae.states,ym={...ae.defaultOptions,variant:"text"},Am=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cm=[{name:"opened",title:"Opened"}],Ho=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},i=n?(0,qt.jsx)("div",{className:"k-fab-popup k-popup k-popup-transparent",style:{position:"absolute",top:"calc(16px + 36px)",right:"calc(16px + calc(36px / 2) - calc(36px /2))"},children:(0,qt.jsx)(Qi,{position:"bottom",children:(0,qt.jsx)(gr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=(0,qt.jsx)(ae,{...a,icon:"star"});break;case"icon-and-text":l=(0,qt.jsx)(ae,{...a,icon:"star",text:"Action"});break;default:l=(0,qt.jsx)(ae,{...a,text:"Action"});break}return(0,qt.jsxs)("span",{style:{position:"relative"},children:[l,i]})};Ho.options=Mm;Ho.states=Sm;Ho.variants=Am;Ho.defaultOptions=ym;Ho.modifiers=Cm;Ho.className=ae.className;var al=require("react/jsx-runtime"),Nr="k-input-inner",Em=[],Im={},Mn={type:"text",autocomplete:"off",value:"",placeholder:""},He=e=>{let{value:t=Mn.value,type:o=Mn.type,placeholder:a=Mn.placeholder,autocomplete:n=Mn.autocomplete,disabled:i,readOnly:l,...c}=e;return(0,al.jsx)("input",{...c,type:o,className:r(e.className,Nr,E(Nr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:l||void 0})};He.states=Em;He.options=Im;He.className=Nr;var rl=require("react/jsx-runtime"),vr="k-input-inner",Tm=[],Om={},nl={value:"",placeholder:""},Va=e=>{let{value:t=nl.value,placeholder:o=nl.placeholder,rows:a,disabled:n,...i}=e;return(0,rl.jsx)("textarea",{...i,className:r(e.className,vr,E(vr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Va.states=Tm;Va.options=Om;Va.className=vr;var kr="prompt-box",sl=kr;var Lr="speech-to-text-button",il=Lr;var dl=require("react/jsx-runtime"),ll="k-speech-to-text-button",pl={icon:"microphone"},Ye=e=>{let{listening:t=!1,icon:o=pl.icon,...a}=e;return(0,dl.jsx)(p,{...a,icon:t?"stop":o,className:r(e.className,ll,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ye.states=p.states;Ye.options=p.options;Ye.className=ll;Ye.defaultOptions=pl;Ye.moduleName=Lr;Ye.folderName=il;Ye.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."}]};var Bm=require("react/jsx-runtime");var Pm=require("react/jsx-runtime");var ml=require("react/jsx-runtime"),wm=p.states,cl={...p.defaultOptions,variant:"normal"},Km={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Rm=[],_m=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],zo=e=>{let{variant:t,...o}={...cl,...e},a={};return t==="listening"&&(a.listening=!0),(0,ml.jsx)(Ye,{...o,...a})};zo.options=Km;zo.states=wm;zo.variants=_m;zo.defaultOptions=cl;zo.modifiers=Rm;zo.className=Ye.className;var St=require("react/jsx-runtime"),Pt="k-prompt-box",Dm=[s.hover,s.focus,s.disabled],Hm={fillMode:[x.undefined,x.solid,x.flat,x.outline]},Mr={lineMode:"auto",isExpanded:!1},ye=e=>{let{fillMode:t,lineMode:o=Mr.lineMode,startAffix:a,endAffix:n,header:i,isExpanded:l=Mr.isExpanded,className:c,children:u,value:b,placeholder:h,generating:N,hover:m,focus:L,disabled:k,...y}=e,C=o==="multi"||o==="auto"&&l;return(0,St.jsxs)("div",{...y,className:r(c,"k-input",Pt,{[`${Pt}-singleline`]:o==="single",[`${Pt}-multiline`]:C,[`k-input-${t}`]:t,"k-hover":m,"k-focus":L,"k-disabled":k}),children:[i&&(0,St.jsx)("div",{className:`${Pt}-header`,children:i}),(0,St.jsxs)("div",{className:`${Pt}-content`,children:[a&&(0,St.jsx)("div",{className:`${Pt}-affix`,children:a}),o==="single"?(0,St.jsx)(He,{value:b,placeholder:h,className:`${Pt}-input`,type:"text","aria-label":"Prompt input"}):(0,St.jsx)(Va,{value:b,placeholder:h,className:`${Pt}-textarea`,rows:o==="multi"||l?3:1,"aria-label":"Prompt input","aria-multiline":"true"}),(0,St.jsxs)("div",{className:`${Pt}-affix`,children:[n,(0,St.jsx)(Ye,{size:"small",fillMode:"flat",rounded:"full"}),(0,St.jsx)(ee,{icon:N?"stop":"arrow-up",size:"small",rounded:"full",active:N,disabled:!b&&!N,className:r({"k-generating":N}),"aria-label":N?"Stop generating":"Send prompt","aria-live":"polite"})]})]}),u]})};ye.states=Dm;ye.options=Hm;ye.className=Pt;ye.defaultOptions=Mr;ye.moduleName=kr;ye.folderName=sl;ye.ariaSpec={selector:".k-prompt-box",rules:[{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"nodeName=input",usage:"Ensures the input field has the proper textbox role."},{selector:".k-prompt-box-singleline .k-prompt-box-input",attribute:"aria-label",usage:"Provides an accessible label for the single-line input."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the textarea has the proper textbox role."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the textarea."},{selector:".k-prompt-box-multiline .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the textarea supports multiple lines of text."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"nodeName=textarea",usage:"Ensures the auto-mode textarea has the proper textbox role."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-label",usage:"Provides an accessible label for the auto-mode textarea."},{selector:".k-prompt-box:not(.k-prompt-box-singleline):not(.k-prompt-box-multiline) .k-prompt-box-textarea",attribute:"aria-multiline=true",usage:"Indicates the auto-mode textarea supports multiple lines of text."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-label",usage:"The send/stop button is labelled to indicate its current action."},{selector:".k-prompt-box-affix .k-button:not(.k-speech-to-text-button)",attribute:"aria-live=polite",usage:"Announces the change in status of the send/stop button."}]};var zm=require("react/jsx-runtime");var Um=require("react/jsx-runtime");var Fm=require("react/jsx-runtime");var Gm=require("react/jsx-runtime");var Vm=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),$m=ye.options,Xm=ye.states,qm={...ye.defaultOptions,variant:"Single"},Wm=[{name:"Single",title:"Singleline"},{name:"Multi",title:"Multiline"}],Jm=[{name:"header",title:"Header"},{name:"endAffix",title:"End Affix"},{name:"startAffix",title:"Start Affix"}],Uo=e=>{let{variant:t,modifiers:o,...a}=e,n={},i=(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(ee,{size:"small",icon:"send",fillMode:"flat"})});return Object.keys(o||{}).forEach(l=>{switch(l){case"header":n.header=o!=null&&o[l]?(0,ze.jsx)(p,{children:"Button in header"}):void 0;break;case"endAffix":o!=null&&o[l]&&(n.endAffix=(0,ze.jsxs)(ze.Fragment,{children:[i,(0,ze.jsx)(ee,{icon:"paperclip",size:"small",fillMode:"flat"})]}));break;case"startAffix":n.startAffix=o!=null&&o[l]?(0,ze.jsx)(ze.Fragment,{children:(0,ze.jsx)(ee,{icon:"plus",size:"small",fillMode:"flat"})}):void 0;break;default:break}}),t==="Multi"?(0,ze.jsx)(ye,{style:{width:300},lineMode:"multi",endAffix:i,placeholder:"Enter your prompt...",...a,...n}):(0,ze.jsx)(ye,{style:{width:300},lineMode:"single",endAffix:i,placeholder:"Enter your prompt...",...a,...n})};Uo.options=$m;Uo.states=Xm;Uo.variants=Wm;Uo.defaultOptions=qm;Uo.modifiers=Jm;Uo.className=ye.className;var Sr="chat",ul=Sr;var be=require("react/jsx-runtime"),fl="k-chat",Ym=[],Zm={},Qm=(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(ee,{icon:"paperclip",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,be.jsx)("div",{className:"k-spacer"})]}),bl={tools:Qm},V=e=>{let{header:t,dir:o,suggestedActions:a,files:n,pinned:i,replied:l,generating:c,tools:u=bl.tools,value:b,empty:h,scrollToBottom:N,scrollbar:m,promptBoxProps:L,...k}=e;return(0,be.jsxs)("div",{...k,className:r(fl,e.className),dir:o,children:[t,(0,be.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[i,(0,be.jsx)("div",{className:r("k-message-list-content",h&&"k-message-list-content-empty"),children:e.children}),N&&(0,be.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,be.jsx)(tl,{themeColor:"base",icon:"arrow-down",size:"small"})})]}),m&&(0,be.jsx)("div",{className:"k-separator"}),(0,be.jsxs)("div",{className:"k-message-box-wrapper",children:[a,(0,be.jsx)(ye,{lineMode:"multi",placeholder:"Type a message",generating:c,value:b,header:n||l?(0,be.jsxs)(be.Fragment,{children:[l,n]}):void 0,endAffix:u,...L})]})]})};V.states=Ym;V.options=Zm;V.className=fl;V.defaultOptions=bl;V.moduleName=Sr;V.folderName=ul;V.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var yr=require("react/jsx-runtime"),yn="k-file-box-wrapper",hl={layout:"horizontal"},wt=e=>{let{layout:t=hl.layout,scrollingPosition:o,...a}=e;return(0,yr.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:r(e.className,yn,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${yn}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${yn}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,yr.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};wt.className=yn;wt.defaultOptions=hl;var Ar="menu-button",xl=Ar;var Nl=require("react/jsx-runtime"),gl="k-menu-button",jm=[s.hover,s.focus,s.active,s.selected,s.disabled],eu={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Cr={showArrow:!0,arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,icon:h,text:N,showArrow:m=Cr.showArrow,arrowIconName:L=Cr.arrowIconName,expanded:k,...y}=e;return(0,Nl.jsx)(p,{...y,className:r(e.className,gl),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:l,active:c,selected:u,disabled:b,ariaDisabled:b||void 0,icon:h,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!N&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};D.states=jm;D.options=eu;D.className=gl;D.defaultOptions=Cr;D.moduleName=Ar;D.folderName=xl;D.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var tu=require("react/jsx-runtime");var ou=require("react/jsx-runtime");var au=require("react/jsx-runtime");var st="menu",mt=st;var Wt=require("react/jsx-runtime"),Er="k-menu-item",nu=[s.hover,s.focus,s.active,s.selected,s.disabled],ru={},vl={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:b,showArrow:h,arrowIconName:N,iconPosition:m=vl.iconPosition,dir:L,children:k,expanded:y,...C}=e,A=N;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),(0,Wt.jsxs)("li",{...C,className:r(e.className,Er,"k-item",M(Er,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":u,"k-last":b}),role:"menuitem",...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":y?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Wt.jsxs)("span",{className:r("k-link k-menu-link"),children:[l&&m==="before"&&(0,Wt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Wt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&(0,Wt.jsx)(v,{className:"k-menu-link-icon",icon:l}),h&&(0,Wt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Wt.jsx)(v,{icon:A})})]}),k]})};Ae.states=nu;Ae.options=ru;Ae.className=Er;Ae.defaultOptions=vl;Ae.moduleName=st;Ae.folderName=mt;var Jt=require("react/jsx-runtime"),Ir="k-menu-item",su=[s.hover,s.focus,s.active,s.selected,s.disabled],iu={},Tr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:l,text:c,first:u,last:b,showArrow:h,arrowIconName:N,iconPosition:m=Tr.iconPosition,dir:L=Tr.dir,children:k,popup:y,expanded:C,...A}=e,I=N;return I||(I=L==="rtl"?"chevron-left":"chevron-right"),(0,Jt.jsxs)("li",{role:"menuitem",...A,className:r(e.className,Ir,"k-item",M(Ir,{focus:o,disabled:i}),{"k-first":u,"k-last":b}),...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":C?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Jt.jsxs)("span",{className:r("k-link k-menu-link",M("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[l&&m==="before"&&(0,Jt.jsx)(v,{className:"k-menu-link-icon",icon:l}),(0,Jt.jsx)("span",{className:"k-menu-link-text",children:c}),l&&m==="after"&&(0,Jt.jsx)(v,{className:"k-menu-link-icon",icon:l}),h&&(0,Jt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Jt.jsx)(v,{icon:I})})]}),k,y]})};W.states=su;W.options=iu;W.className=Ir;W.defaultOptions=Tr;W.moduleName=st;W.folderName=mt;var Ml=require("react/jsx-runtime"),kl="k-menu-scroll-wrapper",lu=[],pu={},du={},Mo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,Ml.jsx)("div",{...n,className:r(t,kl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Mo.states=lu;Mo.options=pu;Mo.className=kl;Mo.defaultOptions=du;Mo.moduleName=st;Mo.folderName=mt;var Ll=Mo;var he=require("react/jsx-runtime"),Or="k-menu",cu=[],mu={},Cn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=Cn.orientation,header:a=Cn.header,scrollable:n,scrollButtonsPosition:i=Cn.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:u,contextMenu:b,...h}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=(0,he.jsx)("ul",{dir:c,...h,className:r(e.className,"k-reset",Or,{[`${Or}-${o}`]:o,"k-header":a}),role:b?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,he.jsxs)(he.Fragment,{children:[n?(0,he.jsxs)(Ll,{orientation:o,style:l,dir:e.dir,children:[i==="start"&&(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,he.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,he.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,i==="end"&&(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,he.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,he.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};me.states=cu;me.options=mu;me.className=Or;me.defaultOptions=Cn;me.moduleName=st;me.folderName=mt;me.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var yl=require("react/jsx-runtime"),Br="k-separator",Sl={orientation:"horizontal"},Fo=e=>{let{orientation:t=Sl.orientation,...o}=e;return(0,yl.jsx)("li",{...o,className:r(e.className,"k-item",Br,{[`${Br}-${t}`]:t}),role:"separator"})};Fo.className=Br;Fo.defaultOptions=Sl;Fo.moduleName=st;Fo.folderName=mt;var Al=require("react/jsx-runtime");var Cl=require("react/jsx-runtime"),Pr="k-menu-group",uu=[],fu={size:[d.undefined,d.small,d.medium,d.large]},bu={},Ce=e=>{let{children:t,size:o,...a}=e;return(0,Cl.jsx)("ul",{role:"menu",...a,className:r(e.className,Pr,E(Pr,{size:o})),children:t})};Ce.states=uu;Ce.options=fu;Ce.className=Pr;Ce.defaultOptions=bu;Ce.moduleName=st;Ce.folderName=mt;var yt=require("react/jsx-runtime"),wr=e=>(0,yt.jsx)(me,{children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(Ae,{first:!0,text:"Item 1"}),(0,yt.jsx)(Ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,yt.jsx)(Ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,yt.jsx)(Ae,{text:"Item 4"}),(0,yt.jsx)(Ae,{last:!0,text:"Item 5"})]}),...e});var Kr="popup",El=Kr;var _r=require("react/jsx-runtime"),Il="k-animation-container",hu=[],xu={},Rr={positionMode:"absolute",shown:!0},Kt=e=>{let{positionMode:t=Rr.positionMode,shown:o=Rr.shown,animationStyle:a,offset:n,...i}=e;return(0,_r.jsx)("div",{...i,style:{...n,...e.style},className:r(e.className,Il,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,_r.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Kt.states=hu;Kt.options=xu;Kt.className=Il;Kt.defaultOptions=Rr;Kt.moduleName=Kr;Kt.folderName=El;var Dr="popup",Tl=Dr;var Hr=require("react/jsx-runtime"),Ol="k-popup",gu=[],Nu={},Bl={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Bl.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:l,...c}=e;return(0,Hr.jsx)(Kt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":l,children:(0,Hr.jsx)("div",{...c,className:r(e.className,Ol),children:e.children})})};X.states=gu;X.options=Nu;X.className=Ol;X.defaultOptions=Bl;X.moduleName=Dr;X.folderName=Tl;X.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 zr=require("react/jsx-runtime");var Ur=require("react/jsx-runtime");var Fr=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var Rt=require("react/jsx-runtime"),vu={...me.options,scrollable:{type:"boolean"}},ku=me.states,Pl={...me.defaultOptions,variant:"horizontal"},Lu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mu=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...Pl,...e},n={},i=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!(o!=null&&o[l]),n.popup=o!=null&&o[l]?(0,Rt.jsx)(X,{className:"k-menu-popup",offset:i,children:(0,Rt.jsxs)(Ce,{children:[(0,Rt.jsx)(W,{text:"Item 1"}),(0,Rt.jsx)(W,{text:"Item 2"}),(0,Rt.jsx)(Fo,{}),(0,Rt.jsx)(W,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Rt.jsx)(wr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Rt.jsx)(wr,{...a,...n})};Go.options=vu;Go.states=ku;Go.variants=Lu;Go.defaultOptions=Pl;Go.modifiers=Mu;Go.className=me.className;var Vr=require("react/jsx-runtime");var Su=require("react/jsx-runtime");var Ee=require("react/jsx-runtime"),yu=p.states,wl={...p.defaultOptions,variant:"text"},Au=p.options,Cu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Eu=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...wl,...e},n={},i=(0,Ee.jsx)(X,{className:"k-menu-popup",children:(0,Ee.jsxs)(Ce,{size:a.size,children:[(0,Ee.jsx)(W,{first:!0,text:"Menu Item"}),(0,Ee.jsx)(W,{text:"Menu Item"}),(0,Ee.jsx)(W,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,Ee.jsx)("div",{children:(0,Ee.jsx)(D,{...a,...n,icon:"star"})});break;case"icon-and-text":l=(0,Ee.jsx)("div",{children:(0,Ee.jsx)(D,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=(0,Ee.jsx)("div",{children:(0,Ee.jsx)(D,{...a,...n,children:"Dropdown Button"})});break}return(0,Ee.jsxs)(Ee.Fragment,{children:[l,(o==null?void 0:o.opened)&&i]})};Vo.options=Au;Vo.states=yu;Vo.variants=Cu;Vo.defaultOptions=wl;Vo.modifiers=Eu;Vo.className=D.className;var $r="file-box",Kl=$r;var _t=require("react/jsx-runtime"),Rl="k-file-box",Iu=[s.selected],Tu={},$a={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ue=e=>{let{icon:t=$a.icon,name:o=$a.name,size:a=$a.size,status:n,deleted:i,removeButton:l,showButton:c=$a.showButton,...u}=e,b=[o,a].filter(Boolean).join(" ");return(0,_t.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":b||void 0,...u,className:r(Rl,e.className,{"k-file-deleted":i}),children:[(0,_t.jsx)(v,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,_t.jsxs)("div",{className:"k-file-info",children:[o&&(0,_t.jsx)("span",{className:"k-file-name",children:o}),a&&(0,_t.jsx)("span",{className:"k-file-size",children:a}),n&&(0,_t.jsx)("span",{className:"k-file-status",children:n})]}),c&&(l?(0,_t.jsx)(p,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,_t.jsx)(D,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ue.states=Iu;Ue.options=Tu;Ue.className=Rl;Ue.defaultOptions=$a;Ue.moduleName=$r;Ue.folderName=Kl;Ue.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var Ou=require("react/jsx-runtime");var Bu=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var Pu=require("react/jsx-runtime");var Xr="button",Hl=Xr;var zl=require("react/jsx-runtime"),Xa="k-button-group",wu=[s.disabled],Ku={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},Ru={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,zl.jsx)("div",{role:"group",...n,className:r(e.className,Xa,E(Xa,{fillMode:t}),M(Xa,{disabled:o}),{[`${Xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=wu;B.options=Ku;B.className=Xa;B.defaultOptions=Ru;B.moduleName=Xr;B.folderName=Hl;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var qr=require("react/jsx-runtime");var Wr=require("react/jsx-runtime");var Jr=require("react/jsx-runtime");var Yr=require("react/jsx-runtime");var Zr=require("react/jsx-runtime");var Qr=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),_u={...p.options,...B.options},Du=p.states,Hu={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},zu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Uu=[],$o=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ze.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Ze.jsx)(p,{...a,icon:"star"}),(0,Ze.jsx)(p,{...a,icon:"star"}),(0,Ze.jsx)(p,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ze.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Ze.jsx)(p,{...a,icon:"star",children:"First"}),(0,Ze.jsx)(p,{...a,icon:"star",children:"Middle"}),(0,Ze.jsx)(p,{...a,icon:"star",children:"Last"})]}):(0,Ze.jsxs)(B,{fillMode:a.fillMode,className:o,children:[(0,Ze.jsx)(p,{...a,children:"First"}),(0,Ze.jsx)(p,{...a,children:"Middle"}),(0,Ze.jsx)(p,{...a,children:"Last"})]})};$o.options=_u;$o.states=Du;$o.variants=zu;$o.defaultOptions=Hu;$o.modifiers=Uu;$o.className=B.className;var qa="input",En=qa;var Ul=require("react/jsx-runtime"),In="k-input",Fu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Gu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Vu={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:h,...N}=e;return(0,Ul.jsx)("span",{...N,className:r(e.className,In,E(In,{size:u,rounded:b,fillMode:h}),M(In,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c}))})};ne.states=Fu;ne.options=Gu;ne.className=In;ne.defaultOptions=Vu;ne.moduleName=qa;ne.folderName=En;var Fl=require("react/jsx-runtime"),Tn="k-picker",$u=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},qu={},Dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c,size:u,rounded:b,fillMode:h,...N}=e;return(0,Fl.jsx)("span",{...N,className:r(e.className,Tn,E(Tn,{size:u,rounded:b,fillMode:h}),M(Tn,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:l,readonly:c})),children:e.children})};Dt.states=$u;Dt.options=Xu;Dt.className=Tn;Dt.defaultOptions=qu;Dt.moduleName=qa;Dt.folderName=En;var Xo=require("react/jsx-runtime"),Gl="k-clear-value",Wu=[s.disabled,s.loading,s.readonly],Ju={},it=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Xo.jsx)(Xo.Fragment,{}):(0,Xo.jsx)("span",{className:r(e.className,Gl),children:(0,Xo.jsx)(v,{icon:"x"})})};it.states=Wu;it.options=Ju;it.className=Gl;var Wa=require("react/jsx-runtime"),jr="k-input-inner",Yu=[],Zu={},So=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...l}=e;return(0,Wa.jsxs)("span",{...l,className:r(e.className,jr,E(jr,e)),children:[n,!n&&i&&(0,Wa.jsx)(v,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Wa.jsx)("span",{className:"k-input-value-text",children:t})]})};So.states=Yu;So.options=Zu;So.className=jr;var Ja=require("react/jsx-runtime"),Vl="k-input-loading-icon",Qu=[s.disabled,s.loading],Qe=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ja.jsx)(Ja.Fragment,{}):(0,Ja.jsx)("span",{className:r(e.className,Vl,"k-icon k-i-loading")})};Qe.states=Qu;Qe.className=Vl;var Ya=require("react/jsx-runtime"),$l="k-input-validation-icon",ju=[s.valid,s.invalid,s.disabled,s.loading],ef={},Fe=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Ya.jsx)(Ya.Fragment,{}):(0,Ya.jsx)(v,{className:r($l),icon:i})};Fe.states=ju;Fe.options=ef;Fe.className=$l;var Za=require("react/jsx-runtime"),tf="k-input-prefix",of={direction:"horizontal"},ut=e=>{let{direction:t=of.direction,...o}=e;return e.children?(0,Za.jsx)("span",{...o,className:r(tf,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Za.jsx)(Za.Fragment,{})};var Qa=require("react/jsx-runtime"),af="k-input-suffix",nf={direction:"horizontal"},ft=e=>{let{direction:t=nf.direction,...o}=e;return e.children?(0,Qa.jsx)("span",{...o,className:r(af,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Qa.jsx)(Qa.Fragment,{})};var rf=require("react/jsx-runtime");var Xl=require("react/jsx-runtime"),sf="k-input-suffix-text",es=e=>{let{children:t,...o}=e;return(0,Xl.jsx)("span",{...o,className:r(sf,e.className),children:t})};var Wl=require("react/jsx-runtime"),ql="k-input-separator",lf={direction:"vertical"},bt=e=>{let{direction:t=lf.direction,...o}=e;return(0,Wl.jsx)("span",{...o,className:r(ql,e.className,{[`${ql}-${t}`]:t})})};var ue=require("react/jsx-runtime"),pf=ne.states,df=ne.defaultOptions,cf=ne.options,mf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],uf=[],qo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:l,...c}=e,u=t==null?void 0:t.prefix,b=t==null?void 0:t.suffix,h=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],m=t==null?void 0:t.separators;return(0,ue.jsxs)(ne,{...c,valid:o,invalid:a,loading:n,disabled:i,readonly:l,style:{width:300},children:[u&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)(ut,{children:(0,ue.jsx)(v,{icon:"lock"})}),m&&(0,ue.jsx)(bt,{})]}),(0,ue.jsx)(He,{placeholder:"Placeholder",value:"Value"}),N&&(0,ue.jsx)(Fe,{valid:o,invalid:a,loading:n,disabled:i}),(0,ue.jsx)(Qe,{loading:n,disabled:i}),h&&(0,ue.jsx)(it,{loading:n,disabled:i,readonly:l,value:"Value"}),b&&(0,ue.jsxs)(ue.Fragment,{children:[m&&(0,ue.jsx)(bt,{}),(0,ue.jsx)(ft,{children:(0,ue.jsx)(Mt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};qo.options=cf;qo.states=pf;qo.variants=uf;qo.defaultOptions=df;qo.modifiers=mf;qo.className=ne.className;var ja=require("react/jsx-runtime"),Jl="k-color-preview",ff=[],bf={},so=e=>{let{color:t,iconName:o,...a}=e;return(0,ja.jsxs)("span",{...a,className:r(e.className,Jl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ja.jsx)(v,{icon:o,className:"k-color-preview-icon"}),(0,ja.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};so.states=ff;so.options=bf;so.className=Jl;var ts="action-buttons",Yl=ts;var Ql=require("react/jsx-runtime"),On="k-actions",hf=[],xf={},os={alignment:"start",orientation:"horizontal"},lt=e=>{let{alignment:t=os.alignment,orientation:o=os.orientation,...a}=e;return(0,Ql.jsx)("div",{...a,className:r(On,{[`${On}-${t}`]:t,[`${On}-${o}`]:o},e.className),children:e.children})};lt.states=hf;lt.options=xf;lt.className=On;lt.defaultOptions=os;lt.moduleName=ts;lt.folderName=Yl;var Zl=lt;var ep=require("react/jsx-runtime"),gf="k-actionsheet-footer",jl={alignment:"stretched",orientation:"horizontal"},io=e=>{let{alignment:t=jl.alignment,orientation:o=jl.orientation,template:a,as:n=a?"div":lt,...i}=e;return(0,ep.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,gf),children:e.children})};var as="searchbox",tp=as;var lo=require("react/jsx-runtime"),op="k-searchbox",Nf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],vf={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ns={showIcon:!0,icon:"search"},ht=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:h,loading:N,disabled:m,showIcon:L=ns.showIcon,icon:k=ns.icon,"aria-label":y,...C}=e;return(0,lo.jsxs)(ne,{...C,size:a,rounded:n,fillMode:i,hover:l,focus:c,valid:u,invalid:b,required:h,loading:N,disabled:m,className:r(e.className,op),children:[L&&(0,lo.jsx)(v,{className:"k-input-icon",icon:k}),(0,lo.jsx)(He,{placeholder:o,value:t,"aria-label":y}),(0,lo.jsx)(Qe,{...e}),(0,lo.jsx)(Fe,{...e}),(0,lo.jsx)(it,{...e})]})};ht.states=Nf;ht.options=vf;ht.className=op;ht.defaultOptions=ns;ht.moduleName=as;ht.folderName=tp;var kf=require("react/jsx-runtime");var rs="textbox",ap=rs;var Ie=require("react/jsx-runtime"),np="k-textbox",Lf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mf={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Bn={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Bn.separators,showClearButton:i=Bn.showClearButton,showValidationIcon:l=Bn.showValidationIcon,prefix:c,suffix:u,type:b,value:h,placeholder:N,hover:m,focus:L,valid:k,invalid:y,required:C,loading:A,disabled:I,readonly:q,id:Se,"aria-label":Re,"aria-describedby":_e,...De}=e;return(0,Ie.jsxs)(ne,{...De,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:y,required:C,loading:A,disabled:I,readonly:q,className:r(e.className,np),children:[c&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(ut,{children:c}),n&&(0,Ie.jsx)(bt,{})]}),(0,Ie.jsx)(He,{id:Se,placeholder:N,value:h,type:b,disabled:I,"aria-label":Re,"aria-describedby":_e,"aria-invalid":y?"true":void 0}),l&&(0,Ie.jsx)(Fe,{valid:k,invalid:y,loading:A,disabled:I}),(0,Ie.jsx)(Qe,{loading:A,disabled:I}),i&&(0,Ie.jsx)(it,{loading:A,disabled:I,readonly:q,value:h}),u&&(0,Ie.jsxs)(Ie.Fragment,{children:[n&&(0,Ie.jsx)(bt,{}),(0,Ie.jsx)(ft,{children:u})]})]})};xe.states=Lf;xe.options=Mf;xe.className=np;xe.defaultOptions=Bn;xe.moduleName=rs;xe.folderName=ap;xe.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage: