@progress/kendo-themes-html 14.0.0-dev.5 → 14.0.0-dev.7

package/dist/esm/prompt/templates/prompt-inline-input-only.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,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(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"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:l,active:p,selected:b,disabled:x,indeterminate:N,loading:k,empty:m,readonly:L,highlighted:C,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":N&&!l,"k-loading":k,"k-empty":m,"k-readonly":L,"k-highlighted":C},Object.keys(M).reduce((E,A)=>(A.startsWith("k-")?E[A]=M[A]:E[`k-${A}`]=M[A],E),{}))};function vi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={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"},Ci={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var wr={};function T(e){return wr[e]=(wr[e]||0)+1,`k-${e}-${wr[e]}`}import{Fragment as Ud,jsx as Li}from"react/jsx-runtime";var Rr="k-font-icon",Hd=[],zd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Fd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Li("span",{...l,className:n(e.className,Rr,I(Rr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Li(Ud,{})};ma.states=Hd;ma.options=zd;ma.className=Rr;ma.defaultOptions=Fd;var Mi=ma;import{Fragment as $d,jsx as $a}from"react/jsx-runtime";var Kr="k-svg-icon",Gd=[],Vd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Si={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Si.viewBox,icon:l,...p}=e;if(!l)return $a($d,{});if(l==="none")return $a("span",{...p,className:n(e.className,Kr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return $a("span",{...p,className:n(e.className,Kr,I("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:$a("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:s,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ua.states=Gd;ua.options=Vd;ua.className=Kr;ua.defaultOptions=Si;var _r=ua;import*as Dr from"@progress/kendo-svg-icons";var Ai="icon",Ii="icons";import{useContext as qd}from"react";import{createContext as Xd}from"react";var Ti=Xd({iconsType:"svg"});import{Fragment as yi,jsx as fa}from"react/jsx-runtime";var Xa="k-icon",Wd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jd=[],Yd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Hr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=qd(Ti),{size:o,themeColor:a,icon:r,type:s=t||Hr.type,rotate:l,flip:p,viewBox:b=Hr.viewBox,...x}=e;if(!r)return fa(yi,{});if((t||s)==="svg"){if(r==="none")return fa(_r,{...x,className:n(e.className,Xa),icon:r,size:o});let k=Dr[r]?r:Wd(`${r}-icon`);return Dr[k]?fa(_r,{...x,className:n(e.className,Xa),icon:Dr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(yi,{})}return fa(Mi,{...x,className:n(e.className,Xa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Jd;v.options=Yd;v.defaultOptions=Hr;v.className=Xa;v.moduleName=Ai;v.folderName=Ii;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 zr="button",Ei=zr;import{Fragment as ec,jsx as ba,jsxs as Oi}from"react/jsx-runtime";var ha="k-button",Qd=["icon-button"],Zd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],jd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Fr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Fr.showArrow,arrowIconName:p=Fr.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:A,iconClassName:w,className:J,...ce}=e,ue=E!==void 0,fe=e.children!==void 0;return Oi(t,{className:n(J,ha,vi(ha,b),I(ha,{size:o,rounded:a,fillMode:r,themeColor:s}),S(ha,{hover:x,focus:N,active:k,disabled:L||M,selected:m}),{"k-icon-button":!A&&!fe&&ue}),...ce,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L||void 0,children:[E&&ba(v,{className:n(w,"k-button-icon"),icon:E}),A?Oi(ec,{children:[A&&ba("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),l&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:p})})]})};d.states=Zd;d.options=jd;d.variants=Qd;d.className=ha;d.defaultOptions=Fr;d.moduleName=zr;d.folderName=Ei;d.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 tc}from"react/jsx-runtime";var G=e=>tc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as oc}from"react/jsx-runtime";var V=e=>oc(d,{icon:"folder",children:"Button",...e});import{jsx as ac}from"react/jsx-runtime";var Xt=e=>ac(d,{children:"Button",...e});import{jsx as Ur}from"react/jsx-runtime";var rc=d.options,nc=d.states,ic={...d.defaultOptions,variant:"text"},sc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lc=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ur(G,{...o,icon:"star"});case"icon-and-text":return Ur(V,{...o,icon:"star",children:"Button"});default:return Ur(Xt,{...o,children:"Button"})}};po.options=rc;po.states=nc;po.variants=sc;po.defaultOptions=ic;po.modifiers=lc;po.className=d.className;var Gr="prompt",Bi=Gr;import{Fragment as mc,jsx as Pi}from"react/jsx-runtime";var wi="k-prompt",dc=[],cc={},pc={},q=e=>{let{...t}=e;return Pi("div",{...t,className:n(e.className,wi),children:Pi(mc,{children:e.children})})};q.states=dc;q.options=cc;q.className=wi;q.defaultOptions=pc;q.moduleName=Gr;q.folderName=Bi;q.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};import{jsx as fc}from"react/jsx-runtime";var uc="k-prompt-header",mt=e=>{let{...t}=e;return fc("div",{...t,className:n(e.className,uc),children:e.children})};import{Fragment as hc,jsx as Ri}from"react/jsx-runtime";var bc="k-prompt-content",He=e=>{let{...t}=e;return Ri("div",{...t,className:n(e.className,bc),children:Ri(hc,{children:e.children})})};import{jsx as Nc}from"react/jsx-runtime";var xc="k-prompt-view",ze=e=>{let{...t}=e;return Nc("div",{...t,className:n(e.className,xc),children:e.children})};import{jsx as Ki,jsxs as gc}from"react/jsx-runtime";var kc="k-prompt-expander",qa=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return gc("div",{...r,className:n(e.className,kc),children:[Ki(V,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Ki("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Cc}from"react/jsx-runtime";var vc="k-prompt-footer",mo=e=>{let{...t}=e;return Cc("div",{...t,className:n(e.className,vc),children:e.children})};import{jsx as jk}from"react/jsx-runtime";import{jsx as Lc}from"react/jsx-runtime";var _i="k-prompt-send",Di={generating:!1},qt=e=>{let{generating:t=Di.generating,...o}=e;return Lc(d,{...o,className:n(e.className,_i,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};qt.states=d.states;qt.options=d.options;qt.className=_i;qt.defaultOptions=Di;import{jsx as Hi,jsxs as Tc}from"react/jsx-runtime";var Wa="k-fab",Ac=[i.hover,i.focus,i.active,i.selected,i.disabled],Ic={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},zi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=zi.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return Tc("button",{...L,type:l,className:n(e.className,Wa,I(Wa,{size:t,rounded:o,themeColor:a}),S(Wa,{hover:b,focus:x,active:N,disabled:m,selected:k}),{[`!k-pos-absolute k-${p}`]:p}),...!r&&s&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[s&&Hi(v,{className:"k-fab-icon",icon:s}),r&&Hi("span",{className:"k-fab-text",children:r})]})};te.states=Ac;te.options=Ic;te.className=Wa;te.defaultOptions=zi;te.moduleName="fab";te.folderName="fab";te.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."}]};import{jsx as Ec}from"react/jsx-runtime";var yc="k-fab-items",Fi=e=>{let{position:t,...o}=e;return Ec("ul",{...o,className:n(e.className,yc,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Gi,jsxs as Bc}from"react/jsx-runtime";var Ui="k-fab-item",Oc=[i.hover,i.focus,i.active,i.disabled],Vr=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return Bc("li",{...b,className:n(e.className,Ui,{[`k-text-${a}`]:a},S(Ui,{hover:r,focus:s,active:l,disabled:p})),children:[Gi("span",{className:"k-fab-item-text",children:t}),Gi(v,{className:"k-fab-item-icon",icon:o})]})};Vr.states=Oc;import{jsx as Cg}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{jsx as wg}from"react/jsx-runtime";import{jsx as uo,jsxs as Dc}from"react/jsx-runtime";var Pc=te.options,wc=te.states,Rc={...te.defaultOptions,variant:"text"},Kc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_c=[{name:"opened",title:"Opened"}],fo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:r}=o||{},s=r?uo("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:uo(Fi,{position:"bottom",children:uo(Vr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=uo(te,{...a,icon:"star"});break;case"icon-and-text":l=uo(te,{...a,icon:"star",text:"Action"});break;default:l=uo(te,{...a,text:"Action"});break}return Dc("span",{style:{position:"relative"},children:[l,s]})};fo.options=Pc;fo.states=wc;fo.variants=Kc;fo.defaultOptions=Rc;fo.modifiers=_c;fo.className=te.className;import{jsx as Hc}from"react/jsx-runtime";var Vi="k-prompt-stop-fab",$i={generating:!0},Wt=e=>{let{generating:t=$i.generating,icon:o,...a}=e;return Hc(te,{...a,className:n(e.className,Vi,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};Wt.states=d.states;Wt.options=d.options;Wt.className=Vi;Wt.defaultOptions=$i;var $r="action-buttons",Xi=$r;import{jsx as Uc}from"react/jsx-runtime";var Ja="k-actions",zc=[],Fc={},Xr={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Xr.alignment,orientation:o=Xr.orientation,...a}=e;return Uc("div",{...a,className:n(Ja,{[`${Ja}-${t}`]:t,[`${Ja}-${o}`]:o},e.className),children:e.children})};z.states=zc;z.options=Fc;z.className=Ja;z.defaultOptions=Xr;z.moduleName=$r;z.folderName=Xi;var qr="button",qi=qr;import{jsx as Xc}from"react/jsx-runtime";var xa="k-button-group",Gc=[i.disabled],Vc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},$c={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Xc("div",{role:"group",...r,className:n(e.className,xa,I(xa,{fillMode:t}),S(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Gc;B.options=Vc;B.className=xa;B.defaultOptions=$c;B.moduleName=qr;B.folderName=qi;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."}]};import{Fragment as Cv,jsx as vv,jsxs as Lv}from"react/jsx-runtime";import{Fragment as yv,jsx as Tv,jsxs as Ev}from"react/jsx-runtime";import{Fragment as Kv,jsx as Rv,jsxs as _v}from"react/jsx-runtime";import{Fragment as Gv,jsx as Uv,jsxs as Vv}from"react/jsx-runtime";import{Fragment as Yv,jsx as Jv,jsxs as Qv}from"react/jsx-runtime";import{Fragment as aC,jsx as oC,jsxs as rC}from"react/jsx-runtime";import{jsx as kt,jsxs as Wr}from"react/jsx-runtime";var qc={...d.options,...B.options},Wc=d.states,Jc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Yc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Qc=[],bo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Wr(B,{fillMode:a.fillMode,className:o,children:[kt(d,{...a,icon:"star"}),kt(d,{...a,icon:"star"}),kt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Wr(B,{fillMode:a.fillMode,className:o,children:[kt(d,{...a,icon:"star",children:"First"}),kt(d,{...a,icon:"star",children:"Middle"}),kt(d,{...a,icon:"star",children:"Last"})]}):Wr(B,{fillMode:a.fillMode,className:o,children:[kt(d,{...a,children:"First"}),kt(d,{...a,children:"Middle"}),kt(d,{...a,children:"Last"})]})};bo.options=qc;bo.states=Wc;bo.variants=Yc;bo.defaultOptions=Jc;bo.modifiers=Qc;bo.className=B.className;var Na="input",Ya=Na;import{jsx as tp}from"react/jsx-runtime";var Qa="k-input",Zc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],jc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ep={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return tp("span",{...k,className:n(e.className,Qa,I(Qa,{size:b,rounded:x,fillMode:N}),S(Qa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Q.states=Zc;Q.options=jc;Q.className=Qa;Q.defaultOptions=ep;Q.moduleName=Na;Q.folderName=Ya;import{jsx as np}from"react/jsx-runtime";var Za="k-picker",op=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ap={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rp={},ut=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return np("span",{...k,className:n(e.className,Za,I(Za,{size:b,rounded:x,fillMode:N}),S(Za,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ut.states=op;ut.options=ap;ut.className=Za;ut.defaultOptions=rp;ut.moduleName=Na;ut.folderName=Ya;import{Fragment as lp,jsx as Jr}from"react/jsx-runtime";var Wi="k-clear-value",ip=[i.disabled,i.loading,i.readonly],sp={},Fe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Jr(lp,{}):Jr("span",{className:n(e.className,Wi),children:Jr(v,{icon:"x"})})};Fe.states=ip;Fe.options=sp;Fe.className=Wi;import{jsx as pp}from"react/jsx-runtime";var Yr="k-input-inner",dp=[],cp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Ue=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:r=ja.autocomplete,disabled:s,readOnly:l,...p}=e;return pp("input",{...p,type:o,className:n(e.className,Yr,I(Yr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Ue.states=dp;Ue.options=cp;Ue.className=Yr;import{jsx as Ji,jsxs as fp}from"react/jsx-runtime";var Qr="k-input-inner",mp=[],up={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return fp("span",{...l,className:n(e.className,Qr,I(Qr,e)),children:[r,!r&&s&&Ji(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ji("span",{className:"k-input-value-text",children:t})]})};Jt.states=mp;Jt.options=up;Jt.className=Qr;import{jsx as xp}from"react/jsx-runtime";var Zr="k-input-inner",bp=[],hp={},Yi={value:"",placeholder:""},ka=e=>{let{value:t=Yi.value,placeholder:o=Yi.placeholder,rows:a,disabled:r,...s}=e;return xp("textarea",{...s,className:n(e.className,Zr,I(Zr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ka.states=bp;ka.options=hp;ka.className=Zr;import{Fragment as kp,jsx as Qi}from"react/jsx-runtime";var Zi="k-input-loading-icon",Np=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t||!o?Qi(kp,{}):Qi("span",{className:n(e.className,Zi,"k-icon k-i-loading")})};Re.states=Np;Re.className=Zi;import{Fragment as Cp,jsx as ji}from"react/jsx-runtime";var es="k-input-validation-icon",gp=[i.valid,i.invalid,i.disabled,i.loading],vp={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?ji(Cp,{}):ji(v,{className:n(es),icon:s})};Le.states=gp;Le.options=vp;Le.className=es;import{Fragment as Sp,jsx as ts}from"react/jsx-runtime";var Lp="k-input-prefix",Mp={direction:"horizontal"},Ke=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?ts("span",{...o,className:n(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ts(Sp,{})};import{Fragment as Tp,jsx as os}from"react/jsx-runtime";var Ap="k-input-suffix",Ip={direction:"horizontal"},_e=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?os("span",{...o,className:n(Ap,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):os(Tp,{})};import{jsx as rL}from"react/jsx-runtime";import{jsx as Ep}from"react/jsx-runtime";var yp="k-input-suffix-text",jr=e=>{let{children:t,...o}=e;return Ep("span",{...o,className:n(yp,e.className),children:t})};import{jsx as Bp}from"react/jsx-runtime";var as="k-input-separator",Op={direction:"vertical"},Me=e=>{let{direction:t=Op.direction,...o}=e;return Bp("span",{...o,className:n(as,e.className,{[`${as}-${t}`]:t})})};import{Fragment as rs,jsx as ft,jsxs as en}from"react/jsx-runtime";var Pp=Q.states,wp=Q.defaultOptions,Rp=Q.options,Kp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],_p=[],ho=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:l,...p}=e,b=t?.prefix,x=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return en(Q,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&en(rs,{children:[ft(Ke,{children:ft(v,{icon:"lock"})}),m&&ft(Me,{})]}),ft(Ue,{placeholder:"Placeholder",value:"Value"}),k&&ft(Le,{valid:o,invalid:a,loading:r,disabled:s}),ft(Re,{loading:r,disabled:s}),N&&ft(Fe,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&en(rs,{children:[m&&ft(Me,{}),ft(_e,{children:ft(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ho.options=Rp;ho.states=Pp;ho.variants=_p;ho.defaultOptions=wp;ho.modifiers=Kp;ho.className=Q.className;import{jsx as ns,jsxs as zp}from"react/jsx-runtime";var is="k-color-preview",Dp=[],Hp={},Et=e=>{let{color:t,iconName:o,...a}=e;return zp("span",{...a,className:n(e.className,is,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ns(v,{icon:o,className:"k-color-preview-icon"}),ns("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Et.states=Dp;Et.options=Hp;Et.className=is;var tn="popup",ss=tn;import{jsx as ls}from"react/jsx-runtime";var ds="k-animation-container",Fp=[],Up={},cs={positionMode:"absolute"},bt=e=>{let{positionMode:t=cs.positionMode,animationStyle:o,offset:a,...r}=e;return ls("div",{...r,style:{...a,...e.style},className:n(e.className,ds,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ls("div",{className:"k-child-animation-container",style:o,children:e.children})})};bt.states=Fp;bt.options=Up;bt.className=ds;bt.defaultOptions=cs;bt.moduleName=tn;bt.folderName=ss;var on="popup",ps=on;import{jsx as ms}from"react/jsx-runtime";var us="k-popup",Gp=[],Vp={},fs={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=fs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return ms(bt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:ms("div",{...p,className:n(e.className,us),children:e.children})})};F.states=Gp;F.options=Vp;F.className=us;F.defaultOptions=fs;F.moduleName=on;F.folderName=ps;F.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.'}]};import{jsx as Xp}from"react/jsx-runtime";var $p="k-actionsheet-footer",bs={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=bs.alignment,orientation:o=bs.orientation,template:a,as:r=a?"div":z,...s}=e;return Xp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,$p),children:e.children})};var an="searchbox",hs=an;import{jsx as ga,jsxs as Jp}from"react/jsx-runtime";var xs="k-searchbox",qp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Wp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rn={showIcon:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=rn.showIcon,icon:C=rn.icon,"aria-label":M,...E}=e;return Jp(Q,{...E,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,className:n(e.className,xs),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Ue,{placeholder:o,value:t,"aria-label":M}),ga(Re,{...e}),ga(Le,{...e}),ga(Fe,{...e})]})};Ye.states=qp;Ye.options=Wp;Ye.className=xs;Ye.defaultOptions=rn;Ye.moduleName=an;Ye.folderName=hs;import{jsx as CM}from"react/jsx-runtime";var nn="textbox",Ns=nn;import{Fragment as ks,jsx as Bt,jsxs as sn}from"react/jsx-runtime";var gs="k-textbox",Yp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},er={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=er.separators,showClearButton:s=er.showClearButton,showValidationIcon:l=er.showValidationIcon,prefix:p,suffix:b,type:x,value:N,placeholder:k,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return sn(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,className:n(e.className,gs),children:[p&&sn(ks,{children:[Bt(Ke,{children:p}),r&&Bt(Me,{})]}),Bt(Ue,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Bt(Le,{valid:C,invalid:M,loading:A,disabled:w}),Bt(Re,{loading:A,disabled:w}),s&&Bt(Fe,{loading:A,disabled:w,readonly:J,value:N}),b&&sn(ks,{children:[r&&Bt(Me,{}),Bt(_e,{children:b})]})]})};be.states=Yp;be.options=Qp;be.className=gs;be.defaultOptions=er;be.moduleName=nn;be.folderName=Ns;be.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:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var va=be;import{jsx as Zp}from"react/jsx-runtime";var vs=e=>Zp(va,{...e});import{Fragment as zM,jsx as HM}from"react/jsx-runtime";import{Fragment as XM,jsx as $M}from"react/jsx-runtime";import{jsx as YM}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var jp=be.states,em=be.defaultOptions,tm=be.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?ln(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?ln(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),ln(vs,{value:"Value",style:{width:300},...o,...a})};xo.options=tm;xo.states=jp;xo.variants=am;xo.defaultOptions=em;xo.modifiers=om;xo.className=be.className;import{jsx as Pt,jsxs as dn}from"react/jsx-runtime";var Cs="k-actionsheet-titlebar",rm={},Se=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:l,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:N,children:k,...m}=e;return dn("div",{...m,className:n(e.className,Cs),children:[dn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!k&&dn("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Pt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&Pt("div",{className:"k-actionsheet-actions",children:r})]}),(l||s)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(be,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):Pt(Ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=Cs;Se.defaultOptions=rm;import{jsx as cn,jsxs as lm}from"react/jsx-runtime";var pn="k-actionsheet-view",nm=[],im={},sm={},No=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Se&&cn(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Ot&&cn(Ot,{...s?.props});return lm("div",{...p,className:n(e.className,pn,{[`${pn}-animated`]:o}),children:[b,cn("div",{className:"k-actionsheet-content",children:a}),x]})};No.states=nm;No.options=im;No.className=pn;No.defaultOptions=sm;var Ca="action-sheet",tr=Ca;var mn="overlay",Ls=mn;import{jsx as mm}from"react/jsx-runtime";var Ms="k-overlay",dm=[],cm={},pm={},wt=e=>{let{...t}=e;return mm("div",{...t,className:n(e.className,Ms),children:e.children})};wt.states=dm;wt.options=cm;wt.className=Ms;wt.defaultOptions=pm;wt.moduleName=mn;wt.folderName=Ls;import{jsx as or,jsxs as bm}from"react/jsx-runtime";var Ss="k-actionsheet",um=[],fm={},La={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=La.side,fullscreen:o=La.fullscreen,adaptive:a=La.adaptive,overlay:r=La.overlay,template:s,children:l,header:p,footer:b,id:x,...N}=e,k=x&&!s&&p?`${x}-title`:void 0;return bm("div",{className:"k-actionsheet-container",children:[r&&or(wt,{}),or(bt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:or("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,Ss,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||or(No,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};oe.states=um;oe.options=fm;oe.className=Ss;oe.defaultOptions=La;oe.moduleName=Ca;oe.folderName=tr;oe.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as km}from"react/jsx-runtime";var As="k-actionsheet-container",hm=[],xm={},Nm={},ko=e=>{let{children:t,...o}=e;return km("div",{...o,className:As,children:t})};ko.states=hm;ko.options=xm;ko.className=As;ko.defaultOptions=Nm;ko.moduleName=Ca;ko.folderName=tr;import{jsx as gm}from"react/jsx-runtime";var un=e=>{let{...t}=e;return gm("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Cm,jsx as Ma,jsxs as fn}from"react/jsx-runtime";var bn="k-actionsheet-item",vm=[i.hover,i.focus,i.selected,i.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return fn("span",{...b,className:n(e.className,bn,S(bn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma(Cm,{children:fn("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),fn("span",{className:"k-actionsheet-item-text",children:[o&&Ma("span",{className:"k-actionsheet-item-title",children:o}),a&&Ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=vm;Rt.className=bn;import{jsx as JS,jsxs as YS}from"react/jsx-runtime";import{jsx as eA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as lA}from"react/jsx-runtime";import{jsx as he,jsxs as hn}from"react/jsx-runtime";var Lm=oe.options,Mm=oe.states,Ts={...oe.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Am=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],go=e=>{let{variant:t,modifiers:o,...a}={...Ts,...e},r={},s=hn(un,{children:[he(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(Rt,{text:"Add to Favorites",iconName:"heart"}),he(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":r.actionsStart=!!o?.[b],r.actionsEnd=!!o?.[b];break;case"subtitle":r.subtitle=o?.[b]?l:void 0;break;case"footer":r.footer=!!o?.[b];break;default:break}}),t==="adaptive"?he(oe,{...a,adaptive:!0,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?hn(Ot,{alignment:"stretched",children:[he(d,{text:"Cancel",size:"large",themeColor:"base"}),he(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):he(oe,{...a,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?hn(Ot,{alignment:"stretched",children:[he(d,{text:"Apply",themeColor:"primary"}),he(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};go.options=Lm;go.states=Mm;go.variants=Sm;go.defaultOptions=Ts;go.modifiers=Am;go.className=oe.className;var xn="slider",ys=xn;import{jsx as vo,jsxs as Nn}from"react/jsx-runtime";var Sa="k-slider",Im=[i.hover,i.focus,i.active,i.disabled,i.readonly],Tm={},Qe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},W=e=>{let{type:t=Qe.type,orientation:o=Qe.orientation,gradientType:a=Qe.gradientType,readonly:r=Qe.readonly,disabled:s=Qe.disabled,handlePosition:l=Qe.handlePosition,showButtons:p=Qe.showButtons,showTicks:b=Qe.showTicks,value:x=Qe.value,min:N=Qe.min,max:k=Qe.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:A,dir:w,...J}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Ce;return o==="horizontal"?(fe=w==="rtl"?"chevron-left":"chevron-right",Ce=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Ce="chevron-down"),Nn("div",{...J,className:n(Sa,e.className,S(Sa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&vo(d,{className:"k-button-decrease",rounded:"full",icon:Ce,tabIndex:-1,title:"Decrease"}),Nn("div",{className:"k-slider-track-wrap",children:[b&&vo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Nn("div",{className:"k-slider-track",style:A,children:[vo("div",{className:"k-slider-selection"}),t==="range"&&vo("span",{className:n("k-draghandle","k-draghandle-start",S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),vo("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??k:x,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),p&&vo(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};W.states=Im;W.options=Tm;W.className=Sa;W.defaultOptions=Qe;W.moduleName=xn;W.folderName=ys;W.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Es}from"react/jsx-runtime";var Os="k-tick",ym=[],Em={},Bs={label:!1},O=e=>{let{style:t,label:o=Bs.label,orientation:a,large:r,text:s,...l}=e;return Es("li",{...l,role:"presentation",title:s||"Tick",className:n(e.className,Os,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Es("span",{className:"k-label",children:s})})};O.states=ym;O.options=Em;O.className=Os;O.defaultOptions=Bs;import{Fragment as Om,jsx as Ze,jsxs as Bm}from"react/jsx-runtime";var Ps=e=>Ze(W,{"aria-label":e["aria-label"]||"Slider",children:Bm(Om,{children:[Ze(O,{className:"k-first",label:!0,large:!0,text:"0"}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{label:!0,large:!0,text:"5"}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Pm,jsx as je,jsxs as wm}from"react/jsx-runtime";var ws=e=>je(W,{children:wm(Pm,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as YA,jsx as JA,jsxs as QA}from"react/jsx-runtime";import{Fragment as oI,jsx as tI,jsxs as aI}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";var kn=e=>Rm(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Km}from"react/jsx-runtime";var gn=e=>Km(W,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as fI,jsx as uI,jsxs as bI}from"react/jsx-runtime";import{Fragment as gI,jsx as kI,jsxs as vI}from"react/jsx-runtime";import{jsx as ht,jsxs as Rs}from"react/jsx-runtime";var _m=W.options,Dm=W.states,Ks={...W.defaultOptions,variant:"horizontal",label:!0},Hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Co=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:p}=r,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Rs(ws,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[ht(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Rs(Ps,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[ht(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Co.options=_m;Co.states=Dm;Co.variants=Hm;Co.defaultOptions=Ks;Co.modifiers=zm;Co.className=W.className;import{jsx as _s,jsxs as $m}from"react/jsx-runtime";var Ds="k-spin-button",Gm=[],Vm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},vn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=vn.increaseLabel,decreaseLabel:s=vn.decreaseLabel,...l}=e;return $m("span",{...l,className:n(Ds,e.className),children:[_s(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),_s(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Kt.states=Gm;Kt.options=Vm;Kt.className=Ds;Kt.defaultOptions=vn;Kt.moduleName=null;Kt.folderName=null;var Hs="numeric-textbox",zs="numerictextbox";import{Fragment as Fs,jsx as gt,jsxs as Cn}from"react/jsx-runtime";var Us="k-numerictextbox",Xm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],qm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ar={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ar.separators,showClearButton:s=ar.showClearButton,showSpinButton:l=ar.showSpinButton,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,id:J,"aria-label":ce,"aria-describedby":ue,...fe}=e;return Cn(Q,{...fe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Us),children:[p&&Cn(Fs,{children:[gt(Ke,{children:p}),r&&gt(Me,{})]}),gt(Ue,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),gt(Le,{valid:L,invalid:C,loading:E,disabled:A}),gt(Re,{loading:E,disabled:A}),s&&gt(Fe,{loading:E,disabled:A,readonly:w,value:x}),b&&Cn(Fs,{children:[r&&gt(Me,{}),gt(_e,{children:b})]}),l&&gt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};U.states=Xm;U.options=qm;U.className=Us;U.defaultOptions=ar;U.moduleName=Hs;U.folderName=zs;U.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Aa=U;import{jsx as Wm}from"react/jsx-runtime";var Gs=e=>Wm(Aa,{...e});import Mn from"react";import{jsx as Vs}from"react/jsx-runtime";var Jm="k-list-group-sticky-header",Ln=e=>Vs("div",{className:n(Jm,e.className),children:Vs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Qm}from"react/jsx-runtime";var Ym="k-no-data",rr=e=>{let{live:t,...o}=e;return Qm("span",{...o,className:n(Ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Lo=Yt;import{jsx as $s,jsxs as Xs}from"react/jsx-runtime";var Sn="k-list",Zm=[],jm={size:[c.undefined,c.small,c.medium,c.large]},eu={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=Mn.Children.toArray(a)[0],m=k?.props?.children?Mn.Children.count(k.props.children):Mn.Children.count(a);return Xs("div",{...x,className:n(e.className,Sn,I(Sn,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&$s(Ln,{children:r}),a||(p!==void 0?p:$s(rr,{live:!0,children:"No data found."})),b&&a&&Xs(rr,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=Zm;D.options=jm;D.className=Sn;D.defaultOptions=eu;D.moduleName=Yt;D.folderName=Lo;D.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 ru}from"react/jsx-runtime";var qs="k-list-container",tu=[],ou={},au={},Mo=e=>{let{...t}=e;return ru("div",{...t,className:n(e.className,qs),children:e.children})};Mo.states=tu;Mo.options=ou;Mo.className=qs;Mo.defaultOptions=au;Mo.moduleName=Yt;Mo.folderName=Lo;var Qt="checkbox",So=Qt;import{jsx as Ws}from"react/jsx-runtime";var nr="k-checkbox",nu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],iu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},su={},et=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return Ws("span",{className:"k-checkbox-wrap",role:m,children:Ws("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,nr,I(nr,{size:N,rounded:k}),S(nr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};et.states=nu;et.options=iu;et.className=nr;et.defaultOptions=su;et.moduleName=Qt;et.folderName=So;et.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 dt=et;import{jsx as cu}from"react/jsx-runtime";var Js="k-checkbox-list",lu=[],du={},Ys={layout:"vertical"},Ae=e=>{let{layout:t=Ys.layout,...o}=e;return cu("ul",{...o,className:n(e.className,Js,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=lu;Ae.options=du;Ae.className=Js;Ae.defaultOptions=Ys;Ae.moduleName=Qt;Ae.folderName=So;import{jsx as fu}from"react/jsx-runtime";var Qs="k-checkbox-list-item",pu=[],mu={},uu={},Ie=e=>{let{...t}=e;return fu("li",{...t,className:n(e.className,Qs),children:e.children})};Ie.states=pu;Ie.options=mu;Ie.className=Qs;Ie.defaultOptions=uu;Ie.moduleName=Qt;Ie.folderName=So;import{Fragment as bu,jsx as Zs,jsxs as hu}from"react/jsx-runtime";var vt=({children:e="Label",id:t="cb-label-after",...o})=>hu(bu,{children:[Zs(dt,{id:t,...o}),Zs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as $T,jsx as VT,jsxs as XT}from"react/jsx-runtime";import{Fragment as QT,jsx as YT,jsxs as ZT}from"react/jsx-runtime";import{Fragment as ay,jsx as oy,jsxs as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as hy}from"react/jsx-runtime";import{jsx as tt,jsxs as js}from"react/jsx-runtime";var xu=Ae.options,Nu=Ae.states,ku={...Ae.defaultOptions,variant:"vertical"},gu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?js(Ae,{layout:"horizontal",...o,children:[tt(Ie,{children:tt(vt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})})]}):js(Ae,{...o,children:[tt(Ie,{children:tt(vt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})})]})};Ao.options=xu;Ao.states=Nu;Ao.variants=gu;Ao.defaultOptions=ku;Ao.modifiers=vu;Ao.className=Ae.className;import{jsx as Iu}from"react/jsx-runtime";var Cu=dt.options,Lu=dt.states,Mu=dt.defaultOptions,Su=[],Au=[],Io=e=>Iu(vt,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Io.options=Cu;Io.states=Lu;Io.variants=Su;Io.defaultOptions=Mu;Io.modifiers=Au;Io.className=dt.className;import{jsx as Zt,jsxs as Ou}from"react/jsx-runtime";var An="k-list-item",Tu=[i.hover,i.focus,i.selected,i.disabled],yu={},Eu={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:l,checked:p,hover:b,focus:x,selected:N,disabled:k,actions:m,description:L,id:C,...M}=e,E=t||e.children;return Ou("li",{...M,id:C,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":An,S(An,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Zt(et,{checked:p}),r&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:r,className:n("k-list-item-icon",s)})}),Zt("span",{className:"k-list-item-text",children:E}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Tu;P.options=yu;P.className=An;P.defaultOptions=Eu;P.moduleName=Yt;P.folderName=Lo;P.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 Pu}from"react/jsx-runtime";var Bu="k-list-ul",Ct=e=>{let{children:t,role:o,id:a,...r}=e;return Pu("ul",{...r,id:a,role:o,className:n(Bu,e.className),children:t})};Ct.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 In,jsxs as Ru}from"react/jsx-runtime";var wu="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return Ru("div",{...l,className:n(wu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:In(Ct,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&In("div",{className:"k-height-container",children:In("div",{})})]})};$.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 iE,jsx as nE,jsxs as sE}from"react/jsx-runtime";import{jsx as Tn,jsxs as _u}from"react/jsx-runtime";var Ku="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:n(Ku,e.className),children:[t&&Tn("span",{className:"k-list-item-icon-wrapper",children:Tn(v,{icon:t,className:"k-list-item-icon"})}),Tn("span",{className:"k-list-item-text",children:e.children})]})};jt.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 Fu}from"react/jsx-runtime";var yn="k-list-optionlabel",Du=[i.hover,i.focus,i.selected,i.disabled],Hu={},zu={},ir=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Fu("div",{...l,className:n(yn,S(yn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ir.states=Du;ir.options=Hu;ir.className=yn;ir.defaultOptions=zu;import{jsx as $u}from"react/jsx-runtime";var En="k-list-custom-value",Uu=[i.hover,i.focus,i.selected,i.disabled],Gu={},Vu={},_t=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return $u("div",{...l,className:n(En,S(En,{hover:o,focus:a,selected:r,disabled:s})),children:t})};_t.states=Uu;_t.options=Gu;_t.className=En;_t.defaultOptions=Vu;import{Fragment as LE,jsx as CE,jsxs as ME}from"react/jsx-runtime";import{Fragment as EE,jsx as yE,jsxs as OE}from"react/jsx-runtime";import{Fragment as DE,jsx as KE,jsxs as _E}from"react/jsx-runtime";import{Fragment as $E,jsx as GE,jsxs as VE}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{Fragment as tO,jsx as eO,jsxs as oO}from"react/jsx-runtime";var el="dropdown-list",tl="dropdownlist";import{Fragment as Wu,jsx as Te,jsxs as On}from"react/jsx-runtime";var ol="k-dropdownlist",Xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Bn={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Bn.arrowIconName,showValue:s=Bn.showValue,valueIconName:l,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,popup:J,opened:ce,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Ce,adaptiveSubtitle:$t,adaptiveFilter:Or,id:yt,activeDescendant:Va,"aria-label":Br,...Pr}=e,Dd=yt?`${yt}-listbox`:void 0,gi=yt?`${yt}-value`:void 0;return On(Wu,{children:[On(ut,{...Pr,id:yt,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,ol,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Dd:void 0,"aria-activedescendant":ce&&Va?Va:void 0,"aria-describedby":ce?gi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Br,tabIndex:0,children:[Te(Ke,{children:p}),Te(Jt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:gi}),Te(Le,{valid:L,invalid:C,loading:E,disabled:A}),Te(Re,{loading:E,disabled:A}),Te(_e,{children:b}),Te(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),ce&&J&&Te(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),ue&&Te(oe,{adaptive:!0,...fe,header:Te(Se,{actionsEnd:Te(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Or,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:On($,{"aria-label":"Options",children:[Te(P,{text:"List item"}),Te(P,{text:"List item"}),Te(P,{text:"List item"})]})})})})]})};ie.states=Xu;ie.options=qu;ie.className=ol;ie.defaultOptions=Bn;ie.moduleName=el;ie.folderName=tl;ie.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as RO}from"react/jsx-runtime";import{jsx as FO,jsxs as UO}from"react/jsx-runtime";import{Fragment as QO,jsx as JO,jsxs as YO}from"react/jsx-runtime";import{jsx as oB}from"react/jsx-runtime";import{jsx as lB,jsxs as dB}from"react/jsx-runtime";import{Fragment as NB,jsx as hB,jsxs as xB}from"react/jsx-runtime";import{jsx as LB}from"react/jsx-runtime";import{Fragment as ef,jsx as Dt,jsxs as al}from"react/jsx-runtime";var Ju=ie.states,Yu=ie.defaultOptions,Qu=ie.options,Zu=[{name:"opened",title:"Opened"}],ju=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=al(ef,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ye,{})}),Dt(D,{style:{width:300},size:o.size,children:al($,{children:[Dt(P,{children:"List item"}),Dt(P,{children:"List item"}),Dt(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Dt("div",{children:Dt(ie,{placeholder:"Value",style:{width:300},...o,...a})})};yo.options=Qu;yo.states=Ju;yo.variants=ju;yo.defaultOptions=Yu;yo.modifiers=Zu;yo.className=ie.className;import{Fragment as $B,jsx as VB}from"react/jsx-runtime";import{Fragment as QB,jsx as YB}from"react/jsx-runtime";import{jsx as tP}from"react/jsx-runtime";import{jsx as Pn}from"react/jsx-runtime";var tf=U.states,of=U.defaultOptions,af=U.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Pn(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Pn(jr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Pn(Gs,{value:"Value",style:{width:300},...o,...a})};Eo.options=af;Eo.states=tf;Eo.variants=nf;Eo.defaultOptions=of;Eo.modifiers=rf;Eo.className=U.className;import{Fragment as Ia,jsx as R,jsxs as ne}from"react/jsx-runtime";var rl="k-colorgradient-inputs",sf=[],lf={size:[c.undefined,c.small,c.medium,c.large]},nl={mode:"rgba"},Oo=e=>{let{mode:t=nl.mode,size:o,...a}=e;return ne("div",{...a,className:n(rl,"k-hstack"),children:[R("div",{className:"k-vstack",children:R(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(Ia,{children:ne("div",{className:"k-vstack k-flex-1",children:[R(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Oo.states=sf;Oo.options=lf;Oo.className=rl;Oo.defaultOptions=nl;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var il="k-colorgradient-color-contrast",df=[],cf={},pf={},Bo=()=>to("div",{className:n(il,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Bo.states=df;Bo.options=cf;Bo.className=il;Bo.defaultOptions=pf;var sl="color-gradient",ll="colorgradient";import{jsx as ot,jsxs as Ta}from"react/jsx-runtime";var sr="k-colorgradient",mf=[i.hover,i.focus,i.readonly,i.disabled],uf={size:[c.undefined,c.small,c.medium,c.large]},xt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},pe=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:r=xt.disabled,gradientStyle:s=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:p=xt.alphaStyle,alphaStyleHorizontal:b=xt.alphaStyleHorizontal,contrast:x=xt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=xt.canvasOrientation,role:E,tabIndex:A,...w}=e;return Ta("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:n(e.className,sr,I(sr,{size:t}),S(sr,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M||M==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[ot("div",{className:"k-hsv-rectangle",style:s,children:ot("div",{className:"k-hsv-gradient",children:ot("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[ot(gn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(gn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[ot("div",{className:"k-hsv-rectangle",style:s,children:ot("div",{className:"k-hsv-gradient",children:ot("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[ot(kn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(kn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),ot(Oo,{mode:e.mode,size:t}),x&&ot(Bo,{})]})};pe.states=mf;pe.options=uf;pe.className=sr;pe.defaultOptions=xt;pe.moduleName=sl;pe.folderName=ll;pe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as ff}from"react/jsx-runtime";var lr=e=>ff(pe,{...e});import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as wn}from"react/jsx-runtime";var bf=pe.options,hf=pe.states,xf={...pe.defaultOptions,variant:"rgba"},Nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kf=[],Po=e=>{let{variant:t,...o}=e;switch(t){case"hex":return wn(lr,{...o,mode:t});case"rgb":return wn(lr,{...o,mode:t});default:return wn(lr,{...o,mode:t})}};Po.options=bf;Po.states=hf;Po.variants=Nf;Po.defaultOptions=xf;Po.modifiers=kf;Po.className=pe.className;import{jsx as gf}from"react/jsx-runtime";var Rn=e=>gf("tr",{role:"row",children:e.children});import{jsx as Lf}from"react/jsx-runtime";var Kn="k-colorpalette-tile",vf=[i.hover,i.focus,i.selected],Cf={},wo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...l}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Lf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,Kn,S(Kn,{hover:a,focus:r,selected:s})),style:p})};wo.states=vf;wo.options=Cf;wo.className=Kn;var dl="color-palette",cl="colorpalette";import{jsx as ya}from"react/jsx-runtime";var dr="k-colorpalette",Mf=[i.disabled],Sf={size:[c.undefined,c.small,c.medium,c.large]},pl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=pl.columns,tileSize:r,disabled:s,...l}=e,p=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,k)=>{let m=[];x.slice(k*b,(k+1)*b).map((C,M)=>{m.push(ya(wo,{color:C,tileSize:r},M))});let L=ya(Rn,{children:m},k);p.push(L)})}return ya("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,dr,S(dr,{disabled:s}),I(dr,{size:t})),children:ya("table",{className:"k-colorpalette-table",role:"none",children:ya("tbody",{children:p.length>0?p:e.children})})})};ye.states=Mf;ye.options=Sf;ye.className=dr;ye.defaultOptions=pl;ye.moduleName=dl;ye.folderName=cl;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var cr=ye;var Ea={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Af}from"react/jsx-runtime";var ml=e=>Af(cr,{palette:Ea.basic,...e});import{jsx as Sw}from"react/jsx-runtime";import{jsx as Ow,jsxs as Bw}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var If=ye.options,Tf=ye.states,yf={...ye.defaultOptions,variant:"basic"},Ef=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Of={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Bf=[],Ro=e=>{let{variant:t="basic",...o}=e,a=Of[t];return Pf(ml,{columns:a.columns,palette:a,...o})};Ro.options=If;Ro.states=Tf;Ro.variants=Ef;Ro.defaultOptions=yf;Ro.modifiers=Bf;Ro.className=ye.className;var ul="color-editor",fl="coloreditor";import{jsx as at,jsxs as Ko}from"react/jsx-runtime";var pr="k-coloreditor",wf=[i.focus],Rf={size:[c.undefined,c.small,c.medium,c.large]},Oa={view:"gradient",palette:Ea.office,actionButtons:!0,canvasOrientation:"horizontal"},ae=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Oa.actionButtons,canvasOrientation:k=Oa.canvasOrientation,...m}=e;return Ko("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",pr,I(pr,{size:t}),S(pr,{focus:l})),dir:b,children:[Ko("div",{className:"k-coloreditor-header k-hstack",children:[at("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Ko(B,{fillMode:"flat",children:[at(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),at(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),at("div",{className:"k-spacer"}),Ko("div",{className:"k-coloreditor-header-actions k-hstack",children:[at(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ko("div",{className:"k-coloreditor-preview k-vstack",children:[at(Et,{className:"k-coloreditor-preview-color",color:r}),at(Et,{className:"k-coloreditor-current-color",color:s})]})]})]}),at("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?at(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):at(ye,{palette:a,size:t})}),N&&Ko(z,{className:"k-coloreditor-footer",alignment:"start",children:[at(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),at(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ae.states=wf;ae.options=Rf;ae.className=pr;ae.defaultOptions=Oa;ae.moduleName=ul;ae.folderName=fl;ae.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var _o=ae;import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var bl=e=>Kf(_o,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var hl=e=>_f(_o,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as xl}from"react/jsx-runtime";var Df=ae.options,Hf=ae.states,zf={...ae.defaultOptions,variant:"gradient"},Ff=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Do=e=>{let{variant:t,...o}=e;return t==="palette"?xl(hl,{...o,color:"white"}):xl(bl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Do.options=Df;Do.states=Hf;Do.variants=Ff;Do.defaultOptions=zf;Do.modifiers=Uf;Do.className=ae.className;var Nl="color-picker",kl="colorpicker";import{Fragment as $f,jsx as rt,jsxs as _n}from"react/jsx-runtime";var gl="k-colorpicker",Gf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Vf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},vl={arrowIconName:"chevron-down"},Ge=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=vl.arrowIconName,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,valueIconName:M,popup:E,opened:A,adaptive:w,adaptiveSettings:J,adaptiveTitle:ce,adaptiveSubtitle:ue,...fe}=e,Ce="colorpicker-popup";return _n($f,{children:[_n(ut,{...fe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A||w?Ce:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,gl,"k-icon-picker"),children:[rt(Ke,{children:s}),rt(Jt,{placeholder:b,value:p,showValue:!1,valueIcon:rt(Et,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),rt(_e,{children:l}),rt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&rt(F,{id:Ce,className:"k-colorpicker-popup",children:E}),w&&rt(oe,{adaptive:!0,id:Ce,...J,header:rt(Se,{actionsEnd:rt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:_n(Ot,{children:[rt(d,{text:"Cancel",size:"large"}),rt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:rt(ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ge.states=Gf;Ge.options=Vf;Ge.className=gl;Ge.defaultOptions=vl;Ge.moduleName=Nl;Ge.folderName=kl;Ge.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Lt=Ge;import{jsx as Xf}from"react/jsx-runtime";var mr=e=>Xf(Lt,{...e});import{jsx as WR}from"react/jsx-runtime";import{jsx as jR}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as bK}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var qf=Lt.options,Wf=Lt.states,Cl={...Lt.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Ho=e=>{let{variant:t,modifiers:o,...a}={...Cl,...e},r={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?oo(ae,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return oo("div",{style:s,children:oo(mr,{...a,...r})});case"icon":return oo("div",{style:s,children:oo(mr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return oo("div",{style:s,children:oo(mr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Ho.options=qf;Ho.states=Wf;Ho.variants=Jf;Ho.defaultOptions=Cl;Ho.modifiers=Yf;Ho.className=Lt.className;var Dn="combobox",Ll=Dn;import{Fragment as Hn,jsx as se,jsxs as Ba}from"react/jsx-runtime";var Ml="k-combobox",Qf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Sl={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Sl.separators,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,popup:E,opened:A,readonly:w,adaptive:J,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Ce,id:$t,autocomplete:Or,activeDescendant:yt,"aria-label":Va,...Br}=e,Pr=$t?`${$t}-listbox`:void 0;return Ba(Hn,{children:[Ba(Q,{...Br,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,readonly:w,className:n(e.className,Ml),children:[s&&Ba(Hn,{children:[se(Ke,{children:s}),r&&se(Me,{})]}),se(Ue,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?Pr:void 0,"aria-activedescendant":A&&yt?yt:void 0,"aria-autocomplete":Or,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Va,disabled:M,readOnly:w}),se(Le,{valid:k,invalid:m,loading:C,disabled:M}),se(Re,{loading:C,disabled:M}),se(Fe,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(Hn,{children:[r&&se(Me,{}),se(_e,{children:l})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&E&&se(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&se(oe,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...ce,header:se(Se,{actionsEnd:se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:ue,subtitle:fe}),children:se("div",{className:"k-list-container",children:se(D,{customValue:Ce?se(_t,{text:`Use "${p}"`}):void 0,size:"large",children:Ba($,{"aria-label":ue||"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};ke.states=Qf;ke.options=Zf;ke.className=Ml;ke.defaultOptions=Sl;ke.moduleName=Dn;ke.folderName=Ll;ke.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ve=ke;import{jsx as jf}from"react/jsx-runtime";var Al=e=>jf(Ve,{...e});import{jsx as QK,jsxs as ZK}from"react/jsx-runtime";import{jsx as r_,jsxs as n_}from"react/jsx-runtime";import{jsx as p_,jsxs as m_}from"react/jsx-runtime";import{Fragment as N_,jsx as x_}from"react/jsx-runtime";import{Fragment as M_,jsx as L_}from"react/jsx-runtime";import{jsx as E_,jsxs as O_}from"react/jsx-runtime";import{Fragment as H_,jsx as __,jsxs as D_}from"react/jsx-runtime";import{jsx as G_}from"react/jsx-runtime";import{jsx as q_}from"react/jsx-runtime";import{jsx as j_,jsxs as e0}from"react/jsx-runtime";import{jsx as i0,jsxs as s0}from"react/jsx-runtime";import{jsx as Ht,jsxs as nb}from"react/jsx-runtime";var eb=ke.states,tb=ke.defaultOptions,ob=ke.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rb=[],zo=e=>{let{modifiers:t,...o}=e,a={},r=Ht(D,{style:{width:300},size:o.size,children:nb($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ht(G,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),Ht("div",{children:Ht(Al,{value:"Value",style:{width:300},...o,...a})})};zo.options=ob;zo.states=eb;zo.variants=rb;zo.defaultOptions=tb;zo.modifiers=ab;zo.className=ke.className;var zn="menu-button",Il=zn;import{jsx as lb}from"react/jsx-runtime";var Tl="k-menu-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],sb={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Fn={showArrow:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,showArrow:m=Fn.showArrow,arrowIconName:L=Fn.arrowIconName,expanded:C,...M}=e;return lb(d,{...M,className:n(e.className,Tl),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};X.states=ib;X.options=sb;X.className=Tl;X.defaultOptions=Fn;X.moduleName=zn;X.folderName=Il;X.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."}]};import{jsx as z0}from"react/jsx-runtime";import{jsx as V0}from"react/jsx-runtime";import{jsx as W0}from"react/jsx-runtime";var $e="menu",nt=$e;import{jsx as Pa,jsxs as yl}from"react/jsx-runtime";var Un="k-menu-item",db=[i.hover,i.focus,i.active,i.selected,i.disabled],cb={},El={iconPosition:"before"},ge=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=El.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),yl("li",{...E,className:n(e.className,Un,"k-item",S(Un,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yl("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:A})})]}),C]})};ge.states=db;ge.options=cb;ge.className=Un;ge.defaultOptions=El;ge.moduleName=$e;ge.folderName=nt;import{jsx as wa,jsxs as Ol}from"react/jsx-runtime";var Gn="k-menu-item",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={},Vn={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=Vn.iconPosition,dir:L=Vn.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w||(w=L==="rtl"?"chevron-left":"chevron-right"),Ol("li",{...A,className:n(e.className,Gn,"k-item",S(Gn,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ol("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[l&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),N&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:w})})]}),C,M]})};Z.states=pb;Z.options=mb;Z.className=Gn;Z.defaultOptions=Vn;Z.moduleName=$e;Z.folderName=nt;import{jsx as hb}from"react/jsx-runtime";var Bl="k-menu-scroll-wrapper",ub=[],fb={},bb={},ao=e=>{let{className:t,children:o,orientation:a,...r}=e;return hb("div",{...r,className:n(t,Bl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=ub;ao.options=fb;ao.className=Bl;ao.defaultOptions=bb;ao.moduleName=$e;ao.folderName=nt;var Pl=ao;import{Fragment as $n,jsx as ro,jsxs as fr}from"react/jsx-runtime";var Xn="k-menu",xb=[],Nb={},br={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=br.orientation,header:a=br.header,scrollable:r,scrollButtonsPosition:s=br.scrollButtonsPosition,wrapperStyles:l,dir:p,popup:b,contextMenu:x,...N}=e,k={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ro("ul",{dir:p,...N,className:n(e.className,"k-reset",Xn,{[`${Xn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return fr($n,{children:[r?fr(Pl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&fr($n,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&fr($n,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,b]})};me.states=xb;me.options=Nb;me.className=Xn;me.defaultOptions=br;me.moduleName=$e;me.folderName=nt;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."}]};import{jsx as kb}from"react/jsx-runtime";var qn="k-separator",wl={orientation:"horizontal"},Fo=e=>{let{orientation:t=wl.orientation,...o}=e;return kb("li",{...o,className:n(e.className,"k-item",qn,{[`${qn}-${t}`]:t}),role:"separator"})};Fo.className=qn;Fo.defaultOptions=wl;Fo.moduleName=$e;Fo.folderName=nt;import{Fragment as LD,jsx as MD}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var Wn="k-menu-group",gb=[],vb={size:[c.undefined,c.small,c.medium,c.large]},Cb={},ve=e=>{let{children:t,size:o,...a}=e;return Lb("ul",{...a,className:n(e.className,Wn,I(Wn,{size:o})),role:"menu",children:t})};ve.states=gb;ve.options=vb;ve.className=Wn;ve.defaultOptions=Cb;ve.moduleName=$e;ve.folderName=nt;import{Fragment as Mb,jsx as Uo,jsxs as Sb}from"react/jsx-runtime";var Jn=e=>Uo(me,{children:Sb(Mb,{children:[Uo(ge,{first:!0,text:"Item 1"}),Uo(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Uo(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Uo(ge,{text:"Item 4"}),Uo(ge,{last:!0,text:"Item 5"})]}),...e});import{Fragment as DD,jsx as KD,jsxs as _D}from"react/jsx-runtime";import{Fragment as GD,jsx as UD,jsxs as VD}from"react/jsx-runtime";import{Fragment as JD,jsx as WD,jsxs as YD}from"react/jsx-runtime";import{Fragment as tH,jsx as eH,jsxs as oH}from"react/jsx-runtime";import{jsx as no,jsxs as Eb}from"react/jsx-runtime";var Ab=me.options,Ib=me.states,Rl={...me.defaultOptions,variant:"horizontal"},Tb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...Rl,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=no(F,{className:"k-menu-popup",children:Eb(ve,{children:[no(Z,{text:"Item 1"}),no(Z,{text:"Item 2"}),no(Fo,{}),no(Z,{text:"Item 3"})]})});break}}),t==="vertical"?no(Jn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):no(Jn,{...a,...r})};Go.options=Ab;Go.states=Ib;Go.variants=Tb;Go.defaultOptions=Rl;Go.modifiers=yb;Go.className=me.className;import{Fragment as wH,jsx as BH,jsxs as PH}from"react/jsx-runtime";import{jsx as DH}from"react/jsx-runtime";import{Fragment as Rb,jsx as Nt,jsxs as Kl}from"react/jsx-runtime";var Ob=d.states,_l={...d.defaultOptions,variant:"text"},Bb=d.options,Pb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={..._l,...e},r={},s=Nt(F,{className:"k-menu-popup",children:Kl(ve,{size:a.size,children:[Nt(Z,{first:!0,text:"Menu Item"}),Nt(Z,{text:"Menu Item"}),Nt(Z,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Nt("div",{children:Nt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=Nt("div",{children:Nt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=Nt("div",{children:Nt(X,{...a,...r,children:"Dropdown Button"})});break}return Kl(Rb,{children:[l,o?.opened&&s]})};Vo.options=Bb;Vo.states=Ob;Vo.variants=Pb;Vo.defaultOptions=_l;Vo.modifiers=wb;Vo.className=X.className;var Yn="split-button",Dl=Yn;import{Fragment as Db,jsx as Qn,jsxs as Hl}from"react/jsx-runtime";var Zn="k-split-button",Kb=[i.hover,i.focus,i.active,i.selected,i.disabled],_b={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},zl={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,arrowIconName:m=zl.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Hl(Db,{children:[Hl("div",{...E,className:n(e.className,Zn,"k-button-group",I(Zn,{rounded:o})),children:[Qn(d,{text:k,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Qn(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&L&&Qn(F,{className:"k-menu-popup",children:L})]})};K.states=Kb;K.options=_b;K.className=Zn;K.defaultOptions=zl;K.moduleName=Yn;K.folderName=Dl;K.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.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 jn=K;import{jsx as zb}from"react/jsx-runtime";var Hb="k-toolbar-separator",ct=e=>zb("div",{className:n(Hb,e.className,"k-separator")});var Mt="toolbar",zt=Mt;import{Fragment as ei,jsx as H,jsxs as $o}from"react/jsx-runtime";var St="k-toolbar",Fb=[i.focus],Ub={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Gb={scrollButtons:"around"},_=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:l,scrollingPosition:p,section:b,...x}=e,N=[],k=(m,L)=>{let C=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))C.push(H(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===d)C.push(H(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===V)C.push(H(V,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===G)C.push(H(G,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===X)C.push(H(X,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===jn)C.push(H(jn,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B||m.props.className&&m.props.className.includes("k-button-group")){let M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,w)=>{M.push(H(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${w}-${new Date().getTime()}`))}),C.push(H(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${L}-${new Date().getTime()}`))}else m.type===ke?C.push(H(ke,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ie?C.push(H(ie,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ge?C.push(H(Ge,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),$o("div",{...x,className:n(e.className,St,I(St,{size:t,fillMode:o}),S(St,{focus:a}),{[`${St}-resizable`]:r,[`${St}-scrollable`]:s,[`${St}-scrollable-overlay`]:s&&l==="hidden",[`${St}-scrollable-${p}`]:p&&p!=="both",[`${St}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&l==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&l==="start"&&$o(ei,{children:[$o(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(ct,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&$o(ei,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(ct,{className:"k-toolbar-button-separator"}),$o(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&$o(ei,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(ct,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(ct,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};_.states=Fb;_.options=Ub;_.className=St;_.defaultOptions=Gb;_.moduleName=Mt;_.folderName=zt;_.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as qb}from"react/jsx-runtime";var Fl="k-floating-toolbar",Vb=[],$b={},Xb={},Xo=e=>{let{...t}=e;return qb("div",{...t,className:n(e.className,Fl),children:e.children})};Xo.states=Vb;Xo.options=$b;Xo.className=Fl;Xo.defaultOptions=Xb;Xo.moduleName=Mt;Xo.folderName=zt;import{jsx as Qb}from"react/jsx-runtime";var ti="k-toolbar-item",Wb=[i.focus],Jb={},Yb={},qo=e=>{let{focus:t,...o}=e;return Qb("div",{...o,className:n(e.className,ti,S(ti,{focus:t})),children:e.children})};qo.states=Wb;qo.options=Jb;qo.className=ti;qo.defaultOptions=Yb;qo.moduleName=Mt;qo.folderName=zt;import{jsx as Ul}from"react/jsx-runtime";var Gl="k-toolbar-popup",Zb=[],jb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},eh={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Ul(F,{...r,className:n(e.className,Gl),children:a?Ul("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Zb;io.options=jb;io.className=Gl;io.defaultOptions=eh;io.moduleName=Mt;io.folderName=zt;var hr=io;import{jsx as F1}from"react/jsx-runtime";import{jsx as $1}from"react/jsx-runtime";import{jsx as J1}from"react/jsx-runtime";import{jsx as t2,jsxs as o2}from"react/jsx-runtime";import{jsx as i2}from"react/jsx-runtime";import{jsx as At,jsxs as nh}from"react/jsx-runtime";var th=K.states,Vl={...K.defaultOptions,variant:"text"},oh=K.options,ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rh=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...Vl,...e},r={},s=nh(ve,{size:a.size,children:[At(Z,{first:!0,text:"Menu Item"}),At(Z,{text:"Menu Item"}),At(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?s:"")}),t){case"icon-only":return At("div",{children:At(K,{...a,...r,icon:"star"})});case"icon-and-text":return At("div",{children:At(K,{...a,...r,icon:"star",children:"Split Button"})});default:return At("div",{children:At(K,{...a,...r,children:"Split Button"})})}};Wo.options=oh;Wo.states=th;Wo.variants=ah;Wo.defaultOptions=Vl;Wo.modifiers=rh;Wo.className=K.className;import{jsx as so,jsxs as ih}from"react/jsx-runtime";var $l=e=>so(_,{children:[so(d,{children:"Button"},"toolbar-button"),so(X,{text:"Menu button"},"toolbar-menu-button"),so(K,{children:"Split button"},"toolbar-split-button"),ih(B,{children:[so(d,{className:"k-group-start",icon:"align-left",children:"Left"}),so(d,{icon:"align-center",children:"Center"}),so(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as R2,jsxs as K2}from"react/jsx-runtime";import{jsx as Xe,jsxs as Xl}from"react/jsx-runtime";var ql=e=>Xe(_,{scrollable:!0,...e,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(K,{children:"Split button"},"toolbar-split-button"),Xl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(K,{children:"Split button"},"toolbar-split-button"),Xl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as qe,jsxs as Wl}from"react/jsx-runtime";var Jl=({scrollingPosition:e="start",...t})=>qe(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(K,{children:"Split button"},"toolbar-split-button"),Wl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(K,{children:"Split button"},"toolbar-split-button"),Wl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as sh,jsx as De,jsxs as xr}from"react/jsx-runtime";var Yl=({fillMode:e,size:t,...o})=>xr(sh,{children:[De(_,{section:!0,fillMode:e,size:t,children:[De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),xr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),De(ct,{className:"k-toolbar-button-separator"}),De(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),xr(hr,{size:t,fillMode:e,section:!0,...o,children:[De(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),De(ct,{}),De(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),xr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as bz,jsx as uz,jsxs as fz}from"react/jsx-runtime";import{Fragment as Az,jsx as Mz,jsxs as Sz}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var lh=_.options,dh=_.states,Ql={..._.defaultOptions,variant:"default"},ch=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ph=[],Jo=e=>{let{variant:t,...o}={...Ql,...e};switch(t){case"responsive":return Ft("div",{children:Ft(Yl,{style:{width:"583px"},...o})});case"overlay":return Ft("div",{children:Ft(Jl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ft("div",{children:Ft(ql,{style:{width:"583px"},...o})});default:return Ft("div",{children:Ft($l,{style:{width:"583px"},...o})})}};Jo.options=lh;Jo.states=dh;Jo.variants=ch;Jo.defaultOptions=Ql;Jo.modifiers=ph;Jo.className=_.className;var oi="speech-to-text-button",Zl=oi;import{jsx as mh}from"react/jsx-runtime";var jl="k-speech-to-text-button",ed={icon:"microphone-outline"},re=e=>{let{listening:t=!1,icon:o=ed.icon,...a}=e;return mh(d,{...a,icon:t?"stop-sm":o,className:n(e.className,jl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};re.states=d.states;re.options=d.options;re.className=jl;re.defaultOptions=ed;re.moduleName=oi;re.folderName=Zl;re.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 s3}from"react/jsx-runtime";import{jsx as p3}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var uh=d.states,td={...d.defaultOptions,variant:"normal"},fh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bh=[],hh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...td,...e},a={};return t==="listening"&&(a.listening=!0),xh(re,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=td;Yo.modifiers=bh;Yo.className=re.className;var ai="textarea",od=ai;import{Fragment as ad,jsx as Ra,jsxs as ri}from"react/jsx-runtime";var rd="k-textarea",Nh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],kh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Qo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Qo.prefixSeparator,suffixSeparator:s=Qo.prefixSeparator,affixesOrientation:l=Qo.affixesOrientation,flow:p=Qo.flow,resize:b=Qo.resize,prefix:x,suffix:N,rows:k,value:m,placeholder:L,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return ri(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,rd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ri(ad,{children:[Ra(Ke,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ra(ka,{className:n("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:L,rows:k,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,"aria-invalid":A?"true":void 0}),N&&ri(ad,{children:[s&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"}),Ra(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Y.states=Nh;Y.options=kh;Y.className=rd;Y.defaultOptions=Qo;Y.moduleName=ai;Y.folderName=od;Y.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as O3}from"react/jsx-runtime";import{Fragment as _3,jsx as K3}from"react/jsx-runtime";import{Fragment as G3,jsx as U3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var gh=Y.options,vh=Y.states,nd={...Y.defaultOptions,variant:"vertical"},Ch=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Nr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Nr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Nr(Y,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Nr(Y,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};Zo.options=gh;Zo.states=vh;Zo.variants=Ch;Zo.defaultOptions=nd;Zo.modifiers=Lh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";var ii="suggestion",id=ii;import{jsx as kr,jsxs as Ah}from"react/jsx-runtime";var gr="k-suggestion-group",Mh=[],Sh={},sd={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,r=kr("div",{...a,className:n(gr,{"k-suggestion-group-scrollable":t=="scrollable",[`${gr}-scrollable-start`]:o==="start"||o==="both",[`${gr}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?kr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ah("div",{className:"k-suggestion-scrollwrap",children:[kr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,kr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};it.states=Mh;it.options=Sh;it.className=gr;it.defaultOptions=sd;it.moduleName=ii;it.folderName=id;import{jsx as Eh}from"react/jsx-runtime";var vr="k-suggestion",Ih=[i.active,i.hover,i.focus],Th={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yh={text:"Suggestion"},pt=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Eh("span",{...l,className:n(e.className,vr,S(vr,{hover:a,active:o,focus:r}),I(vr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};pt.states=Ih;pt.options=Th;pt.className=vr;pt.item=yh;import{Fragment as E5,jsx as y5,jsxs as O5}from"react/jsx-runtime";import{Fragment as K5,jsx as R5,jsxs as _5}from"react/jsx-runtime";import{Fragment as U5,jsx as F5,jsxs as G5}from"react/jsx-runtime";import{Fragment as sF,jsx as nF,jsxs as iF}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var Oh="k-chip-action";var It=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Cr(v,{icon:"x-circle",size:"small"});break;case"more":a=Cr(v,{icon:"more-vertical",size:"small"});break;default:return Cr(v,{icon:t,size:"small"})}return Cr("span",{...o,className:n(e.className,Oh,`k-chip-${t}-action`),children:a})};var si="avatar",ld=si;import{jsx as dd}from"react/jsx-runtime";var Ka="k-avatar";var Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},li={type:"text",border:!1},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=li.type,border:l=li.border,...p}=e;return dd("div",{...p,className:n(e.className,Ka,I(Ka,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Ka}-bordered`]:l}),children:dd("span",{className:`${Ka}-${s}`,children:e.children})})};Ee.states=Bh;Ee.options=Ph;Ee.className=Ka;Ee.defaultOptions=li;Ee.moduleName=si;Ee.folderName=ld;Ee.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var lo=Ee;import{jsx as wh}from"react/jsx-runtime";var cd=e=>wh(lo,{type:"icon",...e});import{jsx as Rh}from"react/jsx-runtime";var pd=e=>Rh(lo,{type:"text",...e});import{jsx as Kh}from"react/jsx-runtime";var md=e=>Kh(lo,{type:"image",...e});import{jsx as yF}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var _h=Ee.options,Dh=Ee.states,Hh={...Ee.defaultOptions,variant:"image"},zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Fh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(cd,{...o,children:_a(v,{icon:"star"})});case"text":return _a(pd,{...o,children:"JO"});default:return _a(md,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=_h;jo.states=Dh;jo.variants=zh;jo.defaultOptions=Hh;jo.modifiers=Fh;jo.className=Ee.className;var Da="chip",Lr=Da;import{jsx as ea,jsxs as Vh}from"react/jsx-runtime";var Mr="k-chip",Uh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},ud={avatarImage:"/packages/html/assets/avatar.jpg"},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=ud.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Vh("div",{...M,className:n(e.className,Mr,I(Mr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Mr,{hover:N,focus:k,active:m,disabled:C,selected:L})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[l&&ea(v,{className:"k-chip-icon",icon:l,size:"small"}),b&&ea(Ee,{className:"k-chip-avatar",type:"image",children:ea("img",{src:x,alt:""})}),ea("span",{className:"k-chip-content",children:e.children?e.children:s&&ea("span",{className:"k-chip-label",children:s})}),p&&ea("span",{className:"k-chip-actions",children:p})]})};Oe.states=Uh;Oe.options=Gh;Oe.className=Mr;Oe.defaultOptions=ud;Oe.moduleName=Da;Oe.folderName=Lr;Oe.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var st=Oe;import{jsx as Wh}from"react/jsx-runtime";var di="k-chip-list",$h=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},qh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Wh("div",{...r,className:n(e.className,di,I(di,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:a||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=$h;xe.options=Xh;xe.className=di;xe.defaultOptions=qh;xe.moduleName=Da;xe.folderName=Lr;xe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as Jh}from"react/jsx-runtime";var Sr=e=>Jh(st,{text:"text",...e});import{jsx as xU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{Fragment as IU,jsx as AU,jsxs as TU}from"react/jsx-runtime";import{jsx as PU,jsxs as wU}from"react/jsx-runtime";import{jsx as HU,jsxs as zU}from"react/jsx-runtime";import{jsx as XU,jsxs as qU}from"react/jsx-runtime";import{jsx as ta,jsxs as tx}from"react/jsx-runtime";var Yh={...st.options,...xe.options},Qh=[],Zh=xe.states,jh={...st.defaultOptions,...xe.defaultOptions},ex=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],oa=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return tx(xe,{size:a.size,className:o,children:[ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(It,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(It,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(It,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Yh;oa.states=Zh;oa.variants=Qh;oa.defaultOptions=jh;oa.modifiers=ex;oa.className=xe.className;import{jsx as ci}from"react/jsx-runtime";var ox=Oe.states,ax=Oe.defaultOptions,rx=Oe.options,nx=[],ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[r]?ci(It,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[r]?ci(It,{type:"remove"}):void 0;break;default:break}}),ci(Oe,{...o,...a,children:"Chip component"})};aa.options=rx;aa.states=ox;aa.variants=nx;aa.defaultOptions=ax;aa.modifiers=ix;aa.className=Oe.className;import{Fragment as wG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var sx="k-card-callout",fd=e=>{let{callout:t,...o}=e;return lx("span",{...o,className:n(e.className,sx,{[`k-callout-${Ci.calloutMap[t]||t}`]:t})})};var We="card",lt=We;import{Fragment as mx,jsx as bd,jsxs as ux}from"react/jsx-runtime";var pi="k-card",dx=[i.hover,i.focus,i.selected,i.disabled],cx={},px={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ux("div",{...p,className:n(e.className,pi,S(pi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&bd(fd,{callout:o}),bd(mx,{children:e.children})]})};j.states=dx;j.options=cx;j.className=pi;j.defaultOptions=px;j.moduleName=We;j.folderName=lt;j.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as xx,jsx as hd}from"react/jsx-runtime";var mi="k-card-list",fx=[],bx={},hx={},Ut=e=>{let{...t}=e;return hd("div",{...t,className:n(e.className,mi,S(mi,{})),role:"list",children:hd(xx,{children:e.children})})};Ut.states=fx;Ut.options=bx;Ut.className=mi;Ut.defaultOptions=hx;Ut.moduleName=We;Ut.folderName=lt;Ut.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as vx}from"react/jsx-runtime";var xd="k-card-group",Nx=[],kx={},gx={},ra=e=>{let{...t}=e;return vx("div",{...t,className:n(e.className,xd),children:e.children})};ra.states=Nx;ra.options=kx;ra.className=xd;ra.defaultOptions=gx;ra.moduleName=We;ra.folderName=lt;import{jsx as Sx}from"react/jsx-runtime";var ui="k-card-wrap",Cx=[i.focus,i.selected],Lx={},Mx={},na=e=>{let{focus:t,selected:o,...a}=e;return Sx("div",{...a,className:n(e.className,ui,S(ui,{focus:t,selected:o})),children:e.children})};na.states=Cx;na.options=Lx;na.className=ui;na.defaultOptions=Mx;na.moduleName=We;na.folderName=lt;import{jsx as Ix}from"react/jsx-runtime";var fi="k-card-title",Ax=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Ix("div",{...a,className:n(e.className,fi,S(fi,{hover:t,focus:o})),children:e.children})};co.states=Ax;co.className=fi;import{jsx as yx}from"react/jsx-runtime";var Tx="k-card-subtitle",Ar=e=>{let{...t}=e;return yx("div",{...t,className:n(e.className,Tx),children:e.children})};import{Fragment as kd,jsx as Ir}from"react/jsx-runtime";var Nd="k-card-media",bi=e=>{let{src:t,...o}=e;return Ir(kd,{children:t?Ir("img",{...o,className:n(e.className,Nd),src:t}):Ir("span",{...o,className:n(e.className,Nd),children:Ir(kd,{children:e.children})})})};import{Fragment as Ox,jsx as Ha,jsxs as Bx}from"react/jsx-runtime";var Ex="k-card-header",Tt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Bx("div",{...r,className:n(e.className,Ex),children:[t&&Ha(co,{children:t}),o&&Ha(Ar,{children:o}),Ha(Ox,{children:e.children}),a&&Ha("span",{className:"k-card-header-actions",children:Ha(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as wx}from"react/jsx-runtime";var Px="k-card-footer",hi=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,Px),children:e.children})};import{Fragment as Kx,jsx as za,jsxs as _x}from"react/jsx-runtime";var Rx="k-card-body",Je=e=>{let{title:t,subtitle:o,details:a,...r}=e;return _x("div",{...r,className:n(e.className,Rx),children:[t&&za(co,{children:t}),o&&za(Ar,{children:o}),za(Kx,{children:e.children}),a&&za("span",{className:"k-card-header-actions",children:za(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Fx}from"react/jsx-runtime";var gd="k-card-deck",Dx=[],Hx={},zx={},ia=e=>{let{...t}=e;return Fx("div",{...t,className:n(e.className,gd),children:e.children})};ia.states=Dx;ia.options=Hx;ia.className=gd;ia.defaultOptions=zx;ia.moduleName=We;ia.folderName=lt;import{jsx as $x}from"react/jsx-runtime";var vd="k-card-deck-scrollwrap",Ux=[],Gx={},Vx={},sa=e=>{let{...t}=e;return $x("div",{...t,className:n(e.className,vd),children:e.children})};sa.states=Ux;sa.options=Gx;sa.className=vd;sa.defaultOptions=Vx;sa.moduleName=We;sa.folderName=lt;import{Fragment as Xx,jsx as la,jsxs as Cd}from"react/jsx-runtime";var Ld=e=>la(j,{orientation:"vertical",children:Cd(Xx,{children:[la(Tt,{children:"Card Header"}),la(Je,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Cd(z,{className:"k-card-actions",children:[la(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),la(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as qx,jsx as Fa,jsxs as Md}from"react/jsx-runtime";var Sd=e=>Fa(j,{orientation:"horizontal",children:Md(qx,{children:[Fa(Je,{title:"Card Title",children:Fa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Md(z,{orientation:"vertical",className:"k-card-actions",children:[Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{jsx as Be,jsxs as Ua}from"react/jsx-runtime";var Wx=j.options,Jx=j.states,Ad={...j.defaultOptions,variant:"vertical"},Yx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},r=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(p=>{switch(p){case"media":{r=!!o?.[p];break}case"header":{s=!!o?.[p];break}case"footer":{l=!!o?.[p];break}}}),t==="horizontal"?Ua(Sd,{style:{maxWidth:"420px"},...a,children:[r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ua("div",{children:[s&&Be(Tt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(Je,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"})]}),(s||l)&&Be("span",{className:"k-separator k-separator-vertical"}),Ua(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Ua(Ld,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Be(Tt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Be(Je,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"}),Ua(z,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Wx;da.states=Jx;da.variants=Yx;da.defaultOptions=Ad;da.modifiers=Qx;da.className=j.className;import{jsx as R6,jsxs as K6}from"react/jsx-runtime";var xi="panelbar",Id=xi;import{jsx as tN}from"react/jsx-runtime";var Td="k-panelbar",Zx=[],jx={},eN={},Ne=e=>{let{activeDescendant:t,...o}=e;return tN("ul",{...o,className:n(e.className,Td),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=Zx;Ne.options=jx;Ne.className=Td;Ne.defaultOptions=eN;Ne.moduleName=xi;Ne.folderName=Id;Ne.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};import Ni from"react";import{jsx as Tr,jsxs as yd}from"react/jsx-runtime";var Ed="k-panelbar-item",oN=[i.hover,i.focus,i.selected,i.disabled],aN={},yr={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=yr.text,level:o=yr.level,expanded:a=yr.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return yd("li",{...L,className:n(e.className,Ed,{"k-panelbar-header":r,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":C?a?"true":"false":void 0,"aria-selected":k?"true":"false","aria-disabled":b?"true":void 0,children:[yd("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&Tr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Tr("span",{className:`k-panelbar-item-icon ${N}`}),Tr("span",{className:"k-panelbar-item-text",children:t}),C&&Tr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&Ni.Children.map(m,M=>Ni.isValidElement(M)?Ni.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=oN;y.options=aN;y.className=Ed;y.defaultOptions=yr;import{jsx as sN}from"react/jsx-runtime";var Od="k-panelbar-group",rN=[],nN={},iN={},Pe=e=>{let{ariaHidden:t,...o}=e;return sN("ul",{...o,className:n(e.className,Od),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=rN;Pe.options=nN;Pe.className=Od;Pe.defaultOptions=iN;import{jsx as pN}from"react/jsx-runtime";var Bd="k-panelbar-content",lN=[],dN={},cN={},le=e=>{let{...t}=e;return pN("div",{...t,className:n(e.className,Bd),children:e.children})};le.states=lN;le.options=dN;le.className=Bd;le.defaultOptions=cN;import{Fragment as mN,jsx as Gt,jsxs as uN}from"react/jsx-runtime";var Ga=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Gt(Ne,{children:uN(mN,{children:[Gt(y,{header:!0,text:"Item 1",id:t,children:Gt(le,{children:"content"})}),Gt(y,{header:!0,text:"Item 2",id:o,children:Gt(le,{children:"content"})}),Gt(y,{header:!0,text:"Item 3",id:a,children:Gt(le,{children:"content"})}),Gt(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as fN,jsx as we,jsxs as ki}from"react/jsx-runtime";var Pd=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item"),s=T("pb-child"),l=T("pb-child"),p=T("pb-child"),b=T("pb-child"),x=T("pb-child"),N=T("pb-child"),k=T("pb-child");return we(Ne,{activeDescendant:o,children:ki(fN,{children:[we(y,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:ki(Pe,{children:[we(y,{level:1,text:"Child 1",id:s}),we(y,{level:1,expanded:!0,text:"Child 2",id:l,children:ki(Pe,{children:[we(y,{level:2,text:"Child 2.1",id:p}),we(y,{level:2,text:"Child 2.2",id:b})]})}),we(y,{level:1,text:"Child 3",id:x,children:we(Pe,{children:we(y,{level:2,text:"Child 3.1",id:N})})}),we(y,{level:1,text:"Child 4",id:k})]})}),we(y,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as wd,jsx as ee,jsxs as Er}from"react/jsx-runtime";var bN=Ne.options,hN=Ne.states,Rd={...Ne.defaultOptions,variant:"normal"},xN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],NN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},r={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{r.icon=o?.[l]?s:void 0;break}case"disabled":r.disabled=!!o?.[l]}}),t==="expand"?ee(wd,{children:Er(Pd,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Er(Pe,{children:[ee(y,{level:1,text:"Child 1"}),ee(y,{level:1,expanded:!0,text:"Child 2",children:Er(Pe,{children:[ee(y,{level:2,text:"Child 2.1"}),ee(y,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),ee(y,{disabled:r.disabled,level:1,text:"Child 3",children:ee(le,{children:"content"})}),ee(y,{level:1,text:"Child 4"})]})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):ee(wd,{children:Er(Ga,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,header:!0,text:"Item 2",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=bN;ca.states=hN;ca.variants=xN;ca.defaultOptions=Rd;ca.modifiers=NN;ca.className=Ne.className;import{jsx as _7,jsxs as D7}from"react/jsx-runtime";import{Fragment as Y7,jsx as W7,jsxs as J7}from"react/jsx-runtime";import{Fragment as s4,jsx as n4,jsxs as i4}from"react/jsx-runtime";import{Fragment as Kd,jsx as g,jsxs as de}from"react/jsx-runtime";var kN=q.options,gN=q.states,vN={...q.defaultOptions,variant:"ask"},CN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],LN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],pa=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(Kd,{children:de(it,{layout:"wrap",children:[g(pt,{text:"Post for work-life balance importance"}),g(pt,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(F,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(_,{className:"k-toolbar-flat",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(G,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(He,{children:g(ze,{children:de(Ga,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:de(Pe,{children:[g(y,{level:1,text:"Casual"}),g(y,{level:1,text:"Neutral"}),g(y,{level:1,text:"Formal"})]})}),g(y,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(Pe,{children:[g(y,{level:1,text:"German"}),g(y,{level:1,text:"Spanish"})]})}),g(y,{header:!0,icon:"min-width",text:"Simplify"}),g(y,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return g(F,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(_,{className:"k-toolbar-flat",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(G,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(He,{children:[g(Wt,{}),g(ze,{children:de("div",{className:"k-card-list",children:[de(j,{children:[g(Tt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Je,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",g("br",{}),g("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",g("br",{}),g("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",g("br",{}),g("br",{}),"\u2728 Key Points \u2728",g("br",{}),g("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",g("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",g("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",g("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",g("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",g("br",{}),g("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(V,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),de(j,{children:[g(Tt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Je,{children:de("p",{children:["Subject: Out of Office: [Your Name]",g("br",{}),g("br",{}),"Dear [Recipient's Name],",g("br",{}),g("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",g("br",{}),g("br",{}),"Thank you,",g("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(V,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]})]})})]})]})});default:return g(F,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(_,{className:"k-toolbar-flat",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(G,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(He,{children:de(ze,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(Kd,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(qa,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(mo,{children:g(z,{className:"k-prompt-actions",alignment:"start",children:g(V,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};pa.options=kN;pa.states=gN;pa.variants=CN;pa.defaultOptions=vN;pa.modifiers=LN;pa.className=q.className;import{Fragment as _d,jsx as Vt,jsxs as MN}from"react/jsx-runtime";var Q4=({...e})=>Vt(q,{...e,children:Vt(He,{children:Vt(ze,{children:Vt(Y,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:MN(_d,{children:[Vt(G,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),Vt(re,{fillMode:"flat"})]}),suffix:Vt(_d,{children:Vt(qt,{disabled:!0})})})})})});export{Q4 as PromptInlineInputOnly};
+var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 I=(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"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:l,active:p,selected:b,disabled:x,indeterminate:N,loading:k,empty:m,readonly:L,highlighted:C,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":N&&!l,"k-loading":k,"k-empty":m,"k-readonly":L,"k-highlighted":C},Object.keys(M).reduce((E,A)=>(A.startsWith("k-")?E[A]=M[A]:E[`k-${A}`]=M[A],E),{}))};function vi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={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"},Ci={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var wr={};function T(e){return wr[e]=(wr[e]||0)+1,`k-${e}-${wr[e]}`}import{Fragment as Ud,jsx as Li}from"react/jsx-runtime";var Rr="k-font-icon",Hd=[],zd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Fd={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Li("span",{...l,className:n(e.className,Rr,I(Rr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Li(Ud,{})};ma.states=Hd;ma.options=zd;ma.className=Rr;ma.defaultOptions=Fd;var Mi=ma;import{Fragment as $d,jsx as $a}from"react/jsx-runtime";var Kr="k-svg-icon",Gd=[],Vd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Si={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Si.viewBox,icon:l,...p}=e;if(!l)return $a($d,{});if(l==="none")return $a("span",{...p,className:n(e.className,Kr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return $a("span",{...p,className:n(e.className,Kr,I("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:$a("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:s,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ua.states=Gd;ua.options=Vd;ua.className=Kr;ua.defaultOptions=Si;var _r=ua;import*as Dr from"@progress/kendo-svg-icons";var Ai="icon",Ii="icons";import{useContext as qd}from"react";import{createContext as Xd}from"react";var Ti=Xd({iconsType:"svg"});import{Fragment as yi,jsx as fa}from"react/jsx-runtime";var Xa="k-icon",Wd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Jd=[],Yd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Hr={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=qd(Ti),{size:o,themeColor:a,icon:r,type:s=t||Hr.type,rotate:l,flip:p,viewBox:b=Hr.viewBox,...x}=e;if(!r)return fa(yi,{});if((t||s)==="svg"){if(r==="none")return fa(_r,{...x,className:n(e.className,Xa),icon:r,size:o});let k=Dr[r]?r:Wd(`${r}-icon`);return Dr[k]?fa(_r,{...x,className:n(e.className,Xa),icon:Dr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(yi,{})}return fa(Mi,{...x,className:n(e.className,Xa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=Jd;v.options=Yd;v.defaultOptions=Hr;v.className=Xa;v.moduleName=Ai;v.folderName=Ii;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 zr="button",Ei=zr;import{Fragment as ec,jsx as ba,jsxs as Oi}from"react/jsx-runtime";var ha="k-button",Qd=["icon-button"],Zd=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],jd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Fr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Fr.showArrow,arrowIconName:p=Fr.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:A,iconClassName:w,className:J,...ce}=e,ue=E!==void 0,fe=e.children!==void 0;return Oi(t,{className:n(J,ha,vi(ha,b),I(ha,{size:o,rounded:a,fillMode:r,themeColor:s}),S(ha,{hover:x,focus:N,active:k,disabled:L||M,selected:m}),{"k-icon-button":!A&&!fe&&ue}),...ce,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L||void 0,children:[E&&ba(v,{className:n(w,"k-button-icon"),icon:E}),A?Oi(ec,{children:[A&&ba("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ba("span",{className:"k-button-text",children:e.children}),l&&ba("span",{className:"k-menu-button-arrow k-button-arrow",children:ba(v,{icon:p})})]})};d.states=Zd;d.options=jd;d.variants=Qd;d.className=ha;d.defaultOptions=Fr;d.moduleName=zr;d.folderName=Ei;d.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 tc}from"react/jsx-runtime";var G=e=>tc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as oc}from"react/jsx-runtime";var V=e=>oc(d,{icon:"folder",children:"Button",...e});import{jsx as ac}from"react/jsx-runtime";var Xt=e=>ac(d,{children:"Button",...e});import{jsx as Ur}from"react/jsx-runtime";var rc=d.options,nc=d.states,ic={...d.defaultOptions,variant:"text"},sc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lc=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ur(G,{...o,icon:"star"});case"icon-and-text":return Ur(V,{...o,icon:"star",children:"Button"});default:return Ur(Xt,{...o,children:"Button"})}};po.options=rc;po.states=nc;po.variants=sc;po.defaultOptions=ic;po.modifiers=lc;po.className=d.className;var Gr="prompt",Bi=Gr;import{Fragment as mc,jsx as Pi}from"react/jsx-runtime";var wi="k-prompt",dc=[],cc={},pc={},q=e=>{let{...t}=e;return Pi("div",{...t,className:n(e.className,wi),children:Pi(mc,{children:e.children})})};q.states=dc;q.options=cc;q.className=wi;q.defaultOptions=pc;q.moduleName=Gr;q.folderName=Bi;q.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};import{jsx as fc}from"react/jsx-runtime";var uc="k-prompt-header",mt=e=>{let{...t}=e;return fc("div",{...t,className:n(e.className,uc),children:e.children})};import{Fragment as hc,jsx as Ri}from"react/jsx-runtime";var bc="k-prompt-content",He=e=>{let{...t}=e;return Ri("div",{...t,className:n(e.className,bc),children:Ri(hc,{children:e.children})})};import{jsx as Nc}from"react/jsx-runtime";var xc="k-prompt-view",ze=e=>{let{...t}=e;return Nc("div",{...t,className:n(e.className,xc),children:e.children})};import{jsx as Ki,jsxs as gc}from"react/jsx-runtime";var kc="k-prompt-expander",qa=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return gc("div",{...r,className:n(e.className,kc),children:[Ki(V,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Ki("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Cc}from"react/jsx-runtime";var vc="k-prompt-footer",mo=e=>{let{...t}=e;return Cc("div",{...t,className:n(e.className,vc),children:e.children})};import{jsx as jk}from"react/jsx-runtime";import{jsx as Lc}from"react/jsx-runtime";var _i="k-prompt-send",Di={generating:!1},qt=e=>{let{generating:t=Di.generating,...o}=e;return Lc(d,{...o,className:n(e.className,_i,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};qt.states=d.states;qt.options=d.options;qt.className=_i;qt.defaultOptions=Di;import{jsx as Hi,jsxs as Tc}from"react/jsx-runtime";var Wa="k-fab",Ac=[i.hover,i.focus,i.active,i.selected,i.disabled],Ic={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},zi={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=zi.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return Tc("button",{...L,type:l,className:n(e.className,Wa,I(Wa,{size:t,rounded:o,themeColor:a}),S(Wa,{hover:b,focus:x,active:N,disabled:m,selected:k}),{[`!k-pos-absolute k-${p}`]:p}),...!r&&s&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[s&&Hi(v,{className:"k-fab-icon",icon:s}),r&&Hi("span",{className:"k-fab-text",children:r})]})};te.states=Ac;te.options=Ic;te.className=Wa;te.defaultOptions=zi;te.moduleName="fab";te.folderName="fab";te.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."}]};import{jsx as Ec}from"react/jsx-runtime";var yc="k-fab-items",Fi=e=>{let{position:t,...o}=e;return Ec("ul",{...o,className:n(e.className,yc,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as Gi,jsxs as Bc}from"react/jsx-runtime";var Ui="k-fab-item",Oc=[i.hover,i.focus,i.active,i.disabled],Vr=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return Bc("li",{...b,className:n(e.className,Ui,{[`k-text-${a}`]:a},S(Ui,{hover:r,focus:s,active:l,disabled:p})),children:[Gi("span",{className:"k-fab-item-text",children:t}),Gi(v,{className:"k-fab-item-icon",icon:o})]})};Vr.states=Oc;import{jsx as Cg}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{jsx as wg}from"react/jsx-runtime";import{jsx as uo,jsxs as Dc}from"react/jsx-runtime";var Pc=te.options,wc=te.states,Rc={...te.defaultOptions,variant:"text"},Kc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_c=[{name:"opened",title:"Opened"}],fo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:r}=o||{},s=r?uo("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:uo(Fi,{position:"bottom",children:uo(Vr,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=uo(te,{...a,icon:"star"});break;case"icon-and-text":l=uo(te,{...a,icon:"star",text:"Action"});break;default:l=uo(te,{...a,text:"Action"});break}return Dc("span",{style:{position:"relative"},children:[l,s]})};fo.options=Pc;fo.states=wc;fo.variants=Kc;fo.defaultOptions=Rc;fo.modifiers=_c;fo.className=te.className;import{jsx as Hc}from"react/jsx-runtime";var Vi="k-prompt-stop-fab",$i={generating:!0},Wt=e=>{let{generating:t=$i.generating,icon:o,...a}=e;return Hc(te,{...a,className:n(e.className,Vi,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};Wt.states=d.states;Wt.options=d.options;Wt.className=Vi;Wt.defaultOptions=$i;var $r="action-buttons",Xi=$r;import{jsx as Uc}from"react/jsx-runtime";var Ja="k-actions",zc=[],Fc={},Xr={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Xr.alignment,orientation:o=Xr.orientation,...a}=e;return Uc("div",{...a,className:n(Ja,{[`${Ja}-${t}`]:t,[`${Ja}-${o}`]:o},e.className),children:e.children})};z.states=zc;z.options=Fc;z.className=Ja;z.defaultOptions=Xr;z.moduleName=$r;z.folderName=Xi;var qr="button",qi=qr;import{jsx as Xc}from"react/jsx-runtime";var xa="k-button-group",Gc=[i.disabled],Vc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},$c={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Xc("div",{role:"group",...r,className:n(e.className,xa,I(xa,{fillMode:t}),S(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Gc;B.options=Vc;B.className=xa;B.defaultOptions=$c;B.moduleName=qr;B.folderName=qi;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."}]};import{Fragment as Cv,jsx as vv,jsxs as Lv}from"react/jsx-runtime";import{Fragment as yv,jsx as Tv,jsxs as Ev}from"react/jsx-runtime";import{Fragment as Kv,jsx as Rv,jsxs as _v}from"react/jsx-runtime";import{Fragment as Gv,jsx as Uv,jsxs as Vv}from"react/jsx-runtime";import{Fragment as Yv,jsx as Jv,jsxs as Qv}from"react/jsx-runtime";import{Fragment as aC,jsx as oC,jsxs as rC}from"react/jsx-runtime";import{jsx as kt,jsxs as Wr}from"react/jsx-runtime";var qc={...d.options,...B.options},Wc=d.states,Jc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Yc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Qc=[],bo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Wr(B,{fillMode:a.fillMode,className:o,children:[kt(d,{...a,icon:"star"}),kt(d,{...a,icon:"star"}),kt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Wr(B,{fillMode:a.fillMode,className:o,children:[kt(d,{...a,icon:"star",children:"First"}),kt(d,{...a,icon:"star",children:"Middle"}),kt(d,{...a,icon:"star",children:"Last"})]}):Wr(B,{fillMode:a.fillMode,className:o,children:[kt(d,{...a,children:"First"}),kt(d,{...a,children:"Middle"}),kt(d,{...a,children:"Last"})]})};bo.options=qc;bo.states=Wc;bo.variants=Yc;bo.defaultOptions=Jc;bo.modifiers=Qc;bo.className=B.className;var Na="input",Ya=Na;import{jsx as tp}from"react/jsx-runtime";var Qa="k-input",Zc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],jc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ep={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return tp("span",{...k,className:n(e.className,Qa,I(Qa,{size:b,rounded:x,fillMode:N}),S(Qa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Q.states=Zc;Q.options=jc;Q.className=Qa;Q.defaultOptions=ep;Q.moduleName=Na;Q.folderName=Ya;import{jsx as np}from"react/jsx-runtime";var Za="k-picker",op=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ap={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rp={},ut=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return np("span",{...k,className:n(e.className,Za,I(Za,{size:b,rounded:x,fillMode:N}),S(Za,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ut.states=op;ut.options=ap;ut.className=Za;ut.defaultOptions=rp;ut.moduleName=Na;ut.folderName=Ya;import{Fragment as lp,jsx as Jr}from"react/jsx-runtime";var Wi="k-clear-value",ip=[i.disabled,i.loading,i.readonly],sp={},Fe=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Jr(lp,{}):Jr("span",{className:n(e.className,Wi),children:Jr(v,{icon:"x"})})};Fe.states=ip;Fe.options=sp;Fe.className=Wi;import{jsx as pp}from"react/jsx-runtime";var Yr="k-input-inner",dp=[],cp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Ue=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:r=ja.autocomplete,disabled:s,readOnly:l,...p}=e;return pp("input",{...p,type:o,className:n(e.className,Yr,I(Yr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Ue.states=dp;Ue.options=cp;Ue.className=Yr;import{jsx as Ji,jsxs as fp}from"react/jsx-runtime";var Qr="k-input-inner",mp=[],up={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return fp("span",{...l,className:n(e.className,Qr,I(Qr,e)),children:[r,!r&&s&&Ji(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Ji("span",{className:"k-input-value-text",children:t})]})};Jt.states=mp;Jt.options=up;Jt.className=Qr;import{jsx as xp}from"react/jsx-runtime";var Zr="k-input-inner",bp=[],hp={},Yi={value:"",placeholder:""},ka=e=>{let{value:t=Yi.value,placeholder:o=Yi.placeholder,rows:a,disabled:r,...s}=e;return xp("textarea",{...s,className:n(e.className,Zr,I(Zr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ka.states=bp;ka.options=hp;ka.className=Zr;import{Fragment as kp,jsx as Qi}from"react/jsx-runtime";var Zi="k-input-loading-icon",Np=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t||!o?Qi(kp,{}):Qi("span",{className:n(e.className,Zi,"k-icon k-i-loading")})};Re.states=Np;Re.className=Zi;import{Fragment as Cp,jsx as ji}from"react/jsx-runtime";var es="k-input-validation-icon",gp=[i.valid,i.invalid,i.disabled,i.loading],vp={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?ji(Cp,{}):ji(v,{className:n(es),icon:s})};Le.states=gp;Le.options=vp;Le.className=es;import{Fragment as Sp,jsx as ts}from"react/jsx-runtime";var Lp="k-input-prefix",Mp={direction:"horizontal"},Ke=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?ts("span",{...o,className:n(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ts(Sp,{})};import{Fragment as Tp,jsx as os}from"react/jsx-runtime";var Ap="k-input-suffix",Ip={direction:"horizontal"},_e=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?os("span",{...o,className:n(Ap,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):os(Tp,{})};import{jsx as rL}from"react/jsx-runtime";import{jsx as Ep}from"react/jsx-runtime";var yp="k-input-suffix-text",jr=e=>{let{children:t,...o}=e;return Ep("span",{...o,className:n(yp,e.className),children:t})};import{jsx as Bp}from"react/jsx-runtime";var as="k-input-separator",Op={direction:"vertical"},Me=e=>{let{direction:t=Op.direction,...o}=e;return Bp("span",{...o,className:n(as,e.className,{[`${as}-${t}`]:t})})};import{Fragment as rs,jsx as ft,jsxs as en}from"react/jsx-runtime";var Pp=Q.states,wp=Q.defaultOptions,Rp=Q.options,Kp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],_p=[],ho=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:l,...p}=e,b=t?.prefix,x=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return en(Q,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&en(rs,{children:[ft(Ke,{children:ft(v,{icon:"lock"})}),m&&ft(Me,{})]}),ft(Ue,{placeholder:"Placeholder",value:"Value"}),k&&ft(Le,{valid:o,invalid:a,loading:r,disabled:s}),ft(Re,{loading:r,disabled:s}),N&&ft(Fe,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&en(rs,{children:[m&&ft(Me,{}),ft(_e,{children:ft(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ho.options=Rp;ho.states=Pp;ho.variants=_p;ho.defaultOptions=wp;ho.modifiers=Kp;ho.className=Q.className;import{jsx as ns,jsxs as zp}from"react/jsx-runtime";var is="k-color-preview",Dp=[],Hp={},Et=e=>{let{color:t,iconName:o,...a}=e;return zp("span",{...a,className:n(e.className,is,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ns(v,{icon:o,className:"k-color-preview-icon"}),ns("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Et.states=Dp;Et.options=Hp;Et.className=is;var tn="popup",ss=tn;import{jsx as ls}from"react/jsx-runtime";var ds="k-animation-container",Fp=[],Up={},cs={positionMode:"absolute"},bt=e=>{let{positionMode:t=cs.positionMode,animationStyle:o,offset:a,...r}=e;return ls("div",{...r,style:{...a,...e.style},className:n(e.className,ds,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ls("div",{className:"k-child-animation-container",style:o,children:e.children})})};bt.states=Fp;bt.options=Up;bt.className=ds;bt.defaultOptions=cs;bt.moduleName=tn;bt.folderName=ss;var on="popup",ps=on;import{jsx as ms}from"react/jsx-runtime";var us="k-popup",Gp=[],Vp={},fs={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=fs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return ms(bt,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:ms("div",{...p,className:n(e.className,us),children:e.children})})};F.states=Gp;F.options=Vp;F.className=us;F.defaultOptions=fs;F.moduleName=on;F.folderName=ps;F.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.'}]};import{jsx as Xp}from"react/jsx-runtime";var $p="k-actionsheet-footer",bs={alignment:"stretched",orientation:"horizontal"},Ot=e=>{let{alignment:t=bs.alignment,orientation:o=bs.orientation,template:a,as:r=a?"div":z,...s}=e;return Xp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,$p),children:e.children})};var an="searchbox",hs=an;import{jsx as ga,jsxs as Jp}from"react/jsx-runtime";var xs="k-searchbox",qp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Wp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rn={showIcon:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=rn.showIcon,icon:C=rn.icon,"aria-label":M,...E}=e;return Jp(Q,{...E,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,className:n(e.className,xs),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Ue,{placeholder:o,value:t,"aria-label":M}),ga(Re,{...e}),ga(Le,{...e}),ga(Fe,{...e})]})};Ye.states=qp;Ye.options=Wp;Ye.className=xs;Ye.defaultOptions=rn;Ye.moduleName=an;Ye.folderName=hs;import{jsx as CM}from"react/jsx-runtime";var nn="textbox",Ns=nn;import{Fragment as ks,jsx as Bt,jsxs as sn}from"react/jsx-runtime";var gs="k-textbox",Yp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},er={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=er.separators,showClearButton:s=er.showClearButton,showValidationIcon:l=er.showValidationIcon,prefix:p,suffix:b,type:x,value:N,placeholder:k,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return sn(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,className:n(e.className,gs),children:[p&&sn(ks,{children:[Bt(Ke,{children:p}),r&&Bt(Me,{})]}),Bt(Ue,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Bt(Le,{valid:C,invalid:M,loading:A,disabled:w}),Bt(Re,{loading:A,disabled:w}),s&&Bt(Fe,{loading:A,disabled:w,readonly:J,value:N}),b&&sn(ks,{children:[r&&Bt(Me,{}),Bt(_e,{children:b})]})]})};be.states=Yp;be.options=Qp;be.className=gs;be.defaultOptions=er;be.moduleName=nn;be.folderName=Ns;be.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:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var va=be;import{jsx as Zp}from"react/jsx-runtime";var vs=e=>Zp(va,{...e});import{Fragment as zM,jsx as HM}from"react/jsx-runtime";import{Fragment as XM,jsx as $M}from"react/jsx-runtime";import{jsx as YM}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var jp=be.states,em=be.defaultOptions,tm=be.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?ln(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?ln(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),ln(vs,{value:"Value",style:{width:300},...o,...a})};xo.options=tm;xo.states=jp;xo.variants=am;xo.defaultOptions=em;xo.modifiers=om;xo.className=be.className;import{jsx as Pt,jsxs as dn}from"react/jsx-runtime";var Cs="k-actionsheet-titlebar",rm={},Se=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:l,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:N,children:k,...m}=e;return dn("div",{...m,className:n(e.className,Cs),children:[dn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Pt("div",{className:"k-actionsheet-actions",children:a}),!k&&dn("div",{className:"k-actionsheet-title",id:N,children:[t&&Pt("div",{className:"k-text-center",children:t}),o&&Pt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Pt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&Pt("div",{className:"k-actionsheet-actions",children:r})]}),(l||s)&&Pt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Pt(be,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):Pt(Ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=Cs;Se.defaultOptions=rm;import{jsx as cn,jsxs as lm}from"react/jsx-runtime";var pn="k-actionsheet-view",nm=[],im={},sm={},No=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Se&&cn(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Ot&&cn(Ot,{...s?.props});return lm("div",{...p,className:n(e.className,pn,{[`${pn}-animated`]:o}),children:[b,cn("div",{className:"k-actionsheet-content",children:a}),x]})};No.states=nm;No.options=im;No.className=pn;No.defaultOptions=sm;var Ca="action-sheet",tr=Ca;var mn="overlay",Ls=mn;import{jsx as mm}from"react/jsx-runtime";var Ms="k-overlay",dm=[],cm={},pm={},wt=e=>{let{...t}=e;return mm("div",{...t,className:n(e.className,Ms),children:e.children})};wt.states=dm;wt.options=cm;wt.className=Ms;wt.defaultOptions=pm;wt.moduleName=mn;wt.folderName=Ls;import{jsx as or,jsxs as bm}from"react/jsx-runtime";var Ss="k-actionsheet",um=[],fm={},La={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=La.side,fullscreen:o=La.fullscreen,adaptive:a=La.adaptive,overlay:r=La.overlay,template:s,children:l,header:p,footer:b,id:x,...N}=e,k=x&&!s&&p?`${x}-title`:void 0;return bm("div",{className:"k-actionsheet-container",children:[r&&or(wt,{}),or(bt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:or("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,Ss,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||or(No,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};oe.states=um;oe.options=fm;oe.className=Ss;oe.defaultOptions=La;oe.moduleName=Ca;oe.folderName=tr;oe.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as km}from"react/jsx-runtime";var As="k-actionsheet-container",hm=[],xm={},Nm={},ko=e=>{let{children:t,...o}=e;return km("div",{...o,className:As,children:t})};ko.states=hm;ko.options=xm;ko.className=As;ko.defaultOptions=Nm;ko.moduleName=Ca;ko.folderName=tr;import{jsx as gm}from"react/jsx-runtime";var un=e=>{let{...t}=e;return gm("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Cm,jsx as Ma,jsxs as fn}from"react/jsx-runtime";var bn="k-actionsheet-item",vm=[i.hover,i.focus,i.selected,i.disabled],Rt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return fn("span",{...b,className:n(e.className,bn,S(bn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma(Cm,{children:fn("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),fn("span",{className:"k-actionsheet-item-text",children:[o&&Ma("span",{className:"k-actionsheet-item-title",children:o}),a&&Ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Rt.states=vm;Rt.className=bn;import{jsx as JS,jsxs as YS}from"react/jsx-runtime";import{jsx as eA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as lA}from"react/jsx-runtime";import{jsx as he,jsxs as hn}from"react/jsx-runtime";var Lm=oe.options,Mm=oe.states,Ts={...oe.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Am=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],go=e=>{let{variant:t,modifiers:o,...a}={...Ts,...e},r={},s=hn(un,{children:[he(Rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(Rt,{text:"Add to Favorites",iconName:"heart"}),he(Rt,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(Rt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":r.actionsStart=!!o?.[b],r.actionsEnd=!!o?.[b];break;case"subtitle":r.subtitle=o?.[b]?l:void 0;break;case"footer":r.footer=!!o?.[b];break;default:break}}),t==="adaptive"?he(oe,{...a,adaptive:!0,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?hn(Ot,{alignment:"stretched",children:[he(d,{text:"Cancel",size:"large",themeColor:"base"}),he(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):he(oe,{...a,fullscreen:r.fullScreen,header:he(Se,{actionsStart:r.actionsStart?he(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?he(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?hn(Ot,{alignment:"stretched",children:[he(d,{text:"Apply",themeColor:"primary"}),he(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};go.options=Lm;go.states=Mm;go.variants=Sm;go.defaultOptions=Ts;go.modifiers=Am;go.className=oe.className;var xn="slider",ys=xn;import{jsx as vo,jsxs as Nn}from"react/jsx-runtime";var Sa="k-slider",Im=[i.hover,i.focus,i.active,i.disabled,i.readonly],Tm={},Qe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},W=e=>{let{type:t=Qe.type,orientation:o=Qe.orientation,gradientType:a=Qe.gradientType,readonly:r=Qe.readonly,disabled:s=Qe.disabled,handlePosition:l=Qe.handlePosition,showButtons:p=Qe.showButtons,showTicks:b=Qe.showTicks,value:x=Qe.value,min:N=Qe.min,max:k=Qe.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:A,dir:w,...J}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Ce;return o==="horizontal"?(fe=w==="rtl"?"chevron-left":"chevron-right",Ce=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Ce="chevron-down"),Nn("div",{...J,className:n(Sa,e.className,S(Sa,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&vo(d,{className:"k-button-decrease",rounded:"full",icon:Ce,tabIndex:-1,title:"Decrease"}),Nn("div",{className:"k-slider-track-wrap",children:[b&&vo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Nn("div",{className:"k-slider-track",style:A,children:[vo("div",{className:"k-slider-selection"}),t==="range"&&vo("span",{className:n("k-draghandle","k-draghandle-start",S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),vo("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(Sa,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??k:x,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":k,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),p&&vo(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};W.states=Im;W.options=Tm;W.className=Sa;W.defaultOptions=Qe;W.moduleName=xn;W.folderName=ys;W.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Es}from"react/jsx-runtime";var Os="k-tick",ym=[],Em={},Bs={label:!1},O=e=>{let{style:t,label:o=Bs.label,orientation:a,large:r,text:s,...l}=e;return Es("li",{...l,role:"presentation",title:s||"Tick",className:n(e.className,Os,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Es("span",{className:"k-label",children:s})})};O.states=ym;O.options=Em;O.className=Os;O.defaultOptions=Bs;import{Fragment as Om,jsx as Ze,jsxs as Bm}from"react/jsx-runtime";var Ps=e=>Ze(W,{"aria-label":e["aria-label"]||"Slider",children:Bm(Om,{children:[Ze(O,{className:"k-first",label:!0,large:!0,text:"0"}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{label:!0,large:!0,text:"5"}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Pm,jsx as je,jsxs as wm}from"react/jsx-runtime";var ws=e=>je(W,{children:wm(Pm,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as YA,jsx as JA,jsxs as QA}from"react/jsx-runtime";import{Fragment as oI,jsx as tI,jsxs as aI}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";var kn=e=>Rm(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Km}from"react/jsx-runtime";var gn=e=>Km(W,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as fI,jsx as uI,jsxs as bI}from"react/jsx-runtime";import{Fragment as gI,jsx as kI,jsxs as vI}from"react/jsx-runtime";import{jsx as ht,jsxs as Rs}from"react/jsx-runtime";var _m=W.options,Dm=W.states,Ks={...W.defaultOptions,variant:"horizontal",label:!0},Hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Co=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:p}=r,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Rs(ws,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[ht(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ht(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Rs(Ps,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[ht(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ht(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Co.options=_m;Co.states=Dm;Co.variants=Hm;Co.defaultOptions=Ks;Co.modifiers=zm;Co.className=W.className;import{jsx as _s,jsxs as $m}from"react/jsx-runtime";var Ds="k-spin-button",Gm=[],Vm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},vn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=vn.increaseLabel,decreaseLabel:s=vn.decreaseLabel,...l}=e;return $m("span",{...l,className:n(Ds,e.className),children:[_s(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),_s(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Kt.states=Gm;Kt.options=Vm;Kt.className=Ds;Kt.defaultOptions=vn;Kt.moduleName=null;Kt.folderName=null;var Hs="numeric-textbox",zs="numerictextbox";import{Fragment as Fs,jsx as gt,jsxs as Cn}from"react/jsx-runtime";var Us="k-numerictextbox",Xm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],qm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ar={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ar.separators,showClearButton:s=ar.showClearButton,showSpinButton:l=ar.showSpinButton,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,id:J,"aria-label":ce,"aria-describedby":ue,...fe}=e;return Cn(Q,{...fe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Us),children:[p&&Cn(Fs,{children:[gt(Ke,{children:p}),r&&gt(Me,{})]}),gt(Ue,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),gt(Le,{valid:L,invalid:C,loading:E,disabled:A}),gt(Re,{loading:E,disabled:A}),s&&gt(Fe,{loading:E,disabled:A,readonly:w,value:x}),b&&Cn(Fs,{children:[r&&gt(Me,{}),gt(_e,{children:b})]}),l&&gt(Kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};U.states=Xm;U.options=qm;U.className=Us;U.defaultOptions=ar;U.moduleName=Hs;U.folderName=zs;U.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .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-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Aa=U;import{jsx as Wm}from"react/jsx-runtime";var Gs=e=>Wm(Aa,{...e});import Mn from"react";import{jsx as Vs}from"react/jsx-runtime";var Jm="k-list-group-sticky-header",Ln=e=>Vs("div",{className:n(Jm,e.className),children:Vs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Qm}from"react/jsx-runtime";var Ym="k-no-data",rr=e=>{let{live:t,...o}=e;return Qm("span",{...o,className:n(Ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Lo=Yt;import{jsx as $s,jsxs as Xs}from"react/jsx-runtime";var Sn="k-list",Zm=[],jm={size:[c.undefined,c.small,c.medium,c.large]},eu={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=Mn.Children.toArray(a)[0],m=k?.props?.children?Mn.Children.count(k.props.children):Mn.Children.count(a);return Xs("div",{...x,className:n(e.className,Sn,I(Sn,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&$s(Ln,{children:r}),a||(p!==void 0?p:$s(rr,{live:!0,children:"No data found."})),b&&a&&Xs(rr,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=Zm;D.options=jm;D.className=Sn;D.defaultOptions=eu;D.moduleName=Yt;D.folderName=Lo;D.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 ru}from"react/jsx-runtime";var qs="k-list-container",tu=[],ou={},au={},Mo=e=>{let{...t}=e;return ru("div",{...t,className:n(e.className,qs),children:e.children})};Mo.states=tu;Mo.options=ou;Mo.className=qs;Mo.defaultOptions=au;Mo.moduleName=Yt;Mo.folderName=Lo;var Qt="checkbox",So=Qt;import{jsx as Ws}from"react/jsx-runtime";var nr="k-checkbox",nu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],iu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},su={},et=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return Ws("span",{className:"k-checkbox-wrap",role:m,children:Ws("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,nr,I(nr,{size:N,rounded:k}),S(nr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};et.states=nu;et.options=iu;et.className=nr;et.defaultOptions=su;et.moduleName=Qt;et.folderName=So;et.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 dt=et;import{jsx as cu}from"react/jsx-runtime";var Js="k-checkbox-list",lu=[],du={},Ys={layout:"vertical"},Ae=e=>{let{layout:t=Ys.layout,...o}=e;return cu("ul",{...o,className:n(e.className,Js,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=lu;Ae.options=du;Ae.className=Js;Ae.defaultOptions=Ys;Ae.moduleName=Qt;Ae.folderName=So;import{jsx as fu}from"react/jsx-runtime";var Qs="k-checkbox-list-item",pu=[],mu={},uu={},Ie=e=>{let{...t}=e;return fu("li",{...t,className:n(e.className,Qs),children:e.children})};Ie.states=pu;Ie.options=mu;Ie.className=Qs;Ie.defaultOptions=uu;Ie.moduleName=Qt;Ie.folderName=So;import{Fragment as bu,jsx as Zs,jsxs as hu}from"react/jsx-runtime";var vt=({children:e="Label",id:t="cb-label-after",...o})=>hu(bu,{children:[Zs(dt,{id:t,...o}),Zs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as $T,jsx as VT,jsxs as XT}from"react/jsx-runtime";import{Fragment as QT,jsx as YT,jsxs as ZT}from"react/jsx-runtime";import{Fragment as ay,jsx as oy,jsxs as ry}from"react/jsx-runtime";import{jsx as ly}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as hy}from"react/jsx-runtime";import{jsx as tt,jsxs as js}from"react/jsx-runtime";var xu=Ae.options,Nu=Ae.states,ku={...Ae.defaultOptions,variant:"vertical"},gu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?js(Ae,{layout:"horizontal",...o,children:[tt(Ie,{children:tt(vt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})})]}):js(Ae,{...o,children:[tt(Ie,{children:tt(vt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(vt,{id:T("cb"),children:"Label"})})]})};Ao.options=xu;Ao.states=Nu;Ao.variants=gu;Ao.defaultOptions=ku;Ao.modifiers=vu;Ao.className=Ae.className;import{jsx as Iu}from"react/jsx-runtime";var Cu=dt.options,Lu=dt.states,Mu=dt.defaultOptions,Su=[],Au=[],Io=e=>Iu(vt,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Io.options=Cu;Io.states=Lu;Io.variants=Su;Io.defaultOptions=Mu;Io.modifiers=Au;Io.className=dt.className;import{jsx as Zt,jsxs as Ou}from"react/jsx-runtime";var An="k-list-item",Tu=[i.hover,i.focus,i.selected,i.disabled],yu={},Eu={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:l,checked:p,hover:b,focus:x,selected:N,disabled:k,actions:m,description:L,id:C,...M}=e,E=t||e.children;return Ou("li",{...M,id:C,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":An,S(An,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Zt(et,{checked:p}),r&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:r,className:n("k-list-item-icon",s)})}),Zt("span",{className:"k-list-item-text",children:E}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Tu;P.options=yu;P.className=An;P.defaultOptions=Eu;P.moduleName=Yt;P.folderName=Lo;P.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 Pu}from"react/jsx-runtime";var Bu="k-list-ul",Ct=e=>{let{children:t,role:o,id:a,...r}=e;return Pu("ul",{...r,id:a,role:o,className:n(Bu,e.className),children:t})};Ct.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 In,jsxs as Ru}from"react/jsx-runtime";var wu="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return Ru("div",{...l,className:n(wu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:In(Ct,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&In("div",{className:"k-height-container",children:In("div",{})})]})};$.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 iE,jsx as nE,jsxs as sE}from"react/jsx-runtime";import{jsx as Tn,jsxs as _u}from"react/jsx-runtime";var Ku="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:n(Ku,e.className),children:[t&&Tn("span",{className:"k-list-item-icon-wrapper",children:Tn(v,{icon:t,className:"k-list-item-icon"})}),Tn("span",{className:"k-list-item-text",children:e.children})]})};jt.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 Fu}from"react/jsx-runtime";var yn="k-list-optionlabel",Du=[i.hover,i.focus,i.selected,i.disabled],Hu={},zu={},ir=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Fu("div",{...l,className:n(yn,S(yn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ir.states=Du;ir.options=Hu;ir.className=yn;ir.defaultOptions=zu;import{jsx as $u}from"react/jsx-runtime";var En="k-list-custom-value",Uu=[i.hover,i.focus,i.selected,i.disabled],Gu={},Vu={},_t=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return $u("div",{...l,className:n(En,S(En,{hover:o,focus:a,selected:r,disabled:s})),children:t})};_t.states=Uu;_t.options=Gu;_t.className=En;_t.defaultOptions=Vu;import{Fragment as LE,jsx as CE,jsxs as ME}from"react/jsx-runtime";import{Fragment as EE,jsx as yE,jsxs as OE}from"react/jsx-runtime";import{Fragment as DE,jsx as KE,jsxs as _E}from"react/jsx-runtime";import{Fragment as $E,jsx as GE,jsxs as VE}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{Fragment as tO,jsx as eO,jsxs as oO}from"react/jsx-runtime";var el="dropdown-list",tl="dropdownlist";import{Fragment as Wu,jsx as Te,jsxs as On}from"react/jsx-runtime";var ol="k-dropdownlist",Xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Bn={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Bn.arrowIconName,showValue:s=Bn.showValue,valueIconName:l,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,popup:J,opened:ce,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Ce,adaptiveSubtitle:$t,adaptiveFilter:Or,id:yt,activeDescendant:Va,"aria-label":Br,...Pr}=e,Dd=yt?`${yt}-listbox`:void 0,gi=yt?`${yt}-value`:void 0;return On(Wu,{children:[On(ut,{...Pr,id:yt,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,ol,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Dd:void 0,"aria-activedescendant":ce&&Va?Va:void 0,"aria-describedby":ce?gi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Br,tabIndex:0,children:[Te(Ke,{children:p}),Te(Jt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:gi}),Te(Le,{valid:L,invalid:C,loading:E,disabled:A}),Te(Re,{loading:E,disabled:A}),Te(_e,{children:b}),Te(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),ce&&J&&Te(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),ue&&Te(oe,{adaptive:!0,...fe,header:Te(Se,{actionsEnd:Te(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Or,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:On($,{"aria-label":"Options",children:[Te(P,{text:"List item"}),Te(P,{text:"List item"}),Te(P,{text:"List item"})]})})})})]})};ie.states=Xu;ie.options=qu;ie.className=ol;ie.defaultOptions=Bn;ie.moduleName=el;ie.folderName=tl;ie.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as RO}from"react/jsx-runtime";import{jsx as FO,jsxs as UO}from"react/jsx-runtime";import{Fragment as QO,jsx as JO,jsxs as YO}from"react/jsx-runtime";import{jsx as oB}from"react/jsx-runtime";import{jsx as lB,jsxs as dB}from"react/jsx-runtime";import{Fragment as NB,jsx as hB,jsxs as xB}from"react/jsx-runtime";import{jsx as LB}from"react/jsx-runtime";import{Fragment as ef,jsx as Dt,jsxs as al}from"react/jsx-runtime";var Ju=ie.states,Yu=ie.defaultOptions,Qu=ie.options,Zu=[{name:"opened",title:"Opened"}],ju=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=al(ef,{children:[Dt("div",{className:"k-list-filter",children:Dt(Ye,{})}),Dt(D,{style:{width:300},size:o.size,children:al($,{children:[Dt(P,{children:"List item"}),Dt(P,{children:"List item"}),Dt(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Dt("div",{children:Dt(ie,{placeholder:"Value",style:{width:300},...o,...a})})};yo.options=Qu;yo.states=Ju;yo.variants=ju;yo.defaultOptions=Yu;yo.modifiers=Zu;yo.className=ie.className;import{Fragment as $B,jsx as VB}from"react/jsx-runtime";import{Fragment as QB,jsx as YB}from"react/jsx-runtime";import{jsx as tP}from"react/jsx-runtime";import{jsx as Pn}from"react/jsx-runtime";var tf=U.states,of=U.defaultOptions,af=U.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Pn(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Pn(jr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Pn(Gs,{value:"Value",style:{width:300},...o,...a})};Eo.options=af;Eo.states=tf;Eo.variants=nf;Eo.defaultOptions=of;Eo.modifiers=rf;Eo.className=U.className;import{Fragment as Ia,jsx as R,jsxs as ne}from"react/jsx-runtime";var rl="k-colorgradient-inputs",sf=[],lf={size:[c.undefined,c.small,c.medium,c.large]},nl={mode:"rgba"},Oo=e=>{let{mode:t=nl.mode,size:o,...a}=e;return ne("div",{...a,className:n(rl,"k-hstack"),children:[R("div",{className:"k-vstack",children:R(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ia,{children:[ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[R(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(Ia,{children:ne("div",{className:"k-vstack k-flex-1",children:[R(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Oo.states=sf;Oo.options=lf;Oo.className=rl;Oo.defaultOptions=nl;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var il="k-colorgradient-color-contrast",df=[],cf={},pf={},Bo=()=>to("div",{className:n(il,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Bo.states=df;Bo.options=cf;Bo.className=il;Bo.defaultOptions=pf;var sl="color-gradient",ll="colorgradient";import{jsx as ot,jsxs as Ta}from"react/jsx-runtime";var sr="k-colorgradient",mf=[i.hover,i.focus,i.readonly,i.disabled],uf={size:[c.undefined,c.small,c.medium,c.large]},xt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},pe=e=>{let{size:t,mode:o=xt.mode,readonly:a=xt.readonly,disabled:r=xt.disabled,gradientStyle:s=xt.gradientStyle,dragHandleStyle:l=xt.dragHandleStyle,alphaStyle:p=xt.alphaStyle,alphaStyleHorizontal:b=xt.alphaStyleHorizontal,contrast:x=xt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=xt.canvasOrientation,role:E,tabIndex:A,...w}=e;return Ta("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:n(e.className,sr,I(sr,{size:t}),S(sr,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M||M==="horizontal"&&Ta("div",{className:"k-colorgradient-canvas k-hstack",children:[ot("div",{className:"k-hsv-rectangle",style:s,children:ot("div",{className:"k-hsv-gradient",children:ot("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-hstack",children:[ot(gn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(gn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ta("div",{className:"k-colorgradient-canvas k-vstack",children:[ot("div",{className:"k-hsv-rectangle",style:s,children:ot("div",{className:"k-hsv-gradient",children:ot("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ta("div",{className:"k-hsv-controls k-vstack",children:[ot(kn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(kn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),ot(Oo,{mode:e.mode,size:t}),x&&ot(Bo,{})]})};pe.states=mf;pe.options=uf;pe.className=sr;pe.defaultOptions=xt;pe.moduleName=sl;pe.folderName=ll;pe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as ff}from"react/jsx-runtime";var lr=e=>ff(pe,{...e});import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as wn}from"react/jsx-runtime";var bf=pe.options,hf=pe.states,xf={...pe.defaultOptions,variant:"rgba"},Nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kf=[],Po=e=>{let{variant:t,...o}=e;switch(t){case"hex":return wn(lr,{...o,mode:t});case"rgb":return wn(lr,{...o,mode:t});default:return wn(lr,{...o,mode:t})}};Po.options=bf;Po.states=hf;Po.variants=Nf;Po.defaultOptions=xf;Po.modifiers=kf;Po.className=pe.className;import{jsx as gf}from"react/jsx-runtime";var Rn=e=>gf("tr",{role:"row",children:e.children});import{jsx as Lf}from"react/jsx-runtime";var Kn="k-colorpalette-tile",vf=[i.hover,i.focus,i.selected],Cf={},wo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...l}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Lf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,Kn,S(Kn,{hover:a,focus:r,selected:s})),style:p})};wo.states=vf;wo.options=Cf;wo.className=Kn;var dl="color-palette",cl="colorpalette";import{jsx as ya}from"react/jsx-runtime";var dr="k-colorpalette",Mf=[i.disabled],Sf={size:[c.undefined,c.small,c.medium,c.large]},pl={columns:10},ye=e=>{let{size:t,palette:o,columns:a=pl.columns,tileSize:r,disabled:s,...l}=e,p=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,k)=>{let m=[];x.slice(k*b,(k+1)*b).map((C,M)=>{m.push(ya(wo,{color:C,tileSize:r},M))});let L=ya(Rn,{children:m},k);p.push(L)})}return ya("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,dr,S(dr,{disabled:s}),I(dr,{size:t})),children:ya("table",{className:"k-colorpalette-table",role:"none",children:ya("tbody",{children:p.length>0?p:e.children})})})};ye.states=Mf;ye.options=Sf;ye.className=dr;ye.defaultOptions=pl;ye.moduleName=dl;ye.folderName=cl;ye.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var cr=ye;var Ea={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Af}from"react/jsx-runtime";var ml=e=>Af(cr,{palette:Ea.basic,...e});import{jsx as Sw}from"react/jsx-runtime";import{jsx as Ow,jsxs as Bw}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var If=ye.options,Tf=ye.states,yf={...ye.defaultOptions,variant:"basic"},Ef=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Of={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Bf=[],Ro=e=>{let{variant:t="basic",...o}=e,a=Of[t];return Pf(ml,{columns:a.columns,palette:a,...o})};Ro.options=If;Ro.states=Tf;Ro.variants=Ef;Ro.defaultOptions=yf;Ro.modifiers=Bf;Ro.className=ye.className;var ul="color-editor",fl="coloreditor";import{jsx as at,jsxs as Ko}from"react/jsx-runtime";var pr="k-coloreditor",wf=[i.focus],Rf={size:[c.undefined,c.small,c.medium,c.large]},Oa={view:"gradient",palette:Ea.office,actionButtons:!0,canvasOrientation:"horizontal"},ae=e=>{let{size:t,view:o=Oa.view,palette:a=Oa.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Oa.actionButtons,canvasOrientation:k=Oa.canvasOrientation,...m}=e;return Ko("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",pr,I(pr,{size:t}),S(pr,{focus:l})),dir:b,children:[Ko("div",{className:"k-coloreditor-header k-hstack",children:[at("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Ko(B,{fillMode:"flat",children:[at(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),at(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),at("div",{className:"k-spacer"}),Ko("div",{className:"k-coloreditor-header-actions k-hstack",children:[at(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ko("div",{className:"k-coloreditor-preview k-vstack",children:[at(Et,{className:"k-coloreditor-preview-color",color:r}),at(Et,{className:"k-coloreditor-current-color",color:s})]})]})]}),at("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?at(pe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):at(ye,{palette:a,size:t})}),N&&Ko(z,{className:"k-coloreditor-footer",alignment:"start",children:[at(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),at(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ae.states=wf;ae.options=Rf;ae.className=pr;ae.defaultOptions=Oa;ae.moduleName=ul;ae.folderName=fl;ae.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var _o=ae;import{jsx as sR}from"react/jsx-runtime";import{jsx as pR}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var bl=e=>Kf(_o,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var hl=e=>_f(_o,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as xl}from"react/jsx-runtime";var Df=ae.options,Hf=ae.states,zf={...ae.defaultOptions,variant:"gradient"},Ff=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Do=e=>{let{variant:t,...o}=e;return t==="palette"?xl(hl,{...o,color:"white"}):xl(bl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Do.options=Df;Do.states=Hf;Do.variants=Ff;Do.defaultOptions=zf;Do.modifiers=Uf;Do.className=ae.className;var Nl="color-picker",kl="colorpicker";import{Fragment as $f,jsx as rt,jsxs as _n}from"react/jsx-runtime";var gl="k-colorpicker",Gf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Vf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},vl={arrowIconName:"chevron-down"},Ge=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=vl.arrowIconName,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,valueIconName:M,popup:E,opened:A,adaptive:w,adaptiveSettings:J,adaptiveTitle:ce,adaptiveSubtitle:ue,...fe}=e,Ce="colorpicker-popup";return _n($f,{children:[_n(ut,{...fe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A||w?Ce:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,gl,"k-icon-picker"),children:[rt(Ke,{children:s}),rt(Jt,{placeholder:b,value:p,showValue:!1,valueIcon:rt(Et,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),rt(_e,{children:l}),rt(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&rt(F,{id:Ce,className:"k-colorpicker-popup",children:E}),w&&rt(oe,{adaptive:!0,id:Ce,...J,header:rt(Se,{actionsEnd:rt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ce,subtitle:ue}),footer:_n(Ot,{children:[rt(d,{text:"Cancel",size:"large"}),rt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:rt(ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ge.states=Gf;Ge.options=Vf;Ge.className=gl;Ge.defaultOptions=vl;Ge.moduleName=Nl;Ge.folderName=kl;Ge.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Lt=Ge;import{jsx as Xf}from"react/jsx-runtime";var mr=e=>Xf(Lt,{...e});import{jsx as WR}from"react/jsx-runtime";import{jsx as jR}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as sK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as bK}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var qf=Lt.options,Wf=Lt.states,Cl={...Lt.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Ho=e=>{let{variant:t,modifiers:o,...a}={...Cl,...e},r={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?oo(ae,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return oo("div",{style:s,children:oo(mr,{...a,...r})});case"icon":return oo("div",{style:s,children:oo(mr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return oo("div",{style:s,children:oo(mr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Ho.options=qf;Ho.states=Wf;Ho.variants=Jf;Ho.defaultOptions=Cl;Ho.modifiers=Yf;Ho.className=Lt.className;var Dn="combobox",Ll=Dn;import{Fragment as Hn,jsx as se,jsxs as Ba}from"react/jsx-runtime";var Ml="k-combobox",Qf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Sl={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Sl.separators,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,popup:E,opened:A,readonly:w,adaptive:J,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Ce,id:$t,autocomplete:Or,activeDescendant:yt,"aria-label":Va,...Br}=e,Pr=$t?`${$t}-listbox`:void 0;return Ba(Hn,{children:[Ba(Q,{...Br,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,readonly:w,className:n(e.className,Ml),children:[s&&Ba(Hn,{children:[se(Ke,{children:s}),r&&se(Me,{})]}),se(Ue,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?Pr:void 0,"aria-activedescendant":A&&yt?yt:void 0,"aria-autocomplete":Or,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Va,disabled:M,readOnly:w}),se(Le,{valid:k,invalid:m,loading:C,disabled:M}),se(Re,{loading:C,disabled:M}),se(Fe,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(Hn,{children:[r&&se(Me,{}),se(_e,{children:l})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&E&&se(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&se(oe,{adaptive:!0,id:$t?`${$t}-adaptive`:void 0,...ce,header:se(Se,{actionsEnd:se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:ue,subtitle:fe}),children:se("div",{className:"k-list-container",children:se(D,{customValue:Ce?se(_t,{text:`Use "${p}"`}):void 0,size:"large",children:Ba($,{"aria-label":ue||"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};ke.states=Qf;ke.options=Zf;ke.className=Ml;ke.defaultOptions=Sl;ke.moduleName=Dn;ke.folderName=Ll;ke.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Ve=ke;import{jsx as jf}from"react/jsx-runtime";var Al=e=>jf(Ve,{...e});import{jsx as QK,jsxs as ZK}from"react/jsx-runtime";import{jsx as r_,jsxs as n_}from"react/jsx-runtime";import{jsx as p_,jsxs as m_}from"react/jsx-runtime";import{Fragment as N_,jsx as x_}from"react/jsx-runtime";import{Fragment as M_,jsx as L_}from"react/jsx-runtime";import{jsx as E_,jsxs as O_}from"react/jsx-runtime";import{Fragment as H_,jsx as __,jsxs as D_}from"react/jsx-runtime";import{jsx as G_}from"react/jsx-runtime";import{jsx as q_}from"react/jsx-runtime";import{jsx as j_,jsxs as e0}from"react/jsx-runtime";import{jsx as i0,jsxs as s0}from"react/jsx-runtime";import{jsx as Ht,jsxs as nb}from"react/jsx-runtime";var eb=ke.states,tb=ke.defaultOptions,ob=ke.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rb=[],zo=e=>{let{modifiers:t,...o}=e,a={},r=Ht(D,{style:{width:300},size:o.size,children:nb($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ht(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ht(G,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),Ht("div",{children:Ht(Al,{value:"Value",style:{width:300},...o,...a})})};zo.options=ob;zo.states=eb;zo.variants=rb;zo.defaultOptions=tb;zo.modifiers=ab;zo.className=ke.className;var zn="menu-button",Il=zn;import{jsx as lb}from"react/jsx-runtime";var Tl="k-menu-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],sb={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Fn={showArrow:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,showArrow:m=Fn.showArrow,arrowIconName:L=Fn.arrowIconName,expanded:C,...M}=e;return lb(d,{...M,className:n(e.className,Tl),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};X.states=ib;X.options=sb;X.className=Tl;X.defaultOptions=Fn;X.moduleName=zn;X.folderName=Il;X.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."}]};import{jsx as z0}from"react/jsx-runtime";import{jsx as V0}from"react/jsx-runtime";import{jsx as W0}from"react/jsx-runtime";var $e="menu",nt=$e;import{jsx as Pa,jsxs as yl}from"react/jsx-runtime";var Un="k-menu-item",db=[i.hover,i.focus,i.active,i.selected,i.disabled],cb={},El={iconPosition:"before"},ge=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=El.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),yl("li",{...E,className:n(e.className,Un,"k-item",S(Un,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yl("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&Pa(v,{className:"k-menu-link-icon",icon:l}),Pa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Pa(v,{className:"k-menu-link-icon",icon:l}),N&&Pa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Pa(v,{icon:A})})]}),C]})};ge.states=db;ge.options=cb;ge.className=Un;ge.defaultOptions=El;ge.moduleName=$e;ge.folderName=nt;import{jsx as wa,jsxs as Ol}from"react/jsx-runtime";var Gn="k-menu-item",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={},Vn={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=Vn.iconPosition,dir:L=Vn.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w||(w=L==="rtl"?"chevron-left":"chevron-right"),Ol("li",{...A,className:n(e.className,Gn,"k-item",S(Gn,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ol("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[l&&m==="before"&&wa(v,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&wa(v,{className:"k-menu-link-icon",icon:l}),N&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(v,{icon:w})})]}),C,M]})};Z.states=pb;Z.options=mb;Z.className=Gn;Z.defaultOptions=Vn;Z.moduleName=$e;Z.folderName=nt;import{jsx as hb}from"react/jsx-runtime";var Bl="k-menu-scroll-wrapper",ub=[],fb={},bb={},ao=e=>{let{className:t,children:o,orientation:a,...r}=e;return hb("div",{...r,className:n(t,Bl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=ub;ao.options=fb;ao.className=Bl;ao.defaultOptions=bb;ao.moduleName=$e;ao.folderName=nt;var Pl=ao;import{Fragment as $n,jsx as ro,jsxs as fr}from"react/jsx-runtime";var Xn="k-menu",xb=[],Nb={},br={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},me=e=>{let{children:t,orientation:o=br.orientation,header:a=br.header,scrollable:r,scrollButtonsPosition:s=br.scrollButtonsPosition,wrapperStyles:l,dir:p,popup:b,contextMenu:x,...N}=e,k={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ro("ul",{dir:p,...N,className:n(e.className,"k-reset",Xn,{[`${Xn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return fr($n,{children:[r?fr(Pl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&fr($n,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&fr($n,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,b]})};me.states=xb;me.options=Nb;me.className=Xn;me.defaultOptions=br;me.moduleName=$e;me.folderName=nt;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."}]};import{jsx as kb}from"react/jsx-runtime";var qn="k-separator",wl={orientation:"horizontal"},Fo=e=>{let{orientation:t=wl.orientation,...o}=e;return kb("li",{...o,className:n(e.className,"k-item",qn,{[`${qn}-${t}`]:t}),role:"separator"})};Fo.className=qn;Fo.defaultOptions=wl;Fo.moduleName=$e;Fo.folderName=nt;import{Fragment as LD,jsx as MD}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var Wn="k-menu-group",gb=[],vb={size:[c.undefined,c.small,c.medium,c.large]},Cb={},ve=e=>{let{children:t,size:o,...a}=e;return Lb("ul",{...a,className:n(e.className,Wn,I(Wn,{size:o})),role:"menu",children:t})};ve.states=gb;ve.options=vb;ve.className=Wn;ve.defaultOptions=Cb;ve.moduleName=$e;ve.folderName=nt;import{Fragment as Mb,jsx as Uo,jsxs as Sb}from"react/jsx-runtime";var Jn=e=>Uo(me,{children:Sb(Mb,{children:[Uo(ge,{first:!0,text:"Item 1"}),Uo(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Uo(ge,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Uo(ge,{text:"Item 4"}),Uo(ge,{last:!0,text:"Item 5"})]}),...e});import{Fragment as DD,jsx as KD,jsxs as _D}from"react/jsx-runtime";import{Fragment as GD,jsx as UD,jsxs as VD}from"react/jsx-runtime";import{Fragment as JD,jsx as WD,jsxs as YD}from"react/jsx-runtime";import{Fragment as tH,jsx as eH,jsxs as oH}from"react/jsx-runtime";import{jsx as no,jsxs as Eb}from"react/jsx-runtime";var Ab=me.options,Ib=me.states,Rl={...me.defaultOptions,variant:"horizontal"},Tb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...Rl,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=no(F,{className:"k-menu-popup",children:Eb(ve,{children:[no(Z,{text:"Item 1"}),no(Z,{text:"Item 2"}),no(Fo,{}),no(Z,{text:"Item 3"})]})});break}}),t==="vertical"?no(Jn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):no(Jn,{...a,...r})};Go.options=Ab;Go.states=Ib;Go.variants=Tb;Go.defaultOptions=Rl;Go.modifiers=yb;Go.className=me.className;import{Fragment as wH,jsx as BH,jsxs as PH}from"react/jsx-runtime";import{jsx as DH}from"react/jsx-runtime";import{Fragment as Rb,jsx as Nt,jsxs as Kl}from"react/jsx-runtime";var Ob=d.states,_l={...d.defaultOptions,variant:"text"},Bb=d.options,Pb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={..._l,...e},r={},s=Nt(F,{className:"k-menu-popup",children:Kl(ve,{size:a.size,children:[Nt(Z,{first:!0,text:"Menu Item"}),Nt(Z,{text:"Menu Item"}),Nt(Z,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Nt("div",{children:Nt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=Nt("div",{children:Nt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=Nt("div",{children:Nt(X,{...a,...r,children:"Dropdown Button"})});break}return Kl(Rb,{children:[l,o?.opened&&s]})};Vo.options=Bb;Vo.states=Ob;Vo.variants=Pb;Vo.defaultOptions=_l;Vo.modifiers=wb;Vo.className=X.className;var Yn="split-button",Dl=Yn;import{Fragment as Db,jsx as Qn,jsxs as Hl}from"react/jsx-runtime";var Zn="k-split-button",Kb=[i.hover,i.focus,i.active,i.selected,i.disabled],_b={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},zl={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,arrowIconName:m=zl.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Hl(Db,{children:[Hl("div",{...E,className:n(e.className,Zn,"k-button-group",I(Zn,{rounded:o})),children:[Qn(d,{text:k,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),Qn(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&L&&Qn(F,{className:"k-menu-popup",children:L})]})};K.states=Kb;K.options=_b;K.className=Zn;K.defaultOptions=zl;K.moduleName=Yn;K.folderName=Dl;K.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.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 jn=K;import{jsx as zb}from"react/jsx-runtime";var Hb="k-toolbar-separator",ct=e=>zb("div",{className:n(Hb,e.className,"k-separator")});var Mt="toolbar",zt=Mt;import{Fragment as ei,jsx as H,jsxs as $o}from"react/jsx-runtime";var St="k-toolbar",Fb=[i.focus],Ub={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Gb={scrollButtons:"around"},_=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:l,scrollingPosition:p,section:b,...x}=e,N=[],k=(m,L)=>{let C=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))C.push(H(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===d)C.push(H(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===V)C.push(H(V,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===G)C.push(H(G,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===X)C.push(H(X,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===jn)C.push(H(jn,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B||m.props.className&&m.props.className.includes("k-button-group")){let M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,w)=>{M.push(H(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${w}-${new Date().getTime()}`))}),C.push(H(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${L}-${new Date().getTime()}`))}else m.type===ke?C.push(H(ke,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===ie?C.push(H(ie,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ge?C.push(H(Ge,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),$o("div",{...x,className:n(e.className,St,I(St,{size:t,fillMode:o}),S(St,{focus:a}),{[`${St}-resizable`]:r,[`${St}-scrollable`]:s,[`${St}-scrollable-overlay`]:s&&l==="hidden",[`${St}-scrollable-${p}`]:p&&p!=="both",[`${St}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&l==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&l==="start"&&$o(ei,{children:[$o(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(ct,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&$o(ei,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(ct,{className:"k-toolbar-button-separator"}),$o(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&$o(ei,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(ct,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(ct,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};_.states=Fb;_.options=Ub;_.className=St;_.defaultOptions=Gb;_.moduleName=Mt;_.folderName=zt;_.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as qb}from"react/jsx-runtime";var Fl="k-floating-toolbar",Vb=[],$b={},Xb={},Xo=e=>{let{...t}=e;return qb("div",{...t,className:n(e.className,Fl),children:e.children})};Xo.states=Vb;Xo.options=$b;Xo.className=Fl;Xo.defaultOptions=Xb;Xo.moduleName=Mt;Xo.folderName=zt;import{jsx as Qb}from"react/jsx-runtime";var ti="k-toolbar-item",Wb=[i.focus],Jb={},Yb={},qo=e=>{let{focus:t,...o}=e;return Qb("div",{...o,className:n(e.className,ti,S(ti,{focus:t})),children:e.children})};qo.states=Wb;qo.options=Jb;qo.className=ti;qo.defaultOptions=Yb;qo.moduleName=Mt;qo.folderName=zt;import{jsx as Ul}from"react/jsx-runtime";var Gl="k-toolbar-popup",Zb=[],jb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},eh={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Ul(F,{...r,className:n(e.className,Gl),children:a?Ul("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Zb;io.options=jb;io.className=Gl;io.defaultOptions=eh;io.moduleName=Mt;io.folderName=zt;var hr=io;import{jsx as F1}from"react/jsx-runtime";import{jsx as $1}from"react/jsx-runtime";import{jsx as J1}from"react/jsx-runtime";import{jsx as t2,jsxs as o2}from"react/jsx-runtime";import{jsx as i2}from"react/jsx-runtime";import{jsx as At,jsxs as nh}from"react/jsx-runtime";var th=K.states,Vl={...K.defaultOptions,variant:"text"},oh=K.options,ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rh=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...Vl,...e},r={},s=nh(ve,{size:a.size,children:[At(Z,{first:!0,text:"Menu Item"}),At(Z,{text:"Menu Item"}),At(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?s:"")}),t){case"icon-only":return At("div",{children:At(K,{...a,...r,icon:"star"})});case"icon-and-text":return At("div",{children:At(K,{...a,...r,icon:"star",children:"Split Button"})});default:return At("div",{children:At(K,{...a,...r,children:"Split Button"})})}};Wo.options=oh;Wo.states=th;Wo.variants=ah;Wo.defaultOptions=Vl;Wo.modifiers=rh;Wo.className=K.className;import{jsx as so,jsxs as ih}from"react/jsx-runtime";var $l=e=>so(_,{children:[so(d,{children:"Button"},"toolbar-button"),so(X,{text:"Menu button"},"toolbar-menu-button"),so(K,{children:"Split button"},"toolbar-split-button"),ih(B,{children:[so(d,{className:"k-group-start",icon:"align-left",children:"Left"}),so(d,{icon:"align-center",children:"Center"}),so(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as R2,jsxs as K2}from"react/jsx-runtime";import{jsx as Xe,jsxs as Xl}from"react/jsx-runtime";var ql=e=>Xe(_,{scrollable:!0,...e,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(K,{children:"Split button"},"toolbar-split-button"),Xl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(K,{children:"Split button"},"toolbar-split-button"),Xl(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as qe,jsxs as Wl}from"react/jsx-runtime";var Jl=({scrollingPosition:e="start",...t})=>qe(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(K,{children:"Split button"},"toolbar-split-button"),Wl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(K,{children:"Split button"},"toolbar-split-button"),Wl(B,{children:[qe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(d,{icon:"align-center",children:"Center"}),qe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as sh,jsx as De,jsxs as xr}from"react/jsx-runtime";var Yl=({fillMode:e,size:t,...o})=>xr(sh,{children:[De(_,{section:!0,fillMode:e,size:t,children:[De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),xr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),De(ct,{className:"k-toolbar-button-separator"}),De(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),xr(hr,{size:t,fillMode:e,section:!0,...o,children:[De(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),De(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),De(ct,{}),De(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),xr(B,{fillMode:e,children:[De(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),De(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),De(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as bz,jsx as uz,jsxs as fz}from"react/jsx-runtime";import{Fragment as Az,jsx as Mz,jsxs as Sz}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var lh=_.options,dh=_.states,Ql={..._.defaultOptions,variant:"default"},ch=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ph=[],Jo=e=>{let{variant:t,...o}={...Ql,...e};switch(t){case"responsive":return Ft("div",{children:Ft(Yl,{style:{width:"583px"},...o})});case"overlay":return Ft("div",{children:Ft(Jl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ft("div",{children:Ft(ql,{style:{width:"583px"},...o})});default:return Ft("div",{children:Ft($l,{style:{width:"583px"},...o})})}};Jo.options=lh;Jo.states=dh;Jo.variants=ch;Jo.defaultOptions=Ql;Jo.modifiers=ph;Jo.className=_.className;var oi="speech-to-text-button",Zl=oi;import{jsx as mh}from"react/jsx-runtime";var jl="k-speech-to-text-button",ed={icon:"microphone"},re=e=>{let{listening:t=!1,icon:o=ed.icon,...a}=e;return mh(d,{...a,icon:t?"stop":o,className:n(e.className,jl,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};re.states=d.states;re.options=d.options;re.className=jl;re.defaultOptions=ed;re.moduleName=oi;re.folderName=Zl;re.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 s3}from"react/jsx-runtime";import{jsx as p3}from"react/jsx-runtime";import{jsx as xh}from"react/jsx-runtime";var uh=d.states,td={...d.defaultOptions,variant:"normal"},fh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},bh=[],hh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...td,...e},a={};return t==="listening"&&(a.listening=!0),xh(re,{...o,...a})};Yo.options=fh;Yo.states=uh;Yo.variants=hh;Yo.defaultOptions=td;Yo.modifiers=bh;Yo.className=re.className;var ai="textarea",od=ai;import{Fragment as ad,jsx as Ra,jsxs as ri}from"react/jsx-runtime";var rd="k-textarea",Nh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],kh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Qo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=Qo.prefixSeparator,suffixSeparator:s=Qo.prefixSeparator,affixesOrientation:l=Qo.affixesOrientation,flow:p=Qo.flow,resize:b=Qo.resize,prefix:x,suffix:N,rows:k,value:m,placeholder:L,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,...Ce}=e;return ri(Q,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,rd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ri(ad,{children:[Ra(Ke,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"})]}),Ra(ka,{className:n("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:L,rows:k,disabled:J,id:ce,"aria-label":ue,"aria-describedby":fe,"aria-invalid":A?"true":void 0}),N&&ri(ad,{children:[s&&Ra(Me,{direction:p==="horizontal"?"vertical":"horizontal"}),Ra(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Y.states=Nh;Y.options=kh;Y.className=rd;Y.defaultOptions=Qo;Y.moduleName=ai;Y.folderName=od;Y.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};import{jsx as O3}from"react/jsx-runtime";import{Fragment as _3,jsx as K3}from"react/jsx-runtime";import{Fragment as G3,jsx as U3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var gh=Y.options,vh=Y.states,nd={...Y.defaultOptions,variant:"vertical"},Ch=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Nr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Nr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Nr(Y,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Nr(Y,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};Zo.options=gh;Zo.states=vh;Zo.variants=Ch;Zo.defaultOptions=nd;Zo.modifiers=Lh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";var ii="suggestion",id=ii;import{jsx as kr,jsxs as Ah}from"react/jsx-runtime";var gr="k-suggestion-group",Mh=[],Sh={},sd={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=sd.layout,scrollingPosition:o,...a}=e,r=kr("div",{...a,className:n(gr,{"k-suggestion-group-scrollable":t=="scrollable",[`${gr}-scrollable-start`]:o==="start"||o==="both",[`${gr}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?kr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ah("div",{className:"k-suggestion-scrollwrap",children:[kr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,kr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};it.states=Mh;it.options=Sh;it.className=gr;it.defaultOptions=sd;it.moduleName=ii;it.folderName=id;import{jsx as Eh}from"react/jsx-runtime";var vr="k-suggestion",Ih=[i.active,i.hover,i.focus],Th={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},yh={text:"Suggestion"},pt=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Eh("span",{...l,className:n(e.className,vr,S(vr,{hover:a,active:o,focus:r}),I(vr,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};pt.states=Ih;pt.options=Th;pt.className=vr;pt.item=yh;import{Fragment as E5,jsx as y5,jsxs as O5}from"react/jsx-runtime";import{Fragment as K5,jsx as R5,jsxs as _5}from"react/jsx-runtime";import{Fragment as U5,jsx as F5,jsxs as G5}from"react/jsx-runtime";import{Fragment as sF,jsx as nF,jsxs as iF}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var Oh="k-chip-action";var It=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Cr(v,{icon:"x-circle",size:"small"});break;case"more":a=Cr(v,{icon:"more-vertical",size:"small"});break;default:return Cr(v,{icon:t,size:"small"})}return Cr("span",{...o,className:n(e.className,Oh,`k-chip-${t}-action`),children:a})};var si="avatar",ld=si;import{jsx as dd}from"react/jsx-runtime";var Ka="k-avatar";var Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},li={type:"text",border:!1},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=li.type,border:l=li.border,...p}=e;return dd("div",{...p,className:n(e.className,Ka,I(Ka,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Ka}-bordered`]:l}),children:dd("span",{className:`${Ka}-${s}`,children:e.children})})};Ee.states=Bh;Ee.options=Ph;Ee.className=Ka;Ee.defaultOptions=li;Ee.moduleName=si;Ee.folderName=ld;Ee.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var lo=Ee;import{jsx as wh}from"react/jsx-runtime";var cd=e=>wh(lo,{type:"icon",...e});import{jsx as Rh}from"react/jsx-runtime";var pd=e=>Rh(lo,{type:"text",...e});import{jsx as Kh}from"react/jsx-runtime";var md=e=>Kh(lo,{type:"image",...e});import{jsx as yF}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var _h=Ee.options,Dh=Ee.states,Hh={...Ee.defaultOptions,variant:"image"},zh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Fh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(cd,{...o,children:_a(v,{icon:"star"})});case"text":return _a(pd,{...o,children:"JO"});default:return _a(md,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=_h;jo.states=Dh;jo.variants=zh;jo.defaultOptions=Hh;jo.modifiers=Fh;jo.className=Ee.className;var Da="chip",Lr=Da;import{jsx as ea,jsxs as Vh}from"react/jsx-runtime";var Mr="k-chip",Uh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},ud={avatarImage:"/packages/html/assets/avatar.jpg"},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=ud.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Vh("div",{...M,className:n(e.className,Mr,I(Mr,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Mr,{hover:N,focus:k,active:m,disabled:C,selected:L})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[l&&ea(v,{className:"k-chip-icon",icon:l,size:"small"}),b&&ea(Ee,{className:"k-chip-avatar",type:"image",children:ea("img",{src:x,alt:""})}),ea("span",{className:"k-chip-content",children:e.children?e.children:s&&ea("span",{className:"k-chip-label",children:s})}),p&&ea("span",{className:"k-chip-actions",children:p})]})};Oe.states=Uh;Oe.options=Gh;Oe.className=Mr;Oe.defaultOptions=ud;Oe.moduleName=Da;Oe.folderName=Lr;Oe.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var st=Oe;import{jsx as Wh}from"react/jsx-runtime";var di="k-chip-list",$h=[],Xh={size:[c.undefined,c.small,c.medium,c.large]},qh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Wh("div",{...r,className:n(e.className,di,I(di,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:a||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};xe.states=$h;xe.options=Xh;xe.className=di;xe.defaultOptions=qh;xe.moduleName=Da;xe.folderName=Lr;xe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as Jh}from"react/jsx-runtime";var Sr=e=>Jh(st,{text:"text",...e});import{jsx as xU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{Fragment as IU,jsx as AU,jsxs as TU}from"react/jsx-runtime";import{jsx as PU,jsxs as wU}from"react/jsx-runtime";import{jsx as HU,jsxs as zU}from"react/jsx-runtime";import{jsx as XU,jsxs as qU}from"react/jsx-runtime";import{jsx as ta,jsxs as tx}from"react/jsx-runtime";var Yh={...st.options,...xe.options},Qh=[],Zh=xe.states,jh={...st.defaultOptions,...xe.defaultOptions},ex=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],oa=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return tx(xe,{size:a.size,className:o,children:[ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(It,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(It,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),ta(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?ta(It,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Yh;oa.states=Zh;oa.variants=Qh;oa.defaultOptions=jh;oa.modifiers=ex;oa.className=xe.className;import{jsx as ci}from"react/jsx-runtime";var ox=Oe.states,ax=Oe.defaultOptions,rx=Oe.options,nx=[],ix=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],aa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[r]?ci(It,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[r]?ci(It,{type:"remove"}):void 0;break;default:break}}),ci(Oe,{...o,...a,children:"Chip component"})};aa.options=rx;aa.states=ox;aa.variants=nx;aa.defaultOptions=ax;aa.modifiers=ix;aa.className=Oe.className;import{Fragment as wG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{jsx as lx}from"react/jsx-runtime";var sx="k-card-callout",fd=e=>{let{callout:t,...o}=e;return lx("span",{...o,className:n(e.className,sx,{[`k-callout-${Ci.calloutMap[t]||t}`]:t})})};var We="card",lt=We;import{Fragment as mx,jsx as bd,jsxs as ux}from"react/jsx-runtime";var pi="k-card",dx=[i.hover,i.focus,i.selected,i.disabled],cx={},px={},j=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return ux("div",{...p,className:n(e.className,pi,S(pi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&bd(fd,{callout:o}),bd(mx,{children:e.children})]})};j.states=dx;j.options=cx;j.className=pi;j.defaultOptions=px;j.moduleName=We;j.folderName=lt;j.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};import{Fragment as xx,jsx as hd}from"react/jsx-runtime";var mi="k-card-list",fx=[],bx={},hx={},Ut=e=>{let{...t}=e;return hd("div",{...t,className:n(e.className,mi,S(mi,{})),role:"list",children:hd(xx,{children:e.children})})};Ut.states=fx;Ut.options=bx;Ut.className=mi;Ut.defaultOptions=hx;Ut.moduleName=We;Ut.folderName=lt;Ut.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as vx}from"react/jsx-runtime";var xd="k-card-group",Nx=[],kx={},gx={},ra=e=>{let{...t}=e;return vx("div",{...t,className:n(e.className,xd),children:e.children})};ra.states=Nx;ra.options=kx;ra.className=xd;ra.defaultOptions=gx;ra.moduleName=We;ra.folderName=lt;import{jsx as Sx}from"react/jsx-runtime";var ui="k-card-wrap",Cx=[i.focus,i.selected],Lx={},Mx={},na=e=>{let{focus:t,selected:o,...a}=e;return Sx("div",{...a,className:n(e.className,ui,S(ui,{focus:t,selected:o})),children:e.children})};na.states=Cx;na.options=Lx;na.className=ui;na.defaultOptions=Mx;na.moduleName=We;na.folderName=lt;import{jsx as Ix}from"react/jsx-runtime";var fi="k-card-title",Ax=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Ix("div",{...a,className:n(e.className,fi,S(fi,{hover:t,focus:o})),children:e.children})};co.states=Ax;co.className=fi;import{jsx as yx}from"react/jsx-runtime";var Tx="k-card-subtitle",Ar=e=>{let{...t}=e;return yx("div",{...t,className:n(e.className,Tx),children:e.children})};import{Fragment as kd,jsx as Ir}from"react/jsx-runtime";var Nd="k-card-media",bi=e=>{let{src:t,...o}=e;return Ir(kd,{children:t?Ir("img",{...o,className:n(e.className,Nd),src:t}):Ir("span",{...o,className:n(e.className,Nd),children:Ir(kd,{children:e.children})})})};import{Fragment as Ox,jsx as Ha,jsxs as Bx}from"react/jsx-runtime";var Ex="k-card-header",Tt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Bx("div",{...r,className:n(e.className,Ex),children:[t&&Ha(co,{children:t}),o&&Ha(Ar,{children:o}),Ha(Ox,{children:e.children}),a&&Ha("span",{className:"k-card-header-actions",children:Ha(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as wx}from"react/jsx-runtime";var Px="k-card-footer",hi=e=>{let{...t}=e;return wx("div",{...t,className:n(e.className,Px),children:e.children})};import{Fragment as Kx,jsx as za,jsxs as _x}from"react/jsx-runtime";var Rx="k-card-body",Je=e=>{let{title:t,subtitle:o,details:a,...r}=e;return _x("div",{...r,className:n(e.className,Rx),children:[t&&za(co,{children:t}),o&&za(Ar,{children:o}),za(Kx,{children:e.children}),a&&za("span",{className:"k-card-header-actions",children:za(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Fx}from"react/jsx-runtime";var gd="k-card-deck",Dx=[],Hx={},zx={},ia=e=>{let{...t}=e;return Fx("div",{...t,className:n(e.className,gd),children:e.children})};ia.states=Dx;ia.options=Hx;ia.className=gd;ia.defaultOptions=zx;ia.moduleName=We;ia.folderName=lt;import{jsx as $x}from"react/jsx-runtime";var vd="k-card-deck-scrollwrap",Ux=[],Gx={},Vx={},sa=e=>{let{...t}=e;return $x("div",{...t,className:n(e.className,vd),children:e.children})};sa.states=Ux;sa.options=Gx;sa.className=vd;sa.defaultOptions=Vx;sa.moduleName=We;sa.folderName=lt;import{Fragment as Xx,jsx as la,jsxs as Cd}from"react/jsx-runtime";var Ld=e=>la(j,{orientation:"vertical",children:Cd(Xx,{children:[la(Tt,{children:"Card Header"}),la(Je,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Cd(z,{className:"k-card-actions",children:[la(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),la(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as qx,jsx as Fa,jsxs as Md}from"react/jsx-runtime";var Sd=e=>Fa(j,{orientation:"horizontal",children:Md(qx,{children:[Fa(Je,{title:"Card Title",children:Fa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Md(z,{orientation:"vertical",className:"k-card-actions",children:[Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Fa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{jsx as Be,jsxs as Ua}from"react/jsx-runtime";var Wx=j.options,Jx=j.states,Ad={...j.defaultOptions,variant:"vertical"},Yx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...Ad,...e},r=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(p=>{switch(p){case"media":{r=!!o?.[p];break}case"header":{s=!!o?.[p];break}case"footer":{l=!!o?.[p];break}}}),t==="horizontal"?Ua(Sd,{style:{maxWidth:"420px"},...a,children:[r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ua("div",{children:[s&&Be(Tt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(Je,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"})]}),(s||l)&&Be("span",{className:"k-separator k-separator-vertical"}),Ua(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Ua(Ld,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Be(Tt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Be(bi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Be(Je,{title:"Title",subtitle:"Subtitle",children:Be("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Be(hi,{children:"Card Footer"}),Ua(z,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Wx;da.states=Jx;da.variants=Yx;da.defaultOptions=Ad;da.modifiers=Qx;da.className=j.className;import{jsx as R6,jsxs as K6}from"react/jsx-runtime";var xi="panelbar",Id=xi;import{jsx as tN}from"react/jsx-runtime";var Td="k-panelbar",Zx=[],jx={},eN={},Ne=e=>{let{activeDescendant:t,...o}=e;return tN("ul",{...o,className:n(e.className,Td),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=Zx;Ne.options=jx;Ne.className=Td;Ne.defaultOptions=eN;Ne.moduleName=xi;Ne.folderName=Id;Ne.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};import Ni from"react";import{jsx as Tr,jsxs as yd}from"react/jsx-runtime";var Ed="k-panelbar-item",oN=[i.hover,i.focus,i.selected,i.disabled],aN={},yr={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=yr.text,level:o=yr.level,expanded:a=yr.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return yd("li",{...L,className:n(e.className,Ed,{"k-panelbar-header":r,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":C?a?"true":"false":void 0,"aria-selected":k?"true":"false","aria-disabled":b?"true":void 0,children:[yd("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&Tr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Tr("span",{className:`k-panelbar-item-icon ${N}`}),Tr("span",{className:"k-panelbar-item-text",children:t}),C&&Tr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&Ni.Children.map(m,M=>Ni.isValidElement(M)?Ni.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=oN;y.options=aN;y.className=Ed;y.defaultOptions=yr;import{jsx as sN}from"react/jsx-runtime";var Od="k-panelbar-group",rN=[],nN={},iN={},Pe=e=>{let{ariaHidden:t,...o}=e;return sN("ul",{...o,className:n(e.className,Od),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=rN;Pe.options=nN;Pe.className=Od;Pe.defaultOptions=iN;import{jsx as pN}from"react/jsx-runtime";var Bd="k-panelbar-content",lN=[],dN={},cN={},le=e=>{let{...t}=e;return pN("div",{...t,className:n(e.className,Bd),children:e.children})};le.states=lN;le.options=dN;le.className=Bd;le.defaultOptions=cN;import{Fragment as mN,jsx as Gt,jsxs as uN}from"react/jsx-runtime";var Ga=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Gt(Ne,{children:uN(mN,{children:[Gt(y,{header:!0,text:"Item 1",id:t,children:Gt(le,{children:"content"})}),Gt(y,{header:!0,text:"Item 2",id:o,children:Gt(le,{children:"content"})}),Gt(y,{header:!0,text:"Item 3",id:a,children:Gt(le,{children:"content"})}),Gt(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as l7,jsx as s7,jsxs as d7}from"react/jsx-runtime";import{Fragment as fN,jsx as we,jsxs as ki}from"react/jsx-runtime";var Pd=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item"),s=T("pb-child"),l=T("pb-child"),p=T("pb-child"),b=T("pb-child"),x=T("pb-child"),N=T("pb-child"),k=T("pb-child");return we(Ne,{activeDescendant:o,children:ki(fN,{children:[we(y,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:ki(Pe,{children:[we(y,{level:1,text:"Child 1",id:s}),we(y,{level:1,expanded:!0,text:"Child 2",id:l,children:ki(Pe,{children:[we(y,{level:2,text:"Child 2.1",id:p}),we(y,{level:2,text:"Child 2.2",id:b})]})}),we(y,{level:1,text:"Child 3",id:x,children:we(Pe,{children:we(y,{level:2,text:"Child 3.1",id:N})})}),we(y,{level:1,text:"Child 4",id:k})]})}),we(y,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as wd,jsx as ee,jsxs as Er}from"react/jsx-runtime";var bN=Ne.options,hN=Ne.states,Rd={...Ne.defaultOptions,variant:"normal"},xN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],NN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Rd,...e},r={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{r.icon=o?.[l]?s:void 0;break}case"disabled":r.disabled=!!o?.[l]}}),t==="expand"?ee(wd,{children:Er(Pd,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Er(Pe,{children:[ee(y,{level:1,text:"Child 1"}),ee(y,{level:1,expanded:!0,text:"Child 2",children:Er(Pe,{children:[ee(y,{level:2,text:"Child 2.1"}),ee(y,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),ee(y,{disabled:r.disabled,level:1,text:"Child 3",children:ee(le,{children:"content"})}),ee(y,{level:1,text:"Child 4"})]})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):ee(wd,{children:Er(Ga,{style:{width:"300px"},...a,children:[ee(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,header:!0,text:"Item 2",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:ee(le,{children:"content"})}),ee(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=bN;ca.states=hN;ca.variants=xN;ca.defaultOptions=Rd;ca.modifiers=NN;ca.className=Ne.className;import{jsx as _7,jsxs as D7}from"react/jsx-runtime";import{Fragment as Y7,jsx as W7,jsxs as J7}from"react/jsx-runtime";import{Fragment as s4,jsx as n4,jsxs as i4}from"react/jsx-runtime";import{Fragment as Kd,jsx as g,jsxs as de}from"react/jsx-runtime";var kN=q.options,gN=q.states,vN={...q.defaultOptions,variant:"ask"},CN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],LN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],pa=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(Kd,{children:de(it,{layout:"wrap",children:[g(pt,{text:"Post for work-life balance importance"}),g(pt,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(F,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(_,{className:"k-toolbar-flat",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(G,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(He,{children:g(ze,{children:de(Ga,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:de(Pe,{children:[g(y,{level:1,text:"Casual"}),g(y,{level:1,text:"Neutral"}),g(y,{level:1,text:"Formal"})]})}),g(y,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(Pe,{children:[g(y,{level:1,text:"German"}),g(y,{level:1,text:"Spanish"})]})}),g(y,{header:!0,icon:"min-width",text:"Simplify"}),g(y,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return g(F,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(_,{className:"k-toolbar-flat",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(G,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(He,{children:[g(Wt,{}),g(ze,{children:de("div",{className:"k-card-list",children:[de(j,{children:[g(Tt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Je,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",g("br",{}),g("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",g("br",{}),g("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",g("br",{}),g("br",{}),"\u2728 Key Points \u2728",g("br",{}),g("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",g("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",g("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",g("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",g("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",g("br",{}),g("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(V,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(j,{children:[g(Tt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Je,{children:de("p",{children:["Subject: Out of Office: [Your Name]",g("br",{}),g("br",{}),"Dear [Recipient's Name],",g("br",{}),g("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",g("br",{}),g("br",{}),"Thank you,",g("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(V,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(G,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return g(F,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:de(_,{className:"k-toolbar-flat",children:[g(V,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(G,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(He,{children:de(ze,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(Kd,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(qa,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(mo,{children:g(z,{className:"k-prompt-actions",alignment:"start",children:g(V,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};pa.options=kN;pa.states=gN;pa.variants=CN;pa.defaultOptions=vN;pa.modifiers=LN;pa.className=q.className;import{Fragment as _d,jsx as Vt,jsxs as MN}from"react/jsx-runtime";var Q4=({...e})=>Vt(q,{...e,children:Vt(He,{children:Vt(ze,{children:Vt(Y,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:MN(_d,{children:[Vt(G,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),Vt(re,{fillMode:"flat"})]}),suffix:Vt(_d,{children:Vt(qt,{disabled:!0})})})})})});export{Q4 as PromptInlineInputOnly};