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

package/dist/esm/prompt/templates/prompt-inline.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 Ci(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"},Li={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Rr={};function T(e){return Rr[e]=(Rr[e]||0)+1,`k-${e}-${Rr[e]}`}var Kr="action-buttons",Mi=Kr;import{jsx as Ud}from"react/jsx-runtime";var $a="k-actions",zd=[],Fd={},_r={alignment:"start",orientation:"horizontal"},F=e=>{let{alignment:t=_r.alignment,orientation:o=_r.orientation,...a}=e;return Ud("div",{...a,className:n($a,{[`${$a}-${t}`]:t,[`${$a}-${o}`]:o},e.className),children:e.children})};F.states=zd;F.options=Fd;F.className=$a;F.defaultOptions=_r;F.moduleName=Kr;F.folderName=Mi;import{Fragment as Xd,jsx as Si}from"react/jsx-runtime";var Dr="k-font-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]},$d={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Si("span",{...l,className:n(e.className,Dr,I(Dr,{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"}):Si(Xd,{})};ma.states=Gd;ma.options=Vd;ma.className=Dr;ma.defaultOptions=$d;var Ai=ma;import{Fragment as Jd,jsx as Xa}from"react/jsx-runtime";var Hr="k-svg-icon",qd=[],Wd={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]},Ii={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ii.viewBox,icon:l,...p}=e;if(!l)return Xa(Jd,{});if(l==="none")return Xa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Xa("span",{...p,className:n(e.className,Hr,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:Xa("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=qd;ua.options=Wd;ua.className=Hr;ua.defaultOptions=Ii;var zr=ua;import*as Fr from"@progress/kendo-svg-icons";var Ti="icon",yi="icons";import{useContext as Qd}from"react";import{createContext as Yd}from"react";var Ei=Yd({iconsType:"svg"});import{Fragment as Oi,jsx as fa}from"react/jsx-runtime";var qa="k-icon",Zd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),jd=[],ec={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]},Ur={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Qd(Ei),{size:o,themeColor:a,icon:r,type:s=t||Ur.type,rotate:l,flip:p,viewBox:b=Ur.viewBox,...x}=e;if(!r)return fa(Oi,{});if((t||s)==="svg"){if(r==="none")return fa(zr,{...x,className:n(e.className,qa),icon:r,size:o});let k=Fr[r]?r:Zd(`${r}-icon`);return Fr[k]?fa(zr,{...x,className:n(e.className,qa),icon:Fr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(Oi,{})}return fa(Ai,{...x,className:n(e.className,qa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=jd;v.options=ec;v.defaultOptions=Ur;v.className=qa;v.moduleName=Ti;v.folderName=yi;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 Gr="button",Bi=Gr;import{Fragment as rc,jsx as ba,jsxs as Pi}from"react/jsx-runtime";var ha="k-button",tc=["icon-button"],oc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ac={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]},Vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Vr.showArrow,arrowIconName:p=Vr.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 Pi(t,{className:n(J,ha,Ci(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?Pi(rc,{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=oc;d.options=ac;d.variants=tc;d.className=ha;d.defaultOptions=Vr;d.moduleName=Gr;d.folderName=Bi;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 nc}from"react/jsx-runtime";var V=e=>nc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ic}from"react/jsx-runtime";var z=e=>ic(d,{icon:"folder",children:"Button",...e});import{jsx as sc}from"react/jsx-runtime";var Xt=e=>sc(d,{children:"Button",...e});import{jsx as $r}from"react/jsx-runtime";var lc=d.options,dc=d.states,cc={...d.defaultOptions,variant:"text"},pc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mc=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return $r(V,{...o,icon:"star"});case"icon-and-text":return $r(z,{...o,icon:"star",children:"Button"});default:return $r(Xt,{...o,children:"Button"})}};po.options=lc;po.states=dc;po.variants=pc;po.defaultOptions=cc;po.modifiers=mc;po.className=d.className;var Xr="prompt",wi=Xr;import{Fragment as hc,jsx as Ri}from"react/jsx-runtime";var Ki="k-prompt",uc=[],fc={},bc={},q=e=>{let{...t}=e;return Ri("div",{...t,className:n(e.className,Ki),children:Ri(hc,{children:e.children})})};q.states=uc;q.options=fc;q.className=Ki;q.defaultOptions=bc;q.moduleName=Xr;q.folderName=wi;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 Nc}from"react/jsx-runtime";var xc="k-prompt-header",ut=e=>{let{...t}=e;return Nc("div",{...t,className:n(e.className,xc),children:e.children})};import{Fragment as gc,jsx as _i}from"react/jsx-runtime";var kc="k-prompt-content",ze=e=>{let{...t}=e;return _i("div",{...t,className:n(e.className,kc),children:_i(gc,{children:e.children})})};import{jsx as Cc}from"react/jsx-runtime";var vc="k-prompt-view",Fe=e=>{let{...t}=e;return Cc("div",{...t,className:n(e.className,vc),children:e.children})};import{jsx as Di,jsxs as Mc}from"react/jsx-runtime";var Lc="k-prompt-expander",Wa=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return Mc("div",{...r,className:n(e.className,Lc),children:[Di(z,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Di("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Ac}from"react/jsx-runtime";var Sc="k-prompt-footer",mo=e=>{let{...t}=e;return Ac("div",{...t,className:n(e.className,Sc),children:e.children})};import{jsx as ig}from"react/jsx-runtime";import{jsx as Ic}from"react/jsx-runtime";var Hi="k-prompt-send",zi={generating:!1},qt=e=>{let{generating:t=zi.generating,...o}=e;return Ic(d,{...o,className:n(e.className,Hi,{"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=Hi;qt.defaultOptions=zi;import{jsx as Fi,jsxs as Bc}from"react/jsx-runtime";var Ja="k-fab",Ec=[i.hover,i.focus,i.active,i.selected,i.disabled],Oc={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]},Ui={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=Ui.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return Bc("button",{...L,type:l,className:n(e.className,Ja,I(Ja,{size:t,rounded:o,themeColor:a}),S(Ja,{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&&Fi(v,{className:"k-fab-icon",icon:s}),r&&Fi("span",{className:"k-fab-text",children:r})]})};te.states=Ec;te.options=Oc;te.className=Ja;te.defaultOptions=Ui;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 wc}from"react/jsx-runtime";var Pc="k-fab-items",Gi=e=>{let{position:t,...o}=e;return wc("ul",{...o,className:n(e.className,Pc,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as $i,jsxs as Kc}from"react/jsx-runtime";var Vi="k-fab-item",Rc=[i.hover,i.focus,i.active,i.disabled],qr=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return Kc("li",{...b,className:n(e.className,Vi,{[`k-text-${a}`]:a},S(Vi,{hover:r,focus:s,active:l,disabled:p})),children:[$i("span",{className:"k-fab-item-text",children:t}),$i(v,{className:"k-fab-item-icon",icon:o})]})};qr.states=Rc;import{jsx as yg}from"react/jsx-runtime";import{jsx as Pg}from"react/jsx-runtime";import{jsx as _g}from"react/jsx-runtime";import{jsx as Fg}from"react/jsx-runtime";import{jsx as uo,jsxs as Uc}from"react/jsx-runtime";var _c=te.options,Dc=te.states,Hc={...te.defaultOptions,variant:"text"},zc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fc=[{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(Gi,{position:"bottom",children:uo(qr,{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 Uc("span",{style:{position:"relative"},children:[l,s]})};fo.options=_c;fo.states=Dc;fo.variants=zc;fo.defaultOptions=Hc;fo.modifiers=Fc;fo.className=te.className;import{jsx as Gc}from"react/jsx-runtime";var Xi="k-prompt-stop-fab",qi={generating:!0},Wt=e=>{let{generating:t=qi.generating,icon:o,...a}=e;return Gc(te,{...a,className:n(e.className,Xi,{"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=Xi;Wt.defaultOptions=qi;var Wr="button",Wi=Wr;import{jsx as qc}from"react/jsx-runtime";var xa="k-button-group",Vc=[i.disabled],$c={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Xc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return qc("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=Vc;B.options=$c;B.className=xa;B.defaultOptions=Xc;B.moduleName=Wr;B.folderName=Wi;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 gt,jsxs as Jr}from"react/jsx-runtime";var Wc={...d.options,...B.options},Jc=d.states,Yc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Qc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Zc=[],bo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Jr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Jr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):Jr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};bo.options=Wc;bo.states=Jc;bo.variants=Qc;bo.defaultOptions=Yc;bo.modifiers=Zc;bo.className=B.className;var Na="input",Ya=Na;import{jsx as op}from"react/jsx-runtime";var Qa="k-input",jc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ep={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]},tp={},Z=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 op("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}))})};Z.states=jc;Z.options=ep;Z.className=Qa;Z.defaultOptions=tp;Z.moduleName=Na;Z.folderName=Ya;import{jsx as ip}from"react/jsx-runtime";var Za="k-picker",ap=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rp={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]},np={},ft=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 ip("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})};ft.states=ap;ft.options=rp;ft.className=Za;ft.defaultOptions=np;ft.moduleName=Na;ft.folderName=Ya;import{Fragment as dp,jsx as Yr}from"react/jsx-runtime";var Ji="k-clear-value",sp=[i.disabled,i.loading,i.readonly],lp={},Ue=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Yr(dp,{}):Yr("span",{className:n(e.className,Ji),children:Yr(v,{icon:"x"})})};Ue.states=sp;Ue.options=lp;Ue.className=Ji;import{jsx as mp}from"react/jsx-runtime";var Qr="k-input-inner",cp=[],pp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Ge=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 mp("input",{...p,type:o,className:n(e.className,Qr,I(Qr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Ge.states=cp;Ge.options=pp;Ge.className=Qr;import{jsx as Yi,jsxs as bp}from"react/jsx-runtime";var Zr="k-input-inner",up=[],fp={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return bp("span",{...l,className:n(e.className,Zr,I(Zr,e)),children:[r,!r&&s&&Yi(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Yi("span",{className:"k-input-value-text",children:t})]})};Jt.states=up;Jt.options=fp;Jt.className=Zr;import{jsx as Np}from"react/jsx-runtime";var jr="k-input-inner",hp=[],xp={},Qi={value:"",placeholder:""},ka=e=>{let{value:t=Qi.value,placeholder:o=Qi.placeholder,rows:a,disabled:r,...s}=e;return Np("textarea",{...s,className:n(e.className,jr,I(jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ka.states=hp;ka.options=xp;ka.className=jr;import{Fragment as gp,jsx as Zi}from"react/jsx-runtime";var ji="k-input-loading-icon",kp=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t||!o?Zi(gp,{}):Zi("span",{className:n(e.className,ji,"k-icon k-i-loading")})};Re.states=kp;Re.className=ji;import{Fragment as Lp,jsx as es}from"react/jsx-runtime";var ts="k-input-validation-icon",vp=[i.valid,i.invalid,i.disabled,i.loading],Cp={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?es(Lp,{}):es(v,{className:n(ts),icon:s})};Le.states=vp;Le.options=Cp;Le.className=ts;import{Fragment as Ap,jsx as os}from"react/jsx-runtime";var Mp="k-input-prefix",Sp={direction:"horizontal"},Ke=e=>{let{direction:t=Sp.direction,...o}=e;return e.children?os("span",{...o,className:n(Mp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):os(Ap,{})};import{Fragment as yp,jsx as as}from"react/jsx-runtime";var Ip="k-input-suffix",Tp={direction:"horizontal"},_e=e=>{let{direction:t=Tp.direction,...o}=e;return e.children?as("span",{...o,className:n(Ip,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):as(yp,{})};import{jsx as rL}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var Ep="k-input-suffix-text",en=e=>{let{children:t,...o}=e;return Op("span",{...o,className:n(Ep,e.className),children:t})};import{jsx as Pp}from"react/jsx-runtime";var rs="k-input-separator",Bp={direction:"vertical"},Me=e=>{let{direction:t=Bp.direction,...o}=e;return Pp("span",{...o,className:n(rs,e.className,{[`${rs}-${t}`]:t})})};import{Fragment as ns,jsx as bt,jsxs as tn}from"react/jsx-runtime";var wp=Z.states,Rp=Z.defaultOptions,Kp=Z.options,_p=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Dp=[],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 tn(Z,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&tn(ns,{children:[bt(Ke,{children:bt(v,{icon:"lock"})}),m&&bt(Me,{})]}),bt(Ge,{placeholder:"Placeholder",value:"Value"}),k&&bt(Le,{valid:o,invalid:a,loading:r,disabled:s}),bt(Re,{loading:r,disabled:s}),N&&bt(Ue,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&tn(ns,{children:[m&&bt(Me,{}),bt(_e,{children:bt(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ho.options=Kp;ho.states=wp;ho.variants=Dp;ho.defaultOptions=Rp;ho.modifiers=_p;ho.className=Z.className;import{jsx as is,jsxs as Fp}from"react/jsx-runtime";var ss="k-color-preview",Hp=[],zp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Fp("span",{...a,className:n(e.className,ss,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&is(v,{icon:o,className:"k-color-preview-icon"}),is("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Hp;Ot.options=zp;Ot.className=ss;var on="popup",ls=on;import{jsx as ds}from"react/jsx-runtime";var cs="k-animation-container",Up=[],Gp={},ps={positionMode:"absolute"},ht=e=>{let{positionMode:t=ps.positionMode,animationStyle:o,offset:a,...r}=e;return ds("div",{...r,style:{...a,...e.style},className:n(e.className,cs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ds("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=Up;ht.options=Gp;ht.className=cs;ht.defaultOptions=ps;ht.moduleName=on;ht.folderName=ls;var an="popup",ms=an;import{jsx as us}from"react/jsx-runtime";var fs="k-popup",Vp=[],$p={},bs={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return us(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:us("div",{...p,className:n(e.className,fs),children:e.children})})};U.states=Vp;U.options=$p;U.className=fs;U.defaultOptions=bs;U.moduleName=an;U.folderName=ms;U.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 qp}from"react/jsx-runtime";var Xp="k-actionsheet-footer",hs={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=hs.alignment,orientation:o=hs.orientation,template:a,as:r=a?"div":F,...s}=e;return qp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Xp),children:e.children})};var rn="searchbox",xs=rn;import{jsx as ga,jsxs as Yp}from"react/jsx-runtime";var Ns="k-searchbox",Wp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Jp={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]},nn={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=nn.showIcon,icon:C=nn.icon,"aria-label":M,...E}=e;return Yp(Z,{...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,Ns),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Ge,{placeholder:o,value:t,"aria-label":M}),ga(Re,{...e}),ga(Le,{...e}),ga(Ue,{...e})]})};Ye.states=Wp;Ye.options=Jp;Ye.className=Ns;Ye.defaultOptions=nn;Ye.moduleName=rn;Ye.folderName=xs;import{jsx as CM}from"react/jsx-runtime";var sn="textbox",ks=sn;import{Fragment as gs,jsx as Pt,jsxs as ln}from"react/jsx-runtime";var vs="k-textbox",Qp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zp={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 ln(Z,{...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,vs),children:[p&&ln(gs,{children:[Pt(Ke,{children:p}),r&&Pt(Me,{})]}),Pt(Ge,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Pt(Le,{valid:C,invalid:M,loading:A,disabled:w}),Pt(Re,{loading:A,disabled:w}),s&&Pt(Ue,{loading:A,disabled:w,readonly:J,value:N}),b&&ln(gs,{children:[r&&Pt(Me,{}),Pt(_e,{children:b})]})]})};be.states=Qp;be.options=Zp;be.className=vs;be.defaultOptions=er;be.moduleName=sn;be.folderName=ks;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 jp}from"react/jsx-runtime";var Cs=e=>jp(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 dn}from"react/jsx-runtime";var em=be.states,tm=be.defaultOptions,om=be.options,am=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],rm=[],xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?dn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?dn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),dn(Cs,{value:"Value",style:{width:300},...o,...a})};xo.options=om;xo.states=em;xo.variants=rm;xo.defaultOptions=tm;xo.modifiers=am;xo.className=be.className;import{jsx as wt,jsxs as cn}from"react/jsx-runtime";var Ls="k-actionsheet-titlebar",nm={},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 cn("div",{...m,className:n(e.className,Ls),children:[cn("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&cn("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&wt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&wt("div",{className:"k-actionsheet-actions",children:r})]}),(l||s)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(be,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):wt(Ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=Ls;Se.defaultOptions=nm;import{jsx as pn,jsxs as dm}from"react/jsx-runtime";var mn="k-actionsheet-view",im=[],sm={},lm={},No=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Se&&pn(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&pn(Bt,{...s?.props});return dm("div",{...p,className:n(e.className,mn,{[`${mn}-animated`]:o}),children:[b,pn("div",{className:"k-actionsheet-content",children:a}),x]})};No.states=im;No.options=sm;No.className=mn;No.defaultOptions=lm;var Ca="action-sheet",tr=Ca;var un="overlay",Ms=un;import{jsx as um}from"react/jsx-runtime";var Ss="k-overlay",cm=[],pm={},mm={},Rt=e=>{let{...t}=e;return um("div",{...t,className:n(e.className,Ss),children:e.children})};Rt.states=cm;Rt.options=pm;Rt.className=Ss;Rt.defaultOptions=mm;Rt.moduleName=un;Rt.folderName=Ms;import{jsx as or,jsxs as hm}from"react/jsx-runtime";var As="k-actionsheet",fm=[],bm={},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 hm("div",{className:"k-actionsheet-container",children:[r&&or(Rt,{}),or(ht,{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,As,{[`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=fm;oe.options=bm;oe.className=As;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 gm}from"react/jsx-runtime";var Is="k-actionsheet-container",xm=[],Nm={},km={},ko=e=>{let{children:t,...o}=e;return gm("div",{...o,className:Is,children:t})};ko.states=xm;ko.options=Nm;ko.className=Is;ko.defaultOptions=km;ko.moduleName=Ca;ko.folderName=tr;import{jsx as vm}from"react/jsx-runtime";var fn=e=>{let{...t}=e;return vm("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Lm,jsx as Ma,jsxs as bn}from"react/jsx-runtime";var hn="k-actionsheet-item",Cm=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return bn("span",{...b,className:n(e.className,hn,S(hn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma(Lm,{children:bn("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),bn("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]})};Kt.states=Cm;Kt.className=hn;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 xn}from"react/jsx-runtime";var Mm=oe.options,Sm=oe.states,ys={...oe.defaultOptions,variant:"normal"},Am=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Im=[{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}={...ys,...e},r={},s=xn(fn,{children:[he(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(Kt,{text:"Add to Favorites",iconName:"heart"}),he(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(Kt,{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?xn(Bt,{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?xn(Bt,{alignment:"stretched",children:[he(d,{text:"Apply",themeColor:"primary"}),he(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};go.options=Mm;go.states=Sm;go.variants=Am;go.defaultOptions=ys;go.modifiers=Im;go.className=oe.className;var Nn="slider",Es=Nn;import{jsx as vo,jsxs as kn}from"react/jsx-runtime";var Sa="k-slider",Tm=[i.hover,i.focus,i.active,i.disabled,i.readonly],ym={},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"),kn("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"}),kn("div",{className:"k-slider-track-wrap",children:[b&&vo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),kn("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=Tm;W.options=ym;W.className=Sa;W.defaultOptions=Qe;W.moduleName=Nn;W.folderName=Es;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 Os}from"react/jsx-runtime";var Bs="k-tick",Em=[],Om={},Ps={label:!1},O=e=>{let{style:t,label:o=Ps.label,orientation:a,large:r,text:s,...l}=e;return Os("li",{...l,role:"presentation",title:s||"Tick",className:n(e.className,Bs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Os("span",{className:"k-label",children:s})})};O.states=Em;O.options=Om;O.className=Bs;O.defaultOptions=Ps;import{Fragment as Bm,jsx as Ze,jsxs as Pm}from"react/jsx-runtime";var ws=e=>Ze(W,{"aria-label":e["aria-label"]||"Slider",children:Pm(Bm,{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 wm,jsx as je,jsxs as Rm}from"react/jsx-runtime";var Rs=e=>je(W,{children:Rm(wm,{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 Km}from"react/jsx-runtime";var gn=e=>Km(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as _m}from"react/jsx-runtime";var vn=e=>_m(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 xt,jsxs as Ks}from"react/jsx-runtime";var Dm=W.options,Hm=W.states,_s={...W.defaultOptions,variant:"horizontal",label:!0},zm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Fm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Co=e=>{let{variant:t,modifiers:o,...a}={..._s,...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"?Ks(Rs,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ks(ws,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Co.options=Dm;Co.states=Hm;Co.variants=zm;Co.defaultOptions=_s;Co.modifiers=Fm;Co.className=W.className;import{jsx as Ds,jsxs as Xm}from"react/jsx-runtime";var Hs="k-spin-button",Vm=[],$m={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Cn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Cn.increaseLabel,decreaseLabel:s=Cn.decreaseLabel,...l}=e;return Xm("span",{...l,className:n(Hs,e.className),children:[Ds(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ds(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};_t.states=Vm;_t.options=$m;_t.className=Hs;_t.defaultOptions=Cn;_t.moduleName=null;_t.folderName=null;var zs="numeric-textbox",Fs="numerictextbox";import{Fragment as Us,jsx as vt,jsxs as Ln}from"react/jsx-runtime";var Gs="k-numerictextbox",qm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Wm={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},G=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 Ln(Z,{...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,Gs),children:[p&&Ln(Us,{children:[vt(Ke,{children:p}),r&&vt(Me,{})]}),vt(Ge,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),vt(Le,{valid:L,invalid:C,loading:E,disabled:A}),vt(Re,{loading:E,disabled:A}),s&&vt(Ue,{loading:E,disabled:A,readonly:w,value:x}),b&&Ln(Us,{children:[r&&vt(Me,{}),vt(_e,{children:b})]}),l&&vt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};G.states=qm;G.options=Wm;G.className=Gs;G.defaultOptions=ar;G.moduleName=zs;G.folderName=Fs;G.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=G;import{jsx as Jm}from"react/jsx-runtime";var Vs=e=>Jm(Aa,{...e});import Sn from"react";import{jsx as $s}from"react/jsx-runtime";var Ym="k-list-group-sticky-header",Mn=e=>$s("div",{className:n(Ym,e.className),children:$s("div",{className:"k-list-header-text",children:e.children})});import{jsx as Zm}from"react/jsx-runtime";var Qm="k-no-data",rr=e=>{let{live:t,...o}=e;return Zm("span",{...o,className:n(Qm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Lo=Yt;import{jsx as Xs,jsxs as qs}from"react/jsx-runtime";var An="k-list",jm=[],eu={size:[c.undefined,c.small,c.medium,c.large]},tu={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=Sn.Children.toArray(a)[0],m=k?.props?.children?Sn.Children.count(k.props.children):Sn.Children.count(a);return qs("div",{...x,className:n(e.className,An,I(An,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Xs(Mn,{children:r}),a||(p!==void 0?p:Xs(rr,{live:!0,children:"No data found."})),b&&a&&qs(rr,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=jm;D.options=eu;D.className=An;D.defaultOptions=tu;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 nu}from"react/jsx-runtime";var Ws="k-list-container",ou=[],au={},ru={},Mo=e=>{let{...t}=e;return nu("div",{...t,className:n(e.className,Ws),children:e.children})};Mo.states=ou;Mo.options=au;Mo.className=Ws;Mo.defaultOptions=ru;Mo.moduleName=Yt;Mo.folderName=Lo;var Qt="checkbox",So=Qt;import{jsx as Js}from"react/jsx-runtime";var nr="k-checkbox",iu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],su={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},lu={},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 Js("span",{className:"k-checkbox-wrap",role:m,children:Js("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=iu;et.options=su;et.className=nr;et.defaultOptions=lu;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 ct=et;import{jsx as pu}from"react/jsx-runtime";var Ys="k-checkbox-list",du=[],cu={},Qs={layout:"vertical"},Ae=e=>{let{layout:t=Qs.layout,...o}=e;return pu("ul",{...o,className:n(e.className,Ys,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=du;Ae.options=cu;Ae.className=Ys;Ae.defaultOptions=Qs;Ae.moduleName=Qt;Ae.folderName=So;import{jsx as bu}from"react/jsx-runtime";var Zs="k-checkbox-list-item",mu=[],uu={},fu={},Ie=e=>{let{...t}=e;return bu("li",{...t,className:n(e.className,Zs),children:e.children})};Ie.states=mu;Ie.options=uu;Ie.className=Zs;Ie.defaultOptions=fu;Ie.moduleName=Qt;Ie.folderName=So;import{Fragment as hu,jsx as js,jsxs as xu}from"react/jsx-runtime";var Ct=({children:e="Label",id:t="cb-label-after",...o})=>xu(hu,{children:[js(ct,{id:t,...o}),js("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 el}from"react/jsx-runtime";var Nu=Ae.options,ku=Ae.states,gu={...Ae.defaultOptions,variant:"vertical"},vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cu=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?el(Ae,{layout:"horizontal",...o,children:[tt(Ie,{children:tt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})})]}):el(Ae,{...o,children:[tt(Ie,{children:tt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})})]})};Ao.options=Nu;Ao.states=ku;Ao.variants=vu;Ao.defaultOptions=gu;Ao.modifiers=Cu;Ao.className=Ae.className;import{jsx as Tu}from"react/jsx-runtime";var Lu=ct.options,Mu=ct.states,Su=ct.defaultOptions,Au=[],Iu=[],Io=e=>Tu(Ct,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Io.options=Lu;Io.states=Mu;Io.variants=Au;Io.defaultOptions=Su;Io.modifiers=Iu;Io.className=ct.className;import{jsx as Zt,jsxs as Bu}from"react/jsx-runtime";var In="k-list-item",yu=[i.hover,i.focus,i.selected,i.disabled],Eu={},Ou={},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 Bu("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":In,S(In,{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=yu;P.options=Eu;P.className=In;P.defaultOptions=Ou;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 wu}from"react/jsx-runtime";var Pu="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...r}=e;return wu("ul",{...r,id:a,role:o,className:n(Pu,e.className),children:t})};Lt.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 Tn,jsxs as Ku}from"react/jsx-runtime";var Ru="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return Ku("div",{...l,className:n(Ru,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:Tn(Lt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Tn("div",{className:"k-height-container",children:Tn("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 yn,jsxs as Du}from"react/jsx-runtime";var _u="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return Du("li",{...o,role:"presentation",className:n(_u,e.className),children:[t&&yn("span",{className:"k-list-item-icon-wrapper",children:yn(v,{icon:t,className:"k-list-item-icon"})}),yn("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 Uu}from"react/jsx-runtime";var En="k-list-optionlabel",Hu=[i.hover,i.focus,i.selected,i.disabled],zu={},Fu={},ir=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Uu("div",{...l,className:n(En,S(En,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ir.states=Hu;ir.options=zu;ir.className=En;ir.defaultOptions=Fu;import{jsx as Xu}from"react/jsx-runtime";var On="k-list-custom-value",Gu=[i.hover,i.focus,i.selected,i.disabled],Vu={},$u={},Dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Xu("div",{...l,className:n(On,S(On,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=Gu;Dt.options=Vu;Dt.className=On;Dt.defaultOptions=$u;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 tl="dropdown-list",ol="dropdownlist";import{Fragment as Ju,jsx as Te,jsxs as Bn}from"react/jsx-runtime";var al="k-dropdownlist",qu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Wu={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]},Pn={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Pn.arrowIconName,showValue:s=Pn.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:Br,id:Et,activeDescendant:Va,"aria-label":Pr,...wr}=e,Hd=Et?`${Et}-listbox`:void 0,vi=Et?`${Et}-value`:void 0;return Bn(Ju,{children:[Bn(ft,{...wr,id:Et,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,al,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Hd:void 0,"aria-activedescendant":ce&&Va?Va:void 0,"aria-describedby":ce?vi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Pr,tabIndex:0,children:[Te(Ke,{children:p}),Te(Jt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:vi}),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(U,{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:Br,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:Bn($,{"aria-label":"Options",children:[Te(P,{text:"List item"}),Te(P,{text:"List item"}),Te(P,{text:"List item"})]})})})})]})};ie.states=qu;ie.options=Wu;ie.className=al;ie.defaultOptions=Pn;ie.moduleName=tl;ie.folderName=ol;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 tf,jsx as Ht,jsxs as rl}from"react/jsx-runtime";var Yu=ie.states,Qu=ie.defaultOptions,Zu=ie.options,ju=[{name:"opened",title:"Opened"}],ef=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=rl(tf,{children:[Ht("div",{className:"k-list-filter",children:Ht(Ye,{})}),Ht(D,{style:{width:300},size:o.size,children:rl($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ht("div",{children:Ht(ie,{placeholder:"Value",style:{width:300},...o,...a})})};yo.options=Zu;yo.states=Yu;yo.variants=ef;yo.defaultOptions=Qu;yo.modifiers=ju;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 wn}from"react/jsx-runtime";var of=G.states,af=G.defaultOptions,rf=G.options,nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],sf=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?wn(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?wn(en,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),wn(Vs,{value:"Value",style:{width:300},...o,...a})};Eo.options=rf;Eo.states=of;Eo.variants=sf;Eo.defaultOptions=af;Eo.modifiers=nf;Eo.className=G.className;import{Fragment as Ia,jsx as R,jsxs as ne}from"react/jsx-runtime";var nl="k-colorgradient-inputs",lf=[],df={size:[c.undefined,c.small,c.medium,c.large]},il={mode:"rgba"},Oo=e=>{let{mode:t=il.mode,size:o,...a}=e;return ne("div",{...a,className:n(nl,"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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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=lf;Oo.options=df;Oo.className=nl;Oo.defaultOptions=il;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var sl="k-colorgradient-color-contrast",cf=[],pf={},mf={},Bo=()=>to("div",{className:n(sl,"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=cf;Bo.options=pf;Bo.className=sl;Bo.defaultOptions=mf;var ll="color-gradient",dl="colorgradient";import{jsx as ot,jsxs as Ta}from"react/jsx-runtime";var sr="k-colorgradient",uf=[i.hover,i.focus,i.readonly,i.disabled],ff={size:[c.undefined,c.small,c.medium,c.large]},Nt={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=Nt.mode,readonly:a=Nt.readonly,disabled:r=Nt.disabled,gradientStyle:s=Nt.gradientStyle,dragHandleStyle:l=Nt.dragHandleStyle,alphaStyle:p=Nt.alphaStyle,alphaStyleHorizontal:b=Nt.alphaStyleHorizontal,contrast:x=Nt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=Nt.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(vn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(vn,{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(gn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(gn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),ot(Oo,{mode:e.mode,size:t}),x&&ot(Bo,{})]})};pe.states=uf;pe.options=ff;pe.className=sr;pe.defaultOptions=Nt;pe.moduleName=ll;pe.folderName=dl;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 bf}from"react/jsx-runtime";var lr=e=>bf(pe,{...e});import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as Rn}from"react/jsx-runtime";var hf=pe.options,xf=pe.states,Nf={...pe.defaultOptions,variant:"rgba"},kf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gf=[],Po=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Rn(lr,{...o,mode:t});case"rgb":return Rn(lr,{...o,mode:t});default:return Rn(lr,{...o,mode:t})}};Po.options=hf;Po.states=xf;Po.variants=kf;Po.defaultOptions=Nf;Po.modifiers=gf;Po.className=pe.className;import{jsx as vf}from"react/jsx-runtime";var Kn=e=>vf("tr",{role:"row",children:e.children});import{jsx as Mf}from"react/jsx-runtime";var _n="k-colorpalette-tile",Cf=[i.hover,i.focus,i.selected],Lf={},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 Mf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,_n,S(_n,{hover:a,focus:r,selected:s})),style:p})};wo.states=Cf;wo.options=Lf;wo.className=_n;var cl="color-palette",pl="colorpalette";import{jsx as ya}from"react/jsx-runtime";var dr="k-colorpalette",Sf=[i.disabled],Af={size:[c.undefined,c.small,c.medium,c.large]},ml={columns:10},ye=e=>{let{size:t,palette:o,columns:a=ml.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(Kn,{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=Sf;ye.options=Af;ye.className=dr;ye.defaultOptions=ml;ye.moduleName=cl;ye.folderName=pl;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 If}from"react/jsx-runtime";var ul=e=>If(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 wf}from"react/jsx-runtime";var Tf=ye.options,yf=ye.states,Ef={...ye.defaultOptions,variant:"basic"},Of=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Bf={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}},Pf=[],Ro=e=>{let{variant:t="basic",...o}=e,a=Bf[t];return wf(ul,{columns:a.columns,palette:a,...o})};Ro.options=Tf;Ro.states=yf;Ro.variants=Of;Ro.defaultOptions=Ef;Ro.modifiers=Pf;Ro.className=ye.className;var fl="color-editor",bl="coloreditor";import{jsx as at,jsxs as Ko}from"react/jsx-runtime";var pr="k-coloreditor",Rf=[i.focus],Kf={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(Ot,{className:"k-coloreditor-preview-color",color:r}),at(Ot,{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(F,{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=Rf;ae.options=Kf;ae.className=pr;ae.defaultOptions=Oa;ae.moduleName=fl;ae.folderName=bl;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 _f}from"react/jsx-runtime";var hl=e=>_f(_o,{group:!0,currentColor:"fuchsia",...e});import{jsx as Df}from"react/jsx-runtime";var xl=e=>Df(_o,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Nl}from"react/jsx-runtime";var Hf=ae.options,zf=ae.states,Ff={...ae.defaultOptions,variant:"gradient"},Uf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Gf=[],Do=e=>{let{variant:t,...o}=e;return t==="palette"?Nl(xl,{...o,color:"white"}):Nl(hl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Do.options=Hf;Do.states=zf;Do.variants=Uf;Do.defaultOptions=Ff;Do.modifiers=Gf;Do.className=ae.className;var kl="color-picker",gl="colorpicker";import{Fragment as Xf,jsx as rt,jsxs as Dn}from"react/jsx-runtime";var vl="k-colorpicker",Vf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],$f={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]},Cl={arrowIconName:"chevron-down"},Ve=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Cl.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 Dn(Xf,{children:[Dn(ft,{...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,vl,"k-icon-picker"),children:[rt(Ke,{children:s}),rt(Jt,{placeholder:b,value:p,showValue:!1,valueIcon:rt(Ot,{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(U,{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:Dn(Bt,{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})})]})};Ve.states=Vf;Ve.options=$f;Ve.className=vl;Ve.defaultOptions=Cl;Ve.moduleName=kl;Ve.folderName=gl;Ve.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 Mt=Ve;import{jsx as qf}from"react/jsx-runtime";var mr=e=>qf(Mt,{...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 Wf=Mt.options,Jf=Mt.states,Ll={...Mt.defaultOptions,variant:"color"},Yf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Qf=[{name:"opened",title:"Opened"}],Ho=e=>{let{variant:t,modifiers:o,...a}={...Ll,...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=Wf;Ho.states=Jf;Ho.variants=Yf;Ho.defaultOptions=Ll;Ho.modifiers=Qf;Ho.className=Mt.className;var Hn="combobox",Ml=Hn;import{Fragment as zn,jsx as se,jsxs as Ba}from"react/jsx-runtime";var Sl="k-combobox",Zf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jf={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]},Al={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Al.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:Br,activeDescendant:Et,"aria-label":Va,...Pr}=e,wr=$t?`${$t}-listbox`:void 0;return Ba(zn,{children:[Ba(Z,{...Pr,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,Sl),children:[s&&Ba(zn,{children:[se(Ke,{children:s}),r&&se(Me,{})]}),se(Ge,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?wr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Br,"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(Ue,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(zn,{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(U,{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(Dt,{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=Zf;ke.options=jf;ke.className=Sl;ke.defaultOptions=Al;ke.moduleName=Hn;ke.folderName=Ml;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 $e=ke;import{jsx as eb}from"react/jsx-runtime";var Il=e=>eb($e,{...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 zt,jsxs as ib}from"react/jsx-runtime";var tb=ke.states,ob=ke.defaultOptions,ab=ke.options,rb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],nb=[],zo=e=>{let{modifiers:t,...o}=e,a={},r=zt(D,{style:{width:300},size:o.size,children:ib($,{children:[zt(P,{children:"List item"}),zt(P,{children:"List item"}),zt(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?zt(V,{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}}),zt("div",{children:zt(Il,{value:"Value",style:{width:300},...o,...a})})};zo.options=ab;zo.states=tb;zo.variants=nb;zo.defaultOptions=ob;zo.modifiers=rb;zo.className=ke.className;var Fn="menu-button",Tl=Fn;import{jsx as db}from"react/jsx-runtime";var yl="k-menu-button",sb=[i.hover,i.focus,i.active,i.selected,i.disabled],lb={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]},Un={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=Un.showArrow,arrowIconName:L=Un.arrowIconName,expanded:C,...M}=e;return db(d,{...M,className:n(e.className,yl),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=sb;X.options=lb;X.className=yl;X.defaultOptions=Un;X.moduleName=Fn;X.folderName=Tl;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 Xe="menu",nt=Xe;import{jsx as Pa,jsxs as El}from"react/jsx-runtime";var Gn="k-menu-item",cb=[i.hover,i.focus,i.active,i.selected,i.disabled],pb={},Ol={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=Ol.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),El("li",{...E,className:n(e.className,Gn,"k-item",S(Gn,{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:[El("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=cb;ge.options=pb;ge.className=Gn;ge.defaultOptions=Ol;ge.moduleName=Xe;ge.folderName=nt;import{jsx as wa,jsxs as Bl}from"react/jsx-runtime";var Vn="k-menu-item",mb=[i.hover,i.focus,i.active,i.selected,i.disabled],ub={},$n={dir:"ltr",iconPosition:"before"},j=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=$n.iconPosition,dir:L=$n.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w||(w=L==="rtl"?"chevron-left":"chevron-right"),Bl("li",{...A,className:n(e.className,Vn,"k-item",S(Vn,{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:[Bl("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]})};j.states=mb;j.options=ub;j.className=Vn;j.defaultOptions=$n;j.moduleName=Xe;j.folderName=nt;import{jsx as xb}from"react/jsx-runtime";var Pl="k-menu-scroll-wrapper",fb=[],bb={},hb={},ao=e=>{let{className:t,children:o,orientation:a,...r}=e;return xb("div",{...r,className:n(t,Pl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=fb;ao.options=bb;ao.className=Pl;ao.defaultOptions=hb;ao.moduleName=Xe;ao.folderName=nt;var wl=ao;import{Fragment as Xn,jsx as ro,jsxs as fr}from"react/jsx-runtime";var qn="k-menu",Nb=[],kb={},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",qn,{[`${qn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return fr(Xn,{children:[r?fr(wl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&fr(Xn,{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(Xn,{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=Nb;me.options=kb;me.className=qn;me.defaultOptions=br;me.moduleName=Xe;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 gb}from"react/jsx-runtime";var Wn="k-separator",Rl={orientation:"horizontal"},Fo=e=>{let{orientation:t=Rl.orientation,...o}=e;return gb("li",{...o,className:n(e.className,"k-item",Wn,{[`${Wn}-${t}`]:t}),role:"separator"})};Fo.className=Wn;Fo.defaultOptions=Rl;Fo.moduleName=Xe;Fo.folderName=nt;import{Fragment as LD,jsx as MD}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var Jn="k-menu-group",vb=[],Cb={size:[c.undefined,c.small,c.medium,c.large]},Lb={},ve=e=>{let{children:t,size:o,...a}=e;return Mb("ul",{...a,className:n(e.className,Jn,I(Jn,{size:o})),role:"menu",children:t})};ve.states=vb;ve.options=Cb;ve.className=Jn;ve.defaultOptions=Lb;ve.moduleName=Xe;ve.folderName=nt;import{Fragment as Sb,jsx as Uo,jsxs as Ab}from"react/jsx-runtime";var Yn=e=>Uo(me,{children:Ab(Sb,{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 Ob}from"react/jsx-runtime";var Ib=me.options,Tb=me.states,Kl={...me.defaultOptions,variant:"horizontal"},yb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...Kl,...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(U,{className:"k-menu-popup",children:Ob(ve,{children:[no(j,{text:"Item 1"}),no(j,{text:"Item 2"}),no(Fo,{}),no(j,{text:"Item 3"})]})});break}}),t==="vertical"?no(Yn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):no(Yn,{...a,...r})};Go.options=Ib;Go.states=Tb;Go.variants=yb;Go.defaultOptions=Kl;Go.modifiers=Eb;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 Kb,jsx as kt,jsxs as _l}from"react/jsx-runtime";var Bb=d.states,Dl={...d.defaultOptions,variant:"text"},Pb=d.options,wb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rb=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...Dl,...e},r={},s=kt(U,{className:"k-menu-popup",children:_l(ve,{size:a.size,children:[kt(j,{first:!0,text:"Menu Item"}),kt(j,{text:"Menu Item"}),kt(j,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=kt("div",{children:kt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=kt("div",{children:kt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=kt("div",{children:kt(X,{...a,...r,children:"Dropdown Button"})});break}return _l(Kb,{children:[l,o?.opened&&s]})};Vo.options=Pb;Vo.states=Bb;Vo.variants=wb;Vo.defaultOptions=Dl;Vo.modifiers=Rb;Vo.className=X.className;var Qn="split-button",Hl=Qn;import{Fragment as Hb,jsx as Zn,jsxs as zl}from"react/jsx-runtime";var jn="k-split-button",_b=[i.hover,i.focus,i.active,i.selected,i.disabled],Db={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]},Fl={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=Fl.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return zl(Hb,{children:[zl("div",{...E,className:n(e.className,jn,"k-button-group",I(jn,{rounded:o})),children:[Zn(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}),Zn(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&&Zn(U,{className:"k-menu-popup",children:L})]})};K.states=_b;K.options=Db;K.className=jn;K.defaultOptions=Fl;K.moduleName=Qn;K.folderName=Hl;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 ei=K;import{jsx as Fb}from"react/jsx-runtime";var zb="k-toolbar-separator",pt=e=>Fb("div",{className:n(zb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as ti,jsx as H,jsxs as $o}from"react/jsx-runtime";var At="k-toolbar",Ub=[i.focus],Gb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Vb={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===z)C.push(H(z,{...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===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===ei)C.push(H(ei,{...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===Ve?C.push(H(Ve,{...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,At,I(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:r,[`${At}-scrollable`]:s,[`${At}-scrollable-overlay`]:s&&l==="hidden",[`${At}-scrollable-${p}`]:p&&p!=="both",[`${At}-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(ti,{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(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&$o(ti,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{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(ti,{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(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{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=Ub;_.options=Gb;_.className=At;_.defaultOptions=Vb;_.moduleName=St;_.folderName=Ft;_.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 Wb}from"react/jsx-runtime";var Ul="k-floating-toolbar",$b=[],Xb={},qb={},Xo=e=>{let{...t}=e;return Wb("div",{...t,className:n(e.className,Ul),children:e.children})};Xo.states=$b;Xo.options=Xb;Xo.className=Ul;Xo.defaultOptions=qb;Xo.moduleName=St;Xo.folderName=Ft;import{jsx as Zb}from"react/jsx-runtime";var oi="k-toolbar-item",Jb=[i.focus],Yb={},Qb={},qo=e=>{let{focus:t,...o}=e;return Zb("div",{...o,className:n(e.className,oi,S(oi,{focus:t})),children:e.children})};qo.states=Jb;qo.options=Yb;qo.className=oi;qo.defaultOptions=Qb;qo.moduleName=St;qo.folderName=Ft;import{jsx as Gl}from"react/jsx-runtime";var Vl="k-toolbar-popup",jb=[],eh={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},th={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Gl(U,{...r,className:n(e.className,Vl),children:a?Gl("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=jb;io.options=eh;io.className=Vl;io.defaultOptions=th;io.moduleName=St;io.folderName=Ft;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 It,jsxs as ih}from"react/jsx-runtime";var oh=K.states,$l={...K.defaultOptions,variant:"text"},ah=K.options,rh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nh=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={},s=ih(ve,{size:a.size,children:[It(j,{first:!0,text:"Menu Item"}),It(j,{text:"Menu Item"}),It(j,{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 It("div",{children:It(K,{...a,...r,icon:"star"})});case"icon-and-text":return It("div",{children:It(K,{...a,...r,icon:"star",children:"Split Button"})});default:return It("div",{children:It(K,{...a,...r,children:"Split Button"})})}};Wo.options=ah;Wo.states=oh;Wo.variants=rh;Wo.defaultOptions=$l;Wo.modifiers=nh;Wo.className=K.className;import{jsx as so,jsxs as sh}from"react/jsx-runtime";var Xl=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"),sh(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 qe,jsxs as ql}from"react/jsx-runtime";var Wl=e=>qe(_,{scrollable:!0,...e,children:[qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(K,{children:"Split button"},"toolbar-split-button"),ql(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"),ql(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")],...e});import{jsx as We,jsxs as Jl}from"react/jsx-runtime";var Yl=({scrollingPosition:e="start",...t})=>We(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[We(d,{children:"Button"},"toolbar-button"),We(X,{text:"Menu button"},"toolbar-menu-button"),We(K,{children:"Split button"},"toolbar-split-button"),Jl(B,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(d,{children:"Button"},"toolbar-button"),We(X,{text:"Menu button"},"toolbar-menu-button"),We(K,{children:"Split button"},"toolbar-split-button"),Jl(B,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as lh,jsx as De,jsxs as xr}from"react/jsx-runtime";var Ql=({fillMode:e,size:t,...o})=>xr(lh,{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(pt,{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(pt,{}),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 Ut}from"react/jsx-runtime";var dh=_.options,ch=_.states,Zl={..._.defaultOptions,variant:"default"},ph=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],mh=[],Jo=e=>{let{variant:t,...o}={...Zl,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Ql,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Yl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Wl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Xl,{style:{width:"583px"},...o})})}};Jo.options=dh;Jo.states=ch;Jo.variants=ph;Jo.defaultOptions=Zl;Jo.modifiers=mh;Jo.className=_.className;var ai="speech-to-text-button",jl=ai;import{jsx as uh}from"react/jsx-runtime";var ed="k-speech-to-text-button",td={icon:"microphone-outline"},re=e=>{let{listening:t=!1,icon:o=td.icon,...a}=e;return uh(d,{...a,icon:t?"stop-sm":o,className:n(e.className,ed,{"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=ed;re.defaultOptions=td;re.moduleName=ai;re.folderName=jl;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 Nh}from"react/jsx-runtime";var fh=d.states,od={...d.defaultOptions,variant:"normal"},bh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hh=[],xh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...od,...e},a={};return t==="listening"&&(a.listening=!0),Nh(re,{...o,...a})};Yo.options=bh;Yo.states=fh;Yo.variants=xh;Yo.defaultOptions=od;Yo.modifiers=hh;Yo.className=re.className;var ri="textarea",ad=ri;import{Fragment as rd,jsx as Ra,jsxs as ni}from"react/jsx-runtime";var nd="k-textarea",kh=[i.hover,i.focus,i.valid,i.invalid,i.required,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.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 ni(Z,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,nd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ni(rd,{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&&ni(rd,{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=kh;Y.options=gh;Y.className=nd;Y.defaultOptions=Qo;Y.moduleName=ri;Y.folderName=ad;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 vh=Y.options,Ch=Y.states,id={...Y.defaultOptions,variant:"vertical"},Lh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Mh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...id,...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=vh;Zo.states=Ch;Zo.variants=Lh;Zo.defaultOptions=id;Zo.modifiers=Mh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";var si="suggestion",sd=si;import{jsx as kr,jsxs as Ih}from"react/jsx-runtime";var gr="k-suggestion-group",Sh=[],Ah={},ld={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=ld.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"?Ih("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=Sh;it.options=Ah;it.className=gr;it.defaultOptions=ld;it.moduleName=si;it.folderName=sd;import{jsx as Oh}from"react/jsx-runtime";var vr="k-suggestion",Th=[i.active,i.hover,i.focus],yh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Eh={text:"Suggestion"},mt=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Oh("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})};mt.states=Th;mt.options=yh;mt.className=vr;mt.item=Eh;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 Bh="k-chip-action";var Tt=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,Bh,`k-chip-${t}-action`),children:a})};var li="avatar",dd=li;import{jsx as cd}from"react/jsx-runtime";var Ka="k-avatar";var Ph=[i.hover,i.focus,i.active,i.selected,i.disabled],wh={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]},di={type:"text",border:!1},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=di.type,border:l=di.border,...p}=e;return cd("div",{...p,className:n(e.className,Ka,I(Ka,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Ka}-bordered`]:l}),children:cd("span",{className:`${Ka}-${s}`,children:e.children})})};Ee.states=Ph;Ee.options=wh;Ee.className=Ka;Ee.defaultOptions=di;Ee.moduleName=li;Ee.folderName=dd;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 Rh}from"react/jsx-runtime";var pd=e=>Rh(lo,{type:"icon",...e});import{jsx as Kh}from"react/jsx-runtime";var md=e=>Kh(lo,{type:"text",...e});import{jsx as _h}from"react/jsx-runtime";var ud=e=>_h(lo,{type:"image",...e});import{jsx as yF}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Dh=Ee.options,Hh=Ee.states,zh={...Ee.defaultOptions,variant:"image"},Fh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Uh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(pd,{...o,children:_a(v,{icon:"star"})});case"text":return _a(md,{...o,children:"JO"});default:return _a(ud,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=Dh;jo.states=Hh;jo.variants=Fh;jo.defaultOptions=zh;jo.modifiers=Uh;jo.className=Ee.className;var Da="chip",Lr=Da;import{jsx as ea,jsxs as $h}from"react/jsx-runtime";var Mr="k-chip",Gh=[i.hover,i.focus,i.active,i.selected,i.disabled],Vh={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]},fd={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=fd.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return $h("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=Gh;Oe.options=Vh;Oe.className=Mr;Oe.defaultOptions=fd;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 Jh}from"react/jsx-runtime";var ci="k-chip-list",Xh=[],qh={size:[c.undefined,c.small,c.medium,c.large]},Wh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Jh("div",{...r,className:n(e.className,ci,I(ci,{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=Xh;xe.options=qh;xe.className=ci;xe.defaultOptions=Wh;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 Yh}from"react/jsx-runtime";var Sr=e=>Yh(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 ox}from"react/jsx-runtime";var Qh={...st.options,...xe.options},Zh=[],jh=xe.states,ex={...st.defaultOptions,...xe.defaultOptions},tx=[{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 ox(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(Tt,{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(Tt,{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(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Qh;oa.states=jh;oa.variants=Zh;oa.defaultOptions=ex;oa.modifiers=tx;oa.className=xe.className;import{jsx as pi}from"react/jsx-runtime";var ax=Oe.states,rx=Oe.defaultOptions,nx=Oe.options,ix=[],sx=[{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]?pi(Tt,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[r]?pi(Tt,{type:"remove"}):void 0;break;default:break}}),pi(Oe,{...o,...a,children:"Chip component"})};aa.options=nx;aa.states=ax;aa.variants=ix;aa.defaultOptions=rx;aa.modifiers=sx;aa.className=Oe.className;import{Fragment as wG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var lx="k-card-callout",bd=e=>{let{callout:t,...o}=e;return dx("span",{...o,className:n(e.className,lx,{[`k-callout-${Li.calloutMap[t]||t}`]:t})})};var Je="card",lt=Je;import{Fragment as ux,jsx as hd,jsxs as fx}from"react/jsx-runtime";var mi="k-card",cx=[i.hover,i.focus,i.selected,i.disabled],px={},mx={},Q=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return fx("div",{...p,className:n(e.className,mi,S(mi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&hd(bd,{callout:o}),hd(ux,{children:e.children})]})};Q.states=cx;Q.options=px;Q.className=mi;Q.defaultOptions=mx;Q.moduleName=Je;Q.folderName=lt;Q.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 Nx,jsx as xd}from"react/jsx-runtime";var ui="k-card-list",bx=[],hx={},xx={},Gt=e=>{let{...t}=e;return xd("div",{...t,className:n(e.className,ui,S(ui,{})),role:"list",children:xd(Nx,{children:e.children})})};Gt.states=bx;Gt.options=hx;Gt.className=ui;Gt.defaultOptions=xx;Gt.moduleName=Je;Gt.folderName=lt;Gt.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 Cx}from"react/jsx-runtime";var Nd="k-card-group",kx=[],gx={},vx={},ra=e=>{let{...t}=e;return Cx("div",{...t,className:n(e.className,Nd),children:e.children})};ra.states=kx;ra.options=gx;ra.className=Nd;ra.defaultOptions=vx;ra.moduleName=Je;ra.folderName=lt;import{jsx as Ax}from"react/jsx-runtime";var fi="k-card-wrap",Lx=[i.focus,i.selected],Mx={},Sx={},na=e=>{let{focus:t,selected:o,...a}=e;return Ax("div",{...a,className:n(e.className,fi,S(fi,{focus:t,selected:o})),children:e.children})};na.states=Lx;na.options=Mx;na.className=fi;na.defaultOptions=Sx;na.moduleName=Je;na.folderName=lt;import{jsx as Tx}from"react/jsx-runtime";var bi="k-card-title",Ix=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Tx("div",{...a,className:n(e.className,bi,S(bi,{hover:t,focus:o})),children:e.children})};co.states=Ix;co.className=bi;import{jsx as Ex}from"react/jsx-runtime";var yx="k-card-subtitle",Ar=e=>{let{...t}=e;return Ex("div",{...t,className:n(e.className,yx),children:e.children})};import{Fragment as gd,jsx as Ir}from"react/jsx-runtime";var kd="k-card-media",hi=e=>{let{src:t,...o}=e;return Ir(gd,{children:t?Ir("img",{...o,className:n(e.className,kd),src:t}):Ir("span",{...o,className:n(e.className,kd),children:Ir(gd,{children:e.children})})})};import{Fragment as Bx,jsx as Ha,jsxs as Px}from"react/jsx-runtime";var Ox="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Px("div",{...r,className:n(e.className,Ox),children:[t&&Ha(co,{children:t}),o&&Ha(Ar,{children:o}),Ha(Bx,{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 Rx}from"react/jsx-runtime";var wx="k-card-footer",xi=e=>{let{...t}=e;return Rx("div",{...t,className:n(e.className,wx),children:e.children})};import{Fragment as _x,jsx as za,jsxs as Dx}from"react/jsx-runtime";var Kx="k-card-body",He=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Dx("div",{...r,className:n(e.className,Kx),children:[t&&za(co,{children:t}),o&&za(Ar,{children:o}),za(_x,{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 Ux}from"react/jsx-runtime";var vd="k-card-deck",Hx=[],zx={},Fx={},ia=e=>{let{...t}=e;return Ux("div",{...t,className:n(e.className,vd),children:e.children})};ia.states=Hx;ia.options=zx;ia.className=vd;ia.defaultOptions=Fx;ia.moduleName=Je;ia.folderName=lt;import{jsx as Xx}from"react/jsx-runtime";var Cd="k-card-deck-scrollwrap",Gx=[],Vx={},$x={},sa=e=>{let{...t}=e;return Xx("div",{...t,className:n(e.className,Cd),children:e.children})};sa.states=Gx;sa.options=Vx;sa.className=Cd;sa.defaultOptions=$x;sa.moduleName=Je;sa.folderName=lt;import{Fragment as qx,jsx as la,jsxs as Ld}from"react/jsx-runtime";var Md=e=>la(Q,{orientation:"vertical",children:Ld(qx,{children:[la(yt,{children:"Card Header"}),la(He,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ld(F,{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 Wx,jsx as Fa,jsxs as Sd}from"react/jsx-runtime";var Ad=e=>Fa(Q,{orientation:"horizontal",children:Sd(Wx,{children:[Fa(He,{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."})}),Sd(F,{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 Jx=Q.options,Yx=Q.states,Id={...Q.defaultOptions,variant:"vertical"},Qx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zx=[{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}={...Id,...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(Ad,{style:{maxWidth:"420px"},...a,children:[r&&Be(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ua("div",{children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(He,{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(xi,{children:"Card Footer"})]}),(s||l)&&Be("span",{className:"k-separator k-separator-vertical"}),Ua(F,{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(Md,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Be(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Be(He,{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(xi,{children:"Card Footer"}),Ua(F,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Jx;da.states=Yx;da.variants=Qx;da.defaultOptions=Id;da.modifiers=Zx;da.className=Q.className;import{jsx as R6,jsxs as K6}from"react/jsx-runtime";var Ni="panelbar",Td=Ni;import{jsx as oN}from"react/jsx-runtime";var yd="k-panelbar",jx=[],eN={},tN={},Ne=e=>{let{activeDescendant:t,...o}=e;return oN("ul",{...o,className:n(e.className,yd),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=jx;Ne.options=eN;Ne.className=yd;Ne.defaultOptions=tN;Ne.moduleName=Ni;Ne.folderName=Td;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 ki from"react";import{jsx as Tr,jsxs as Ed}from"react/jsx-runtime";var Od="k-panelbar-item",aN=[i.hover,i.focus,i.selected,i.disabled],rN={},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 Ed("li",{...L,className:n(e.className,Od,{"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:[Ed("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&&ki.Children.map(m,M=>ki.isValidElement(M)?ki.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=aN;y.options=rN;y.className=Od;y.defaultOptions=yr;import{jsx as lN}from"react/jsx-runtime";var Bd="k-panelbar-group",nN=[],iN={},sN={},Pe=e=>{let{ariaHidden:t,...o}=e;return lN("ul",{...o,className:n(e.className,Bd),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=nN;Pe.options=iN;Pe.className=Bd;Pe.defaultOptions=sN;import{jsx as mN}from"react/jsx-runtime";var Pd="k-panelbar-content",dN=[],cN={},pN={},le=e=>{let{...t}=e;return mN("div",{...t,className:n(e.className,Pd),children:e.children})};le.states=dN;le.options=cN;le.className=Pd;le.defaultOptions=pN;import{Fragment as uN,jsx as Vt,jsxs as fN}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 Vt(Ne,{children:fN(uN,{children:[Vt(y,{header:!0,text:"Item 1",id:t,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 2",id:o,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 3",id:a,children:Vt(le,{children:"content"})}),Vt(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 bN,jsx as we,jsxs as gi}from"react/jsx-runtime";var wd=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:gi(bN,{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:gi(Pe,{children:[we(y,{level:1,text:"Child 1",id:s}),we(y,{level:1,expanded:!0,text:"Child 2",id:l,children:gi(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 Rd,jsx as ee,jsxs as Er}from"react/jsx-runtime";var hN=Ne.options,xN=Ne.states,Kd={...Ne.defaultOptions,variant:"normal"},NN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],kN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Kd,...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(Rd,{children:Er(wd,{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(Rd,{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=hN;ca.states=xN;ca.variants=NN;ca.defaultOptions=Kd;ca.modifiers=kN;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 r4,jsx as a4,jsxs as n4}from"react/jsx-runtime";import{Fragment as _d,jsx as g,jsxs as de}from"react/jsx-runtime";var gN=q.options,vN=q.states,CN={...q.defaultOptions,variant:"ask"},LN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],MN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],pa=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(_d,{children:de(it,{layout:"wrap",children:[g(mt,{text:"Post for work-life balance importance"}),g(mt,{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(U,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(ut,{children:de(_,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(ze,{children:g(Fe,{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(U,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(ut,{children:de(_,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(ze,{children:[g(Wt,{}),g(Fe,{children:de("div",{className:"k-card-list",children:[de(Q,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(He,{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(F,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),de(Q,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(He,{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(F,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]})]})})]})]})});default:return g(U,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(ut,{children:de(_,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(ze,{children:de(Fe,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(_d,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(Wa,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(mo,{children:g(F,{className:"k-prompt-actions",alignment:"start",children:g(z,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};pa.options=gN;pa.states=vN;pa.variants=LN;pa.defaultOptions=CN;pa.modifiers=MN;pa.className=q.className;import{Fragment as Dd,jsx as dt,jsxs as Or}from"react/jsx-runtime";var Q4=({text:e,...t})=>dt(q,{...t,children:dt(ze,{children:Or(Fe,{children:[Or(Q,{children:[dt(He,{style:{maxHeight:"150px",overflowY:"auto"},children:e}),Or(F,{className:"k-card-actions",alignment:"start",children:[dt(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),dt(z,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),dt(z,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),dt(z,{fillMode:"flat",icon:"cancel-outline",children:"Discard"})]})]}),dt(Y,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:Or(Dd,{children:[dt(V,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),dt(re,{fillMode:"flat"})]}),suffix:dt(Dd,{children:dt(qt,{disabled:!0})})})]})})});export{Q4 as PromptInline};
+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 Ci(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"},Li={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Rr={};function T(e){return Rr[e]=(Rr[e]||0)+1,`k-${e}-${Rr[e]}`}var Kr="action-buttons",Mi=Kr;import{jsx as Ud}from"react/jsx-runtime";var $a="k-actions",zd=[],Fd={},_r={alignment:"start",orientation:"horizontal"},F=e=>{let{alignment:t=_r.alignment,orientation:o=_r.orientation,...a}=e;return Ud("div",{...a,className:n($a,{[`${$a}-${t}`]:t,[`${$a}-${o}`]:o},e.className),children:e.children})};F.states=zd;F.options=Fd;F.className=$a;F.defaultOptions=_r;F.moduleName=Kr;F.folderName=Mi;import{Fragment as Xd,jsx as Si}from"react/jsx-runtime";var Dr="k-font-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]},$d={},ma=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Si("span",{...l,className:n(e.className,Dr,I(Dr,{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"}):Si(Xd,{})};ma.states=Gd;ma.options=Vd;ma.className=Dr;ma.defaultOptions=$d;var Ai=ma;import{Fragment as Jd,jsx as Xa}from"react/jsx-runtime";var Hr="k-svg-icon",qd=[],Wd={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]},Ii={viewBox:"0 0 24 24"},ua=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ii.viewBox,icon:l,...p}=e;if(!l)return Xa(Jd,{});if(l==="none")return Xa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Xa("span",{...p,className:n(e.className,Hr,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:Xa("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=qd;ua.options=Wd;ua.className=Hr;ua.defaultOptions=Ii;var zr=ua;import*as Fr from"@progress/kendo-svg-icons";var Ti="icon",yi="icons";import{useContext as Qd}from"react";import{createContext as Yd}from"react";var Ei=Yd({iconsType:"svg"});import{Fragment as Oi,jsx as fa}from"react/jsx-runtime";var qa="k-icon",Zd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),jd=[],ec={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]},Ur={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Qd(Ei),{size:o,themeColor:a,icon:r,type:s=t||Ur.type,rotate:l,flip:p,viewBox:b=Ur.viewBox,...x}=e;if(!r)return fa(Oi,{});if((t||s)==="svg"){if(r==="none")return fa(zr,{...x,className:n(e.className,qa),icon:r,size:o});let k=Fr[r]?r:Zd(`${r}-icon`);return Fr[k]?fa(zr,{...x,className:n(e.className,qa),icon:Fr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):fa(Oi,{})}return fa(Ai,{...x,className:n(e.className,qa),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=jd;v.options=ec;v.defaultOptions=Ur;v.className=qa;v.moduleName=Ti;v.folderName=yi;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 Gr="button",Bi=Gr;import{Fragment as rc,jsx as ba,jsxs as Pi}from"react/jsx-runtime";var ha="k-button",tc=["icon-button"],oc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ac={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]},Vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Vr.showArrow,arrowIconName:p=Vr.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 Pi(t,{className:n(J,ha,Ci(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?Pi(rc,{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=oc;d.options=ac;d.variants=tc;d.className=ha;d.defaultOptions=Vr;d.moduleName=Gr;d.folderName=Bi;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 nc}from"react/jsx-runtime";var V=e=>nc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ic}from"react/jsx-runtime";var z=e=>ic(d,{icon:"folder",children:"Button",...e});import{jsx as sc}from"react/jsx-runtime";var Xt=e=>sc(d,{children:"Button",...e});import{jsx as $r}from"react/jsx-runtime";var lc=d.options,dc=d.states,cc={...d.defaultOptions,variant:"text"},pc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mc=[],po=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return $r(V,{...o,icon:"star"});case"icon-and-text":return $r(z,{...o,icon:"star",children:"Button"});default:return $r(Xt,{...o,children:"Button"})}};po.options=lc;po.states=dc;po.variants=pc;po.defaultOptions=cc;po.modifiers=mc;po.className=d.className;var Xr="prompt",wi=Xr;import{Fragment as hc,jsx as Ri}from"react/jsx-runtime";var Ki="k-prompt",uc=[],fc={},bc={},q=e=>{let{...t}=e;return Ri("div",{...t,className:n(e.className,Ki),children:Ri(hc,{children:e.children})})};q.states=uc;q.options=fc;q.className=Ki;q.defaultOptions=bc;q.moduleName=Xr;q.folderName=wi;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 Nc}from"react/jsx-runtime";var xc="k-prompt-header",ut=e=>{let{...t}=e;return Nc("div",{...t,className:n(e.className,xc),children:e.children})};import{Fragment as gc,jsx as _i}from"react/jsx-runtime";var kc="k-prompt-content",ze=e=>{let{...t}=e;return _i("div",{...t,className:n(e.className,kc),children:_i(gc,{children:e.children})})};import{jsx as Cc}from"react/jsx-runtime";var vc="k-prompt-view",Fe=e=>{let{...t}=e;return Cc("div",{...t,className:n(e.className,vc),children:e.children})};import{jsx as Di,jsxs as Mc}from"react/jsx-runtime";var Lc="k-prompt-expander",Wa=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return Mc("div",{...r,className:n(e.className,Lc),children:[Di(z,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Di("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Ac}from"react/jsx-runtime";var Sc="k-prompt-footer",mo=e=>{let{...t}=e;return Ac("div",{...t,className:n(e.className,Sc),children:e.children})};import{jsx as ig}from"react/jsx-runtime";import{jsx as Ic}from"react/jsx-runtime";var Hi="k-prompt-send",zi={generating:!1},qt=e=>{let{generating:t=zi.generating,...o}=e;return Ic(d,{...o,className:n(e.className,Hi,{"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=Hi;qt.defaultOptions=zi;import{jsx as Fi,jsxs as Bc}from"react/jsx-runtime";var Ja="k-fab",Ec=[i.hover,i.focus,i.active,i.selected,i.disabled],Oc={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]},Ui={type:"button"},te=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=Ui.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return Bc("button",{...L,type:l,className:n(e.className,Ja,I(Ja,{size:t,rounded:o,themeColor:a}),S(Ja,{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&&Fi(v,{className:"k-fab-icon",icon:s}),r&&Fi("span",{className:"k-fab-text",children:r})]})};te.states=Ec;te.options=Oc;te.className=Ja;te.defaultOptions=Ui;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 wc}from"react/jsx-runtime";var Pc="k-fab-items",Gi=e=>{let{position:t,...o}=e;return wc("ul",{...o,className:n(e.className,Pc,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as $i,jsxs as Kc}from"react/jsx-runtime";var Vi="k-fab-item",Rc=[i.hover,i.focus,i.active,i.disabled],qr=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return Kc("li",{...b,className:n(e.className,Vi,{[`k-text-${a}`]:a},S(Vi,{hover:r,focus:s,active:l,disabled:p})),children:[$i("span",{className:"k-fab-item-text",children:t}),$i(v,{className:"k-fab-item-icon",icon:o})]})};qr.states=Rc;import{jsx as yg}from"react/jsx-runtime";import{jsx as Pg}from"react/jsx-runtime";import{jsx as _g}from"react/jsx-runtime";import{jsx as Fg}from"react/jsx-runtime";import{jsx as uo,jsxs as Uc}from"react/jsx-runtime";var _c=te.options,Dc=te.states,Hc={...te.defaultOptions,variant:"text"},zc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fc=[{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(Gi,{position:"bottom",children:uo(qr,{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 Uc("span",{style:{position:"relative"},children:[l,s]})};fo.options=_c;fo.states=Dc;fo.variants=zc;fo.defaultOptions=Hc;fo.modifiers=Fc;fo.className=te.className;import{jsx as Gc}from"react/jsx-runtime";var Xi="k-prompt-stop-fab",qi={generating:!0},Wt=e=>{let{generating:t=qi.generating,icon:o,...a}=e;return Gc(te,{...a,className:n(e.className,Xi,{"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=Xi;Wt.defaultOptions=qi;var Wr="button",Wi=Wr;import{jsx as qc}from"react/jsx-runtime";var xa="k-button-group",Vc=[i.disabled],$c={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Xc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return qc("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=Vc;B.options=$c;B.className=xa;B.defaultOptions=Xc;B.moduleName=Wr;B.folderName=Wi;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 gt,jsxs as Jr}from"react/jsx-runtime";var Wc={...d.options,...B.options},Jc=d.states,Yc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Qc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Zc=[],bo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Jr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Jr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):Jr(B,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};bo.options=Wc;bo.states=Jc;bo.variants=Qc;bo.defaultOptions=Yc;bo.modifiers=Zc;bo.className=B.className;var Na="input",Ya=Na;import{jsx as op}from"react/jsx-runtime";var Qa="k-input",jc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ep={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]},tp={},Z=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 op("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}))})};Z.states=jc;Z.options=ep;Z.className=Qa;Z.defaultOptions=tp;Z.moduleName=Na;Z.folderName=Ya;import{jsx as ip}from"react/jsx-runtime";var Za="k-picker",ap=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rp={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]},np={},ft=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 ip("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})};ft.states=ap;ft.options=rp;ft.className=Za;ft.defaultOptions=np;ft.moduleName=Na;ft.folderName=Ya;import{Fragment as dp,jsx as Yr}from"react/jsx-runtime";var Ji="k-clear-value",sp=[i.disabled,i.loading,i.readonly],lp={},Ue=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Yr(dp,{}):Yr("span",{className:n(e.className,Ji),children:Yr(v,{icon:"x"})})};Ue.states=sp;Ue.options=lp;Ue.className=Ji;import{jsx as mp}from"react/jsx-runtime";var Qr="k-input-inner",cp=[],pp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},Ge=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 mp("input",{...p,type:o,className:n(e.className,Qr,I(Qr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Ge.states=cp;Ge.options=pp;Ge.className=Qr;import{jsx as Yi,jsxs as bp}from"react/jsx-runtime";var Zr="k-input-inner",up=[],fp={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return bp("span",{...l,className:n(e.className,Zr,I(Zr,e)),children:[r,!r&&s&&Yi(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Yi("span",{className:"k-input-value-text",children:t})]})};Jt.states=up;Jt.options=fp;Jt.className=Zr;import{jsx as Np}from"react/jsx-runtime";var jr="k-input-inner",hp=[],xp={},Qi={value:"",placeholder:""},ka=e=>{let{value:t=Qi.value,placeholder:o=Qi.placeholder,rows:a,disabled:r,...s}=e;return Np("textarea",{...s,className:n(e.className,jr,I(jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};ka.states=hp;ka.options=xp;ka.className=jr;import{Fragment as gp,jsx as Zi}from"react/jsx-runtime";var ji="k-input-loading-icon",kp=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t||!o?Zi(gp,{}):Zi("span",{className:n(e.className,ji,"k-icon k-i-loading")})};Re.states=kp;Re.className=ji;import{Fragment as Lp,jsx as es}from"react/jsx-runtime";var ts="k-input-validation-icon",vp=[i.valid,i.invalid,i.disabled,i.loading],Cp={},Le=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?es(Lp,{}):es(v,{className:n(ts),icon:s})};Le.states=vp;Le.options=Cp;Le.className=ts;import{Fragment as Ap,jsx as os}from"react/jsx-runtime";var Mp="k-input-prefix",Sp={direction:"horizontal"},Ke=e=>{let{direction:t=Sp.direction,...o}=e;return e.children?os("span",{...o,className:n(Mp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):os(Ap,{})};import{Fragment as yp,jsx as as}from"react/jsx-runtime";var Ip="k-input-suffix",Tp={direction:"horizontal"},_e=e=>{let{direction:t=Tp.direction,...o}=e;return e.children?as("span",{...o,className:n(Ip,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):as(yp,{})};import{jsx as rL}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var Ep="k-input-suffix-text",en=e=>{let{children:t,...o}=e;return Op("span",{...o,className:n(Ep,e.className),children:t})};import{jsx as Pp}from"react/jsx-runtime";var rs="k-input-separator",Bp={direction:"vertical"},Me=e=>{let{direction:t=Bp.direction,...o}=e;return Pp("span",{...o,className:n(rs,e.className,{[`${rs}-${t}`]:t})})};import{Fragment as ns,jsx as bt,jsxs as tn}from"react/jsx-runtime";var wp=Z.states,Rp=Z.defaultOptions,Kp=Z.options,_p=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Dp=[],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 tn(Z,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&tn(ns,{children:[bt(Ke,{children:bt(v,{icon:"lock"})}),m&&bt(Me,{})]}),bt(Ge,{placeholder:"Placeholder",value:"Value"}),k&&bt(Le,{valid:o,invalid:a,loading:r,disabled:s}),bt(Re,{loading:r,disabled:s}),N&&bt(Ue,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&tn(ns,{children:[m&&bt(Me,{}),bt(_e,{children:bt(Xt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ho.options=Kp;ho.states=wp;ho.variants=Dp;ho.defaultOptions=Rp;ho.modifiers=_p;ho.className=Z.className;import{jsx as is,jsxs as Fp}from"react/jsx-runtime";var ss="k-color-preview",Hp=[],zp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Fp("span",{...a,className:n(e.className,ss,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&is(v,{icon:o,className:"k-color-preview-icon"}),is("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Hp;Ot.options=zp;Ot.className=ss;var on="popup",ls=on;import{jsx as ds}from"react/jsx-runtime";var cs="k-animation-container",Up=[],Gp={},ps={positionMode:"absolute"},ht=e=>{let{positionMode:t=ps.positionMode,animationStyle:o,offset:a,...r}=e;return ds("div",{...r,style:{...a,...e.style},className:n(e.className,cs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ds("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=Up;ht.options=Gp;ht.className=cs;ht.defaultOptions=ps;ht.moduleName=on;ht.folderName=ls;var an="popup",ms=an;import{jsx as us}from"react/jsx-runtime";var fs="k-popup",Vp=[],$p={},bs={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return us(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:us("div",{...p,className:n(e.className,fs),children:e.children})})};U.states=Vp;U.options=$p;U.className=fs;U.defaultOptions=bs;U.moduleName=an;U.folderName=ms;U.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 qp}from"react/jsx-runtime";var Xp="k-actionsheet-footer",hs={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=hs.alignment,orientation:o=hs.orientation,template:a,as:r=a?"div":F,...s}=e;return qp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Xp),children:e.children})};var rn="searchbox",xs=rn;import{jsx as ga,jsxs as Yp}from"react/jsx-runtime";var Ns="k-searchbox",Wp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Jp={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]},nn={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=nn.showIcon,icon:C=nn.icon,"aria-label":M,...E}=e;return Yp(Z,{...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,Ns),children:[L&&ga(v,{className:"k-input-icon",icon:C}),ga(Ge,{placeholder:o,value:t,"aria-label":M}),ga(Re,{...e}),ga(Le,{...e}),ga(Ue,{...e})]})};Ye.states=Wp;Ye.options=Jp;Ye.className=Ns;Ye.defaultOptions=nn;Ye.moduleName=rn;Ye.folderName=xs;import{jsx as CM}from"react/jsx-runtime";var sn="textbox",ks=sn;import{Fragment as gs,jsx as Pt,jsxs as ln}from"react/jsx-runtime";var vs="k-textbox",Qp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zp={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 ln(Z,{...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,vs),children:[p&&ln(gs,{children:[Pt(Ke,{children:p}),r&&Pt(Me,{})]}),Pt(Ge,{id:ce,placeholder:k,value:N,type:x,disabled:w,"aria-label":ue,"aria-describedby":fe,"aria-invalid":M?"true":void 0}),l&&Pt(Le,{valid:C,invalid:M,loading:A,disabled:w}),Pt(Re,{loading:A,disabled:w}),s&&Pt(Ue,{loading:A,disabled:w,readonly:J,value:N}),b&&ln(gs,{children:[r&&Pt(Me,{}),Pt(_e,{children:b})]})]})};be.states=Qp;be.options=Zp;be.className=vs;be.defaultOptions=er;be.moduleName=sn;be.folderName=ks;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 jp}from"react/jsx-runtime";var Cs=e=>jp(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 dn}from"react/jsx-runtime";var em=be.states,tm=be.defaultOptions,om=be.options,am=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],rm=[],xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?dn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?dn(Xt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),dn(Cs,{value:"Value",style:{width:300},...o,...a})};xo.options=om;xo.states=em;xo.variants=rm;xo.defaultOptions=tm;xo.modifiers=am;xo.className=be.className;import{jsx as wt,jsxs as cn}from"react/jsx-runtime";var Ls="k-actionsheet-titlebar",nm={},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 cn("div",{...m,className:n(e.className,Ls),children:[cn("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&cn("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&wt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&wt("div",{className:"k-actionsheet-actions",children:r})]}),(l||s)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(be,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):wt(Ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Se.className=Ls;Se.defaultOptions=nm;import{jsx as pn,jsxs as dm}from"react/jsx-runtime";var mn="k-actionsheet-view",im=[],sm={},lm={},No=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Se&&pn(Se,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&pn(Bt,{...s?.props});return dm("div",{...p,className:n(e.className,mn,{[`${mn}-animated`]:o}),children:[b,pn("div",{className:"k-actionsheet-content",children:a}),x]})};No.states=im;No.options=sm;No.className=mn;No.defaultOptions=lm;var Ca="action-sheet",tr=Ca;var un="overlay",Ms=un;import{jsx as um}from"react/jsx-runtime";var Ss="k-overlay",cm=[],pm={},mm={},Rt=e=>{let{...t}=e;return um("div",{...t,className:n(e.className,Ss),children:e.children})};Rt.states=cm;Rt.options=pm;Rt.className=Ss;Rt.defaultOptions=mm;Rt.moduleName=un;Rt.folderName=Ms;import{jsx as or,jsxs as hm}from"react/jsx-runtime";var As="k-actionsheet",fm=[],bm={},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 hm("div",{className:"k-actionsheet-container",children:[r&&or(Rt,{}),or(ht,{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,As,{[`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=fm;oe.options=bm;oe.className=As;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 gm}from"react/jsx-runtime";var Is="k-actionsheet-container",xm=[],Nm={},km={},ko=e=>{let{children:t,...o}=e;return gm("div",{...o,className:Is,children:t})};ko.states=xm;ko.options=Nm;ko.className=Is;ko.defaultOptions=km;ko.moduleName=Ca;ko.folderName=tr;import{jsx as vm}from"react/jsx-runtime";var fn=e=>{let{...t}=e;return vm("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Lm,jsx as Ma,jsxs as bn}from"react/jsx-runtime";var hn="k-actionsheet-item",Cm=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return bn("span",{...b,className:n(e.className,hn,S(hn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ma(Lm,{children:bn("span",{className:"k-actionsheet-action",children:[t&&Ma("span",{className:"k-icon-wrap",children:Ma(v,{className:"k-actionsheet-item-icon",icon:t})}),bn("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]})};Kt.states=Cm;Kt.className=hn;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 xn}from"react/jsx-runtime";var Mm=oe.options,Sm=oe.states,ys={...oe.defaultOptions,variant:"normal"},Am=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Im=[{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}={...ys,...e},r={},s=xn(fn,{children:[he(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(Kt,{text:"Add to Favorites",iconName:"heart"}),he(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(Kt,{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?xn(Bt,{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?xn(Bt,{alignment:"stretched",children:[he(d,{text:"Apply",themeColor:"primary"}),he(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};go.options=Mm;go.states=Sm;go.variants=Am;go.defaultOptions=ys;go.modifiers=Im;go.className=oe.className;var Nn="slider",Es=Nn;import{jsx as vo,jsxs as kn}from"react/jsx-runtime";var Sa="k-slider",Tm=[i.hover,i.focus,i.active,i.disabled,i.readonly],ym={},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"),kn("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"}),kn("div",{className:"k-slider-track-wrap",children:[b&&vo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),kn("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=Tm;W.options=ym;W.className=Sa;W.defaultOptions=Qe;W.moduleName=Nn;W.folderName=Es;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 Os}from"react/jsx-runtime";var Bs="k-tick",Em=[],Om={},Ps={label:!1},O=e=>{let{style:t,label:o=Ps.label,orientation:a,large:r,text:s,...l}=e;return Os("li",{...l,role:"presentation",title:s||"Tick",className:n(e.className,Bs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Os("span",{className:"k-label",children:s})})};O.states=Em;O.options=Om;O.className=Bs;O.defaultOptions=Ps;import{Fragment as Bm,jsx as Ze,jsxs as Pm}from"react/jsx-runtime";var ws=e=>Ze(W,{"aria-label":e["aria-label"]||"Slider",children:Pm(Bm,{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 wm,jsx as je,jsxs as Rm}from"react/jsx-runtime";var Rs=e=>je(W,{children:Rm(wm,{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 Km}from"react/jsx-runtime";var gn=e=>Km(W,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as _m}from"react/jsx-runtime";var vn=e=>_m(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 xt,jsxs as Ks}from"react/jsx-runtime";var Dm=W.options,Hm=W.states,_s={...W.defaultOptions,variant:"horizontal",label:!0},zm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Fm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Co=e=>{let{variant:t,modifiers:o,...a}={..._s,...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"?Ks(Rs,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ks(ws,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Co.options=Dm;Co.states=Hm;Co.variants=zm;Co.defaultOptions=_s;Co.modifiers=Fm;Co.className=W.className;import{jsx as Ds,jsxs as Xm}from"react/jsx-runtime";var Hs="k-spin-button",Vm=[],$m={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Cn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Cn.increaseLabel,decreaseLabel:s=Cn.decreaseLabel,...l}=e;return Xm("span",{...l,className:n(Hs,e.className),children:[Ds(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Ds(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};_t.states=Vm;_t.options=$m;_t.className=Hs;_t.defaultOptions=Cn;_t.moduleName=null;_t.folderName=null;var zs="numeric-textbox",Fs="numerictextbox";import{Fragment as Us,jsx as vt,jsxs as Ln}from"react/jsx-runtime";var Gs="k-numerictextbox",qm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Wm={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},G=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 Ln(Z,{...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,Gs),children:[p&&Ln(Us,{children:[vt(Ke,{children:p}),r&&vt(Me,{})]}),vt(Ge,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ce,"aria-describedby":ue,"aria-invalid":C?"true":void 0}),vt(Le,{valid:L,invalid:C,loading:E,disabled:A}),vt(Re,{loading:E,disabled:A}),s&&vt(Ue,{loading:E,disabled:A,readonly:w,value:x}),b&&Ln(Us,{children:[r&&vt(Me,{}),vt(_e,{children:b})]}),l&&vt(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};G.states=qm;G.options=Wm;G.className=Gs;G.defaultOptions=ar;G.moduleName=zs;G.folderName=Fs;G.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=G;import{jsx as Jm}from"react/jsx-runtime";var Vs=e=>Jm(Aa,{...e});import Sn from"react";import{jsx as $s}from"react/jsx-runtime";var Ym="k-list-group-sticky-header",Mn=e=>$s("div",{className:n(Ym,e.className),children:$s("div",{className:"k-list-header-text",children:e.children})});import{jsx as Zm}from"react/jsx-runtime";var Qm="k-no-data",rr=e=>{let{live:t,...o}=e;return Zm("span",{...o,className:n(Qm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Lo=Yt;import{jsx as Xs,jsxs as qs}from"react/jsx-runtime";var An="k-list",jm=[],eu={size:[c.undefined,c.small,c.medium,c.large]},tu={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=Sn.Children.toArray(a)[0],m=k?.props?.children?Sn.Children.count(k.props.children):Sn.Children.count(a);return qs("div",{...x,className:n(e.className,An,I(An,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Xs(Mn,{children:r}),a||(p!==void 0?p:Xs(rr,{live:!0,children:"No data found."})),b&&a&&qs(rr,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=jm;D.options=eu;D.className=An;D.defaultOptions=tu;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 nu}from"react/jsx-runtime";var Ws="k-list-container",ou=[],au={},ru={},Mo=e=>{let{...t}=e;return nu("div",{...t,className:n(e.className,Ws),children:e.children})};Mo.states=ou;Mo.options=au;Mo.className=Ws;Mo.defaultOptions=ru;Mo.moduleName=Yt;Mo.folderName=Lo;var Qt="checkbox",So=Qt;import{jsx as Js}from"react/jsx-runtime";var nr="k-checkbox",iu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],su={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},lu={},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 Js("span",{className:"k-checkbox-wrap",role:m,children:Js("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=iu;et.options=su;et.className=nr;et.defaultOptions=lu;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 ct=et;import{jsx as pu}from"react/jsx-runtime";var Ys="k-checkbox-list",du=[],cu={},Qs={layout:"vertical"},Ae=e=>{let{layout:t=Qs.layout,...o}=e;return pu("ul",{...o,className:n(e.className,Ys,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=du;Ae.options=cu;Ae.className=Ys;Ae.defaultOptions=Qs;Ae.moduleName=Qt;Ae.folderName=So;import{jsx as bu}from"react/jsx-runtime";var Zs="k-checkbox-list-item",mu=[],uu={},fu={},Ie=e=>{let{...t}=e;return bu("li",{...t,className:n(e.className,Zs),children:e.children})};Ie.states=mu;Ie.options=uu;Ie.className=Zs;Ie.defaultOptions=fu;Ie.moduleName=Qt;Ie.folderName=So;import{Fragment as hu,jsx as js,jsxs as xu}from"react/jsx-runtime";var Ct=({children:e="Label",id:t="cb-label-after",...o})=>xu(hu,{children:[js(ct,{id:t,...o}),js("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 el}from"react/jsx-runtime";var Nu=Ae.options,ku=Ae.states,gu={...Ae.defaultOptions,variant:"vertical"},vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cu=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?el(Ae,{layout:"horizontal",...o,children:[tt(Ie,{children:tt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})})]}):el(Ae,{...o,children:[tt(Ie,{children:tt(Ct,{id:T("cb"),defaultChecked:!0,children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})}),tt(Ie,{children:tt(Ct,{id:T("cb"),children:"Label"})})]})};Ao.options=Nu;Ao.states=ku;Ao.variants=vu;Ao.defaultOptions=gu;Ao.modifiers=Cu;Ao.className=Ae.className;import{jsx as Tu}from"react/jsx-runtime";var Lu=ct.options,Mu=ct.states,Su=ct.defaultOptions,Au=[],Iu=[],Io=e=>Tu(Ct,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Io.options=Lu;Io.states=Mu;Io.variants=Au;Io.defaultOptions=Su;Io.modifiers=Iu;Io.className=ct.className;import{jsx as Zt,jsxs as Bu}from"react/jsx-runtime";var In="k-list-item",yu=[i.hover,i.focus,i.selected,i.disabled],Eu={},Ou={},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 Bu("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":In,S(In,{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=yu;P.options=Eu;P.className=In;P.defaultOptions=Ou;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 wu}from"react/jsx-runtime";var Pu="k-list-ul",Lt=e=>{let{children:t,role:o,id:a,...r}=e;return wu("ul",{...r,id:a,role:o,className:n(Pu,e.className),children:t})};Lt.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 Tn,jsxs as Ku}from"react/jsx-runtime";var Ru="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return Ku("div",{...l,className:n(Ru,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:Tn(Lt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Tn("div",{className:"k-height-container",children:Tn("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 yn,jsxs as Du}from"react/jsx-runtime";var _u="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return Du("li",{...o,role:"presentation",className:n(_u,e.className),children:[t&&yn("span",{className:"k-list-item-icon-wrapper",children:yn(v,{icon:t,className:"k-list-item-icon"})}),yn("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 Uu}from"react/jsx-runtime";var En="k-list-optionlabel",Hu=[i.hover,i.focus,i.selected,i.disabled],zu={},Fu={},ir=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Uu("div",{...l,className:n(En,S(En,{hover:o,focus:a,selected:r,disabled:s})),children:t})};ir.states=Hu;ir.options=zu;ir.className=En;ir.defaultOptions=Fu;import{jsx as Xu}from"react/jsx-runtime";var On="k-list-custom-value",Gu=[i.hover,i.focus,i.selected,i.disabled],Vu={},$u={},Dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Xu("div",{...l,className:n(On,S(On,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=Gu;Dt.options=Vu;Dt.className=On;Dt.defaultOptions=$u;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 tl="dropdown-list",ol="dropdownlist";import{Fragment as Ju,jsx as Te,jsxs as Bn}from"react/jsx-runtime";var al="k-dropdownlist",qu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Wu={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]},Pn={showValue:!0,arrowIconName:"chevron-down"},ie=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Pn.arrowIconName,showValue:s=Pn.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:Br,id:Et,activeDescendant:Va,"aria-label":Pr,...wr}=e,Hd=Et?`${Et}-listbox`:void 0,vi=Et?`${Et}-value`:void 0;return Bn(Ju,{children:[Bn(ft,{...wr,id:Et,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,al,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ce?"true":"false","aria-controls":ce?Hd:void 0,"aria-activedescendant":ce&&Va?Va:void 0,"aria-describedby":ce?vi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Pr,tabIndex:0,children:[Te(Ke,{children:p}),Te(Jt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:vi}),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(U,{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:Br,inputValue:x,inputPlaceholder:N,title:Ce,subtitle:$t}),children:Te("div",{className:"k-list-container",children:Te(D,{size:"large",children:Bn($,{"aria-label":"Options",children:[Te(P,{text:"List item"}),Te(P,{text:"List item"}),Te(P,{text:"List item"})]})})})})]})};ie.states=qu;ie.options=Wu;ie.className=al;ie.defaultOptions=Pn;ie.moduleName=tl;ie.folderName=ol;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 tf,jsx as Ht,jsxs as rl}from"react/jsx-runtime";var Yu=ie.states,Qu=ie.defaultOptions,Zu=ie.options,ju=[{name:"opened",title:"Opened"}],ef=[],yo=e=>{let{modifiers:t,...o}=e,a={},r=rl(tf,{children:[Ht("div",{className:"k-list-filter",children:Ht(Ye,{})}),Ht(D,{style:{width:300},size:o.size,children:rl($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ht("div",{children:Ht(ie,{placeholder:"Value",style:{width:300},...o,...a})})};yo.options=Zu;yo.states=Yu;yo.variants=ef;yo.defaultOptions=Qu;yo.modifiers=ju;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 wn}from"react/jsx-runtime";var of=G.states,af=G.defaultOptions,rf=G.options,nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],sf=[],Eo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?wn(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?wn(en,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),wn(Vs,{value:"Value",style:{width:300},...o,...a})};Eo.options=rf;Eo.states=of;Eo.variants=sf;Eo.defaultOptions=af;Eo.modifiers=nf;Eo.className=G.className;import{Fragment as Ia,jsx as R,jsxs as ne}from"react/jsx-runtime";var nl="k-colorgradient-inputs",lf=[],df={size:[c.undefined,c.small,c.medium,c.large]},il={mode:"rgba"},Oo=e=>{let{mode:t=il.mode,size:o,...a}=e;return ne("div",{...a,className:n(nl,"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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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(G,{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=lf;Oo.options=df;Oo.className=nl;Oo.defaultOptions=il;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var sl="k-colorgradient-color-contrast",cf=[],pf={},mf={},Bo=()=>to("div",{className:n(sl,"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=cf;Bo.options=pf;Bo.className=sl;Bo.defaultOptions=mf;var ll="color-gradient",dl="colorgradient";import{jsx as ot,jsxs as Ta}from"react/jsx-runtime";var sr="k-colorgradient",uf=[i.hover,i.focus,i.readonly,i.disabled],ff={size:[c.undefined,c.small,c.medium,c.large]},Nt={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=Nt.mode,readonly:a=Nt.readonly,disabled:r=Nt.disabled,gradientStyle:s=Nt.gradientStyle,dragHandleStyle:l=Nt.dragHandleStyle,alphaStyle:p=Nt.alphaStyle,alphaStyleHorizontal:b=Nt.alphaStyleHorizontal,contrast:x=Nt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=Nt.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(vn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(vn,{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(gn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&ot(gn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),ot(Oo,{mode:e.mode,size:t}),x&&ot(Bo,{})]})};pe.states=uf;pe.options=ff;pe.className=sr;pe.defaultOptions=Nt;pe.moduleName=ll;pe.folderName=dl;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 bf}from"react/jsx-runtime";var lr=e=>bf(pe,{...e});import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as Rn}from"react/jsx-runtime";var hf=pe.options,xf=pe.states,Nf={...pe.defaultOptions,variant:"rgba"},kf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gf=[],Po=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Rn(lr,{...o,mode:t});case"rgb":return Rn(lr,{...o,mode:t});default:return Rn(lr,{...o,mode:t})}};Po.options=hf;Po.states=xf;Po.variants=kf;Po.defaultOptions=Nf;Po.modifiers=gf;Po.className=pe.className;import{jsx as vf}from"react/jsx-runtime";var Kn=e=>vf("tr",{role:"row",children:e.children});import{jsx as Mf}from"react/jsx-runtime";var _n="k-colorpalette-tile",Cf=[i.hover,i.focus,i.selected],Lf={},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 Mf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,_n,S(_n,{hover:a,focus:r,selected:s})),style:p})};wo.states=Cf;wo.options=Lf;wo.className=_n;var cl="color-palette",pl="colorpalette";import{jsx as ya}from"react/jsx-runtime";var dr="k-colorpalette",Sf=[i.disabled],Af={size:[c.undefined,c.small,c.medium,c.large]},ml={columns:10},ye=e=>{let{size:t,palette:o,columns:a=ml.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(Kn,{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=Sf;ye.options=Af;ye.className=dr;ye.defaultOptions=ml;ye.moduleName=cl;ye.folderName=pl;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 If}from"react/jsx-runtime";var ul=e=>If(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 wf}from"react/jsx-runtime";var Tf=ye.options,yf=ye.states,Ef={...ye.defaultOptions,variant:"basic"},Of=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Bf={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}},Pf=[],Ro=e=>{let{variant:t="basic",...o}=e,a=Bf[t];return wf(ul,{columns:a.columns,palette:a,...o})};Ro.options=Tf;Ro.states=yf;Ro.variants=Of;Ro.defaultOptions=Ef;Ro.modifiers=Pf;Ro.className=ye.className;var fl="color-editor",bl="coloreditor";import{jsx as at,jsxs as Ko}from"react/jsx-runtime";var pr="k-coloreditor",Rf=[i.focus],Kf={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(Ot,{className:"k-coloreditor-preview-color",color:r}),at(Ot,{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(F,{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=Rf;ae.options=Kf;ae.className=pr;ae.defaultOptions=Oa;ae.moduleName=fl;ae.folderName=bl;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 _f}from"react/jsx-runtime";var hl=e=>_f(_o,{group:!0,currentColor:"fuchsia",...e});import{jsx as Df}from"react/jsx-runtime";var xl=e=>Df(_o,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Nl}from"react/jsx-runtime";var Hf=ae.options,zf=ae.states,Ff={...ae.defaultOptions,variant:"gradient"},Uf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Gf=[],Do=e=>{let{variant:t,...o}=e;return t==="palette"?Nl(xl,{...o,color:"white"}):Nl(hl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Do.options=Hf;Do.states=zf;Do.variants=Uf;Do.defaultOptions=Ff;Do.modifiers=Gf;Do.className=ae.className;var kl="color-picker",gl="colorpicker";import{Fragment as Xf,jsx as rt,jsxs as Dn}from"react/jsx-runtime";var vl="k-colorpicker",Vf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],$f={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]},Cl={arrowIconName:"chevron-down"},Ve=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Cl.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 Dn(Xf,{children:[Dn(ft,{...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,vl,"k-icon-picker"),children:[rt(Ke,{children:s}),rt(Jt,{placeholder:b,value:p,showValue:!1,valueIcon:rt(Ot,{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(U,{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:Dn(Bt,{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})})]})};Ve.states=Vf;Ve.options=$f;Ve.className=vl;Ve.defaultOptions=Cl;Ve.moduleName=kl;Ve.folderName=gl;Ve.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 Mt=Ve;import{jsx as qf}from"react/jsx-runtime";var mr=e=>qf(Mt,{...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 Wf=Mt.options,Jf=Mt.states,Ll={...Mt.defaultOptions,variant:"color"},Yf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Qf=[{name:"opened",title:"Opened"}],Ho=e=>{let{variant:t,modifiers:o,...a}={...Ll,...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=Wf;Ho.states=Jf;Ho.variants=Yf;Ho.defaultOptions=Ll;Ho.modifiers=Qf;Ho.className=Mt.className;var Hn="combobox",Ml=Hn;import{Fragment as zn,jsx as se,jsxs as Ba}from"react/jsx-runtime";var Sl="k-combobox",Zf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jf={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]},Al={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Al.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:Br,activeDescendant:Et,"aria-label":Va,...Pr}=e,wr=$t?`${$t}-listbox`:void 0;return Ba(zn,{children:[Ba(Z,{...Pr,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,Sl),children:[s&&Ba(zn,{children:[se(Ke,{children:s}),r&&se(Me,{})]}),se(Ge,{id:$t,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?wr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Br,"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(Ue,{loading:C,disabled:M,readonly:w,value:p}),l&&Ba(zn,{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(U,{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(Dt,{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=Zf;ke.options=jf;ke.className=Sl;ke.defaultOptions=Al;ke.moduleName=Hn;ke.folderName=Ml;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 $e=ke;import{jsx as eb}from"react/jsx-runtime";var Il=e=>eb($e,{...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 zt,jsxs as ib}from"react/jsx-runtime";var tb=ke.states,ob=ke.defaultOptions,ab=ke.options,rb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],nb=[],zo=e=>{let{modifiers:t,...o}=e,a={},r=zt(D,{style:{width:300},size:o.size,children:ib($,{children:[zt(P,{children:"List item"}),zt(P,{children:"List item"}),zt(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?zt(V,{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}}),zt("div",{children:zt(Il,{value:"Value",style:{width:300},...o,...a})})};zo.options=ab;zo.states=tb;zo.variants=nb;zo.defaultOptions=ob;zo.modifiers=rb;zo.className=ke.className;var Fn="menu-button",Tl=Fn;import{jsx as db}from"react/jsx-runtime";var yl="k-menu-button",sb=[i.hover,i.focus,i.active,i.selected,i.disabled],lb={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]},Un={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=Un.showArrow,arrowIconName:L=Un.arrowIconName,expanded:C,...M}=e;return db(d,{...M,className:n(e.className,yl),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=sb;X.options=lb;X.className=yl;X.defaultOptions=Un;X.moduleName=Fn;X.folderName=Tl;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 Xe="menu",nt=Xe;import{jsx as Pa,jsxs as El}from"react/jsx-runtime";var Gn="k-menu-item",cb=[i.hover,i.focus,i.active,i.selected,i.disabled],pb={},Ol={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=Ol.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),El("li",{...E,className:n(e.className,Gn,"k-item",S(Gn,{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:[El("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=cb;ge.options=pb;ge.className=Gn;ge.defaultOptions=Ol;ge.moduleName=Xe;ge.folderName=nt;import{jsx as wa,jsxs as Bl}from"react/jsx-runtime";var Vn="k-menu-item",mb=[i.hover,i.focus,i.active,i.selected,i.disabled],ub={},$n={dir:"ltr",iconPosition:"before"},j=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=$n.iconPosition,dir:L=$n.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w||(w=L==="rtl"?"chevron-left":"chevron-right"),Bl("li",{...A,className:n(e.className,Vn,"k-item",S(Vn,{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:[Bl("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]})};j.states=mb;j.options=ub;j.className=Vn;j.defaultOptions=$n;j.moduleName=Xe;j.folderName=nt;import{jsx as xb}from"react/jsx-runtime";var Pl="k-menu-scroll-wrapper",fb=[],bb={},hb={},ao=e=>{let{className:t,children:o,orientation:a,...r}=e;return xb("div",{...r,className:n(t,Pl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=fb;ao.options=bb;ao.className=Pl;ao.defaultOptions=hb;ao.moduleName=Xe;ao.folderName=nt;var wl=ao;import{Fragment as Xn,jsx as ro,jsxs as fr}from"react/jsx-runtime";var qn="k-menu",Nb=[],kb={},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",qn,{[`${qn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return fr(Xn,{children:[r?fr(wl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&fr(Xn,{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(Xn,{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=Nb;me.options=kb;me.className=qn;me.defaultOptions=br;me.moduleName=Xe;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 gb}from"react/jsx-runtime";var Wn="k-separator",Rl={orientation:"horizontal"},Fo=e=>{let{orientation:t=Rl.orientation,...o}=e;return gb("li",{...o,className:n(e.className,"k-item",Wn,{[`${Wn}-${t}`]:t}),role:"separator"})};Fo.className=Wn;Fo.defaultOptions=Rl;Fo.moduleName=Xe;Fo.folderName=nt;import{Fragment as LD,jsx as MD}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var Jn="k-menu-group",vb=[],Cb={size:[c.undefined,c.small,c.medium,c.large]},Lb={},ve=e=>{let{children:t,size:o,...a}=e;return Mb("ul",{...a,className:n(e.className,Jn,I(Jn,{size:o})),role:"menu",children:t})};ve.states=vb;ve.options=Cb;ve.className=Jn;ve.defaultOptions=Lb;ve.moduleName=Xe;ve.folderName=nt;import{Fragment as Sb,jsx as Uo,jsxs as Ab}from"react/jsx-runtime";var Yn=e=>Uo(me,{children:Ab(Sb,{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 Ob}from"react/jsx-runtime";var Ib=me.options,Tb=me.states,Kl={...me.defaultOptions,variant:"horizontal"},yb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...Kl,...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(U,{className:"k-menu-popup",children:Ob(ve,{children:[no(j,{text:"Item 1"}),no(j,{text:"Item 2"}),no(Fo,{}),no(j,{text:"Item 3"})]})});break}}),t==="vertical"?no(Yn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):no(Yn,{...a,...r})};Go.options=Ib;Go.states=Tb;Go.variants=yb;Go.defaultOptions=Kl;Go.modifiers=Eb;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 Kb,jsx as kt,jsxs as _l}from"react/jsx-runtime";var Bb=d.states,Dl={...d.defaultOptions,variant:"text"},Pb=d.options,wb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rb=[{name:"opened",title:"Opened"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...Dl,...e},r={},s=kt(U,{className:"k-menu-popup",children:_l(ve,{size:a.size,children:[kt(j,{first:!0,text:"Menu Item"}),kt(j,{text:"Menu Item"}),kt(j,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=kt("div",{children:kt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=kt("div",{children:kt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=kt("div",{children:kt(X,{...a,...r,children:"Dropdown Button"})});break}return _l(Kb,{children:[l,o?.opened&&s]})};Vo.options=Pb;Vo.states=Bb;Vo.variants=wb;Vo.defaultOptions=Dl;Vo.modifiers=Rb;Vo.className=X.className;var Qn="split-button",Hl=Qn;import{Fragment as Hb,jsx as Zn,jsxs as zl}from"react/jsx-runtime";var jn="k-split-button",_b=[i.hover,i.focus,i.active,i.selected,i.disabled],Db={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]},Fl={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=Fl.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return zl(Hb,{children:[zl("div",{...E,className:n(e.className,jn,"k-button-group",I(jn,{rounded:o})),children:[Zn(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}),Zn(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&&Zn(U,{className:"k-menu-popup",children:L})]})};K.states=_b;K.options=Db;K.className=jn;K.defaultOptions=Fl;K.moduleName=Qn;K.folderName=Hl;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 ei=K;import{jsx as Fb}from"react/jsx-runtime";var zb="k-toolbar-separator",pt=e=>Fb("div",{className:n(zb,e.className,"k-separator")});var St="toolbar",Ft=St;import{Fragment as ti,jsx as H,jsxs as $o}from"react/jsx-runtime";var At="k-toolbar",Ub=[i.focus],Gb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Vb={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===z)C.push(H(z,{...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===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===ei)C.push(H(ei,{...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===Ve?C.push(H(Ve,{...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,At,I(At,{size:t,fillMode:o}),S(At,{focus:a}),{[`${At}-resizable`]:r,[`${At}-scrollable`]:s,[`${At}-scrollable-overlay`]:s&&l==="hidden",[`${At}-scrollable-${p}`]:p&&p!=="both",[`${At}-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(ti,{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(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&$o(ti,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{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(ti,{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(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{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=Ub;_.options=Gb;_.className=At;_.defaultOptions=Vb;_.moduleName=St;_.folderName=Ft;_.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 Wb}from"react/jsx-runtime";var Ul="k-floating-toolbar",$b=[],Xb={},qb={},Xo=e=>{let{...t}=e;return Wb("div",{...t,className:n(e.className,Ul),children:e.children})};Xo.states=$b;Xo.options=Xb;Xo.className=Ul;Xo.defaultOptions=qb;Xo.moduleName=St;Xo.folderName=Ft;import{jsx as Zb}from"react/jsx-runtime";var oi="k-toolbar-item",Jb=[i.focus],Yb={},Qb={},qo=e=>{let{focus:t,...o}=e;return Zb("div",{...o,className:n(e.className,oi,S(oi,{focus:t})),children:e.children})};qo.states=Jb;qo.options=Yb;qo.className=oi;qo.defaultOptions=Qb;qo.moduleName=St;qo.folderName=Ft;import{jsx as Gl}from"react/jsx-runtime";var Vl="k-toolbar-popup",jb=[],eh={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},th={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Gl(U,{...r,className:n(e.className,Vl),children:a?Gl("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=jb;io.options=eh;io.className=Vl;io.defaultOptions=th;io.moduleName=St;io.folderName=Ft;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 It,jsxs as ih}from"react/jsx-runtime";var oh=K.states,$l={...K.defaultOptions,variant:"text"},ah=K.options,rh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],nh=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={},s=ih(ve,{size:a.size,children:[It(j,{first:!0,text:"Menu Item"}),It(j,{text:"Menu Item"}),It(j,{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 It("div",{children:It(K,{...a,...r,icon:"star"})});case"icon-and-text":return It("div",{children:It(K,{...a,...r,icon:"star",children:"Split Button"})});default:return It("div",{children:It(K,{...a,...r,children:"Split Button"})})}};Wo.options=ah;Wo.states=oh;Wo.variants=rh;Wo.defaultOptions=$l;Wo.modifiers=nh;Wo.className=K.className;import{jsx as so,jsxs as sh}from"react/jsx-runtime";var Xl=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"),sh(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 qe,jsxs as ql}from"react/jsx-runtime";var Wl=e=>qe(_,{scrollable:!0,...e,children:[qe(d,{children:"Button"},"toolbar-button"),qe(X,{text:"Menu button"},"toolbar-menu-button"),qe(K,{children:"Split button"},"toolbar-split-button"),ql(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"),ql(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")],...e});import{jsx as We,jsxs as Jl}from"react/jsx-runtime";var Yl=({scrollingPosition:e="start",...t})=>We(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[We(d,{children:"Button"},"toolbar-button"),We(X,{text:"Menu button"},"toolbar-menu-button"),We(K,{children:"Split button"},"toolbar-split-button"),Jl(B,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(d,{children:"Button"},"toolbar-button"),We(X,{text:"Menu button"},"toolbar-menu-button"),We(K,{children:"Split button"},"toolbar-split-button"),Jl(B,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as lh,jsx as De,jsxs as xr}from"react/jsx-runtime";var Ql=({fillMode:e,size:t,...o})=>xr(lh,{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(pt,{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(pt,{}),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 Ut}from"react/jsx-runtime";var dh=_.options,ch=_.states,Zl={..._.defaultOptions,variant:"default"},ph=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],mh=[],Jo=e=>{let{variant:t,...o}={...Zl,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Ql,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Yl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Wl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Xl,{style:{width:"583px"},...o})})}};Jo.options=dh;Jo.states=ch;Jo.variants=ph;Jo.defaultOptions=Zl;Jo.modifiers=mh;Jo.className=_.className;var ai="speech-to-text-button",jl=ai;import{jsx as uh}from"react/jsx-runtime";var ed="k-speech-to-text-button",td={icon:"microphone"},re=e=>{let{listening:t=!1,icon:o=td.icon,...a}=e;return uh(d,{...a,icon:t?"stop":o,className:n(e.className,ed,{"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=ed;re.defaultOptions=td;re.moduleName=ai;re.folderName=jl;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 Nh}from"react/jsx-runtime";var fh=d.states,od={...d.defaultOptions,variant:"normal"},bh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},hh=[],xh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Yo=e=>{let{variant:t,...o}={...od,...e},a={};return t==="listening"&&(a.listening=!0),Nh(re,{...o,...a})};Yo.options=bh;Yo.states=fh;Yo.variants=xh;Yo.defaultOptions=od;Yo.modifiers=hh;Yo.className=re.className;var ri="textarea",ad=ri;import{Fragment as rd,jsx as Ra,jsxs as ni}from"react/jsx-runtime";var nd="k-textarea",kh=[i.hover,i.focus,i.valid,i.invalid,i.required,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.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 ni(Z,{...Ce,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,nd,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ni(rd,{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&&ni(rd,{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=kh;Y.options=gh;Y.className=nd;Y.defaultOptions=Qo;Y.moduleName=ri;Y.folderName=ad;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 vh=Y.options,Ch=Y.states,id={...Y.defaultOptions,variant:"vertical"},Lh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Mh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...id,...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=vh;Zo.states=Ch;Zo.variants=Lh;Zo.defaultOptions=id;Zo.modifiers=Mh;Zo.className=Y.className;import{Fragment as h5,jsx as f5,jsxs as b5}from"react/jsx-runtime";var si="suggestion",sd=si;import{jsx as kr,jsxs as Ih}from"react/jsx-runtime";var gr="k-suggestion-group",Sh=[],Ah={},ld={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=ld.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"?Ih("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=Sh;it.options=Ah;it.className=gr;it.defaultOptions=ld;it.moduleName=si;it.folderName=sd;import{jsx as Oh}from"react/jsx-runtime";var vr="k-suggestion",Th=[i.active,i.hover,i.focus],yh={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},Eh={text:"Suggestion"},mt=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return Oh("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})};mt.states=Th;mt.options=yh;mt.className=vr;mt.item=Eh;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 Bh="k-chip-action";var Tt=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,Bh,`k-chip-${t}-action`),children:a})};var li="avatar",dd=li;import{jsx as cd}from"react/jsx-runtime";var Ka="k-avatar";var Ph=[i.hover,i.focus,i.active,i.selected,i.disabled],wh={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]},di={type:"text",border:!1},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=di.type,border:l=di.border,...p}=e;return cd("div",{...p,className:n(e.className,Ka,I(Ka,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Ka}-bordered`]:l}),children:cd("span",{className:`${Ka}-${s}`,children:e.children})})};Ee.states=Ph;Ee.options=wh;Ee.className=Ka;Ee.defaultOptions=di;Ee.moduleName=li;Ee.folderName=dd;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 Rh}from"react/jsx-runtime";var pd=e=>Rh(lo,{type:"icon",...e});import{jsx as Kh}from"react/jsx-runtime";var md=e=>Kh(lo,{type:"text",...e});import{jsx as _h}from"react/jsx-runtime";var ud=e=>_h(lo,{type:"image",...e});import{jsx as yF}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var Dh=Ee.options,Hh=Ee.states,zh={...Ee.defaultOptions,variant:"image"},Fh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Uh=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(pd,{...o,children:_a(v,{icon:"star"})});case"text":return _a(md,{...o,children:"JO"});default:return _a(ud,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};jo.options=Dh;jo.states=Hh;jo.variants=Fh;jo.defaultOptions=zh;jo.modifiers=Uh;jo.className=Ee.className;var Da="chip",Lr=Da;import{jsx as ea,jsxs as $h}from"react/jsx-runtime";var Mr="k-chip",Gh=[i.hover,i.focus,i.active,i.selected,i.disabled],Vh={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]},fd={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=fd.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return $h("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=Gh;Oe.options=Vh;Oe.className=Mr;Oe.defaultOptions=fd;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 Jh}from"react/jsx-runtime";var ci="k-chip-list",Xh=[],qh={size:[c.undefined,c.small,c.medium,c.large]},Wh={},xe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Jh("div",{...r,className:n(e.className,ci,I(ci,{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=Xh;xe.options=qh;xe.className=ci;xe.defaultOptions=Wh;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 Yh}from"react/jsx-runtime";var Sr=e=>Yh(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 ox}from"react/jsx-runtime";var Qh={...st.options,...xe.options},Zh=[],jh=xe.states,ex={...st.defaultOptions,...xe.defaultOptions},tx=[{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 ox(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(Tt,{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(Tt,{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(Tt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};oa.options=Qh;oa.states=jh;oa.variants=Zh;oa.defaultOptions=ex;oa.modifiers=tx;oa.className=xe.className;import{jsx as pi}from"react/jsx-runtime";var ax=Oe.states,rx=Oe.defaultOptions,nx=Oe.options,ix=[],sx=[{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]?pi(Tt,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[r]?pi(Tt,{type:"remove"}):void 0;break;default:break}}),pi(Oe,{...o,...a,children:"Chip component"})};aa.options=nx;aa.states=ax;aa.variants=ix;aa.defaultOptions=rx;aa.modifiers=sx;aa.className=Oe.className;import{Fragment as wG,jsx as BG,jsxs as PG}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var lx="k-card-callout",bd=e=>{let{callout:t,...o}=e;return dx("span",{...o,className:n(e.className,lx,{[`k-callout-${Li.calloutMap[t]||t}`]:t})})};var Je="card",lt=Je;import{Fragment as ux,jsx as hd,jsxs as fx}from"react/jsx-runtime";var mi="k-card",cx=[i.hover,i.focus,i.selected,i.disabled],px={},mx={},Q=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return fx("div",{...p,className:n(e.className,mi,S(mi,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&hd(bd,{callout:o}),hd(ux,{children:e.children})]})};Q.states=cx;Q.options=px;Q.className=mi;Q.defaultOptions=mx;Q.moduleName=Je;Q.folderName=lt;Q.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 Nx,jsx as xd}from"react/jsx-runtime";var ui="k-card-list",bx=[],hx={},xx={},Gt=e=>{let{...t}=e;return xd("div",{...t,className:n(e.className,ui,S(ui,{})),role:"list",children:xd(Nx,{children:e.children})})};Gt.states=bx;Gt.options=hx;Gt.className=ui;Gt.defaultOptions=xx;Gt.moduleName=Je;Gt.folderName=lt;Gt.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 Cx}from"react/jsx-runtime";var Nd="k-card-group",kx=[],gx={},vx={},ra=e=>{let{...t}=e;return Cx("div",{...t,className:n(e.className,Nd),children:e.children})};ra.states=kx;ra.options=gx;ra.className=Nd;ra.defaultOptions=vx;ra.moduleName=Je;ra.folderName=lt;import{jsx as Ax}from"react/jsx-runtime";var fi="k-card-wrap",Lx=[i.focus,i.selected],Mx={},Sx={},na=e=>{let{focus:t,selected:o,...a}=e;return Ax("div",{...a,className:n(e.className,fi,S(fi,{focus:t,selected:o})),children:e.children})};na.states=Lx;na.options=Mx;na.className=fi;na.defaultOptions=Sx;na.moduleName=Je;na.folderName=lt;import{jsx as Tx}from"react/jsx-runtime";var bi="k-card-title",Ix=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Tx("div",{...a,className:n(e.className,bi,S(bi,{hover:t,focus:o})),children:e.children})};co.states=Ix;co.className=bi;import{jsx as Ex}from"react/jsx-runtime";var yx="k-card-subtitle",Ar=e=>{let{...t}=e;return Ex("div",{...t,className:n(e.className,yx),children:e.children})};import{Fragment as gd,jsx as Ir}from"react/jsx-runtime";var kd="k-card-media",hi=e=>{let{src:t,...o}=e;return Ir(gd,{children:t?Ir("img",{...o,className:n(e.className,kd),src:t}):Ir("span",{...o,className:n(e.className,kd),children:Ir(gd,{children:e.children})})})};import{Fragment as Bx,jsx as Ha,jsxs as Px}from"react/jsx-runtime";var Ox="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Px("div",{...r,className:n(e.className,Ox),children:[t&&Ha(co,{children:t}),o&&Ha(Ar,{children:o}),Ha(Bx,{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 Rx}from"react/jsx-runtime";var wx="k-card-footer",xi=e=>{let{...t}=e;return Rx("div",{...t,className:n(e.className,wx),children:e.children})};import{Fragment as _x,jsx as za,jsxs as Dx}from"react/jsx-runtime";var Kx="k-card-body",He=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Dx("div",{...r,className:n(e.className,Kx),children:[t&&za(co,{children:t}),o&&za(Ar,{children:o}),za(_x,{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 Ux}from"react/jsx-runtime";var vd="k-card-deck",Hx=[],zx={},Fx={},ia=e=>{let{...t}=e;return Ux("div",{...t,className:n(e.className,vd),children:e.children})};ia.states=Hx;ia.options=zx;ia.className=vd;ia.defaultOptions=Fx;ia.moduleName=Je;ia.folderName=lt;import{jsx as Xx}from"react/jsx-runtime";var Cd="k-card-deck-scrollwrap",Gx=[],Vx={},$x={},sa=e=>{let{...t}=e;return Xx("div",{...t,className:n(e.className,Cd),children:e.children})};sa.states=Gx;sa.options=Vx;sa.className=Cd;sa.defaultOptions=$x;sa.moduleName=Je;sa.folderName=lt;import{Fragment as qx,jsx as la,jsxs as Ld}from"react/jsx-runtime";var Md=e=>la(Q,{orientation:"vertical",children:Ld(qx,{children:[la(yt,{children:"Card Header"}),la(He,{children:la("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ld(F,{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 Wx,jsx as Fa,jsxs as Sd}from"react/jsx-runtime";var Ad=e=>Fa(Q,{orientation:"horizontal",children:Sd(Wx,{children:[Fa(He,{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."})}),Sd(F,{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 Jx=Q.options,Yx=Q.states,Id={...Q.defaultOptions,variant:"vertical"},Qx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Zx=[{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}={...Id,...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(Ad,{style:{maxWidth:"420px"},...a,children:[r&&Be(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ua("div",{children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Be(He,{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(xi,{children:"Card Footer"})]}),(s||l)&&Be("span",{className:"k-separator k-separator-vertical"}),Ua(F,{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(Md,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Be(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Be(hi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Be(He,{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(xi,{children:"Card Footer"}),Ua(F,{className:"k-card-actions",children:[Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Be(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=Jx;da.states=Yx;da.variants=Qx;da.defaultOptions=Id;da.modifiers=Zx;da.className=Q.className;import{jsx as R6,jsxs as K6}from"react/jsx-runtime";var Ni="panelbar",Td=Ni;import{jsx as oN}from"react/jsx-runtime";var yd="k-panelbar",jx=[],eN={},tN={},Ne=e=>{let{activeDescendant:t,...o}=e;return oN("ul",{...o,className:n(e.className,yd),role:"tree","aria-activedescendant":t,children:e.children})};Ne.states=jx;Ne.options=eN;Ne.className=yd;Ne.defaultOptions=tN;Ne.moduleName=Ni;Ne.folderName=Td;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 ki from"react";import{jsx as Tr,jsxs as Ed}from"react/jsx-runtime";var Od="k-panelbar-item",aN=[i.hover,i.focus,i.selected,i.disabled],rN={},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 Ed("li",{...L,className:n(e.className,Od,{"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:[Ed("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&&ki.Children.map(m,M=>ki.isValidElement(M)?ki.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=aN;y.options=rN;y.className=Od;y.defaultOptions=yr;import{jsx as lN}from"react/jsx-runtime";var Bd="k-panelbar-group",nN=[],iN={},sN={},Pe=e=>{let{ariaHidden:t,...o}=e;return lN("ul",{...o,className:n(e.className,Bd),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Pe.states=nN;Pe.options=iN;Pe.className=Bd;Pe.defaultOptions=sN;import{jsx as mN}from"react/jsx-runtime";var Pd="k-panelbar-content",dN=[],cN={},pN={},le=e=>{let{...t}=e;return mN("div",{...t,className:n(e.className,Pd),children:e.children})};le.states=dN;le.options=cN;le.className=Pd;le.defaultOptions=pN;import{Fragment as uN,jsx as Vt,jsxs as fN}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 Vt(Ne,{children:fN(uN,{children:[Vt(y,{header:!0,text:"Item 1",id:t,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 2",id:o,children:Vt(le,{children:"content"})}),Vt(y,{header:!0,text:"Item 3",id:a,children:Vt(le,{children:"content"})}),Vt(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 bN,jsx as we,jsxs as gi}from"react/jsx-runtime";var wd=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:gi(bN,{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:gi(Pe,{children:[we(y,{level:1,text:"Child 1",id:s}),we(y,{level:1,expanded:!0,text:"Child 2",id:l,children:gi(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 Rd,jsx as ee,jsxs as Er}from"react/jsx-runtime";var hN=Ne.options,xN=Ne.states,Kd={...Ne.defaultOptions,variant:"normal"},NN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],kN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Kd,...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(Rd,{children:Er(wd,{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(Rd,{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=hN;ca.states=xN;ca.variants=NN;ca.defaultOptions=Kd;ca.modifiers=kN;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 r4,jsx as a4,jsxs as n4}from"react/jsx-runtime";import{Fragment as _d,jsx as g,jsxs as de}from"react/jsx-runtime";var gN=q.options,vN=q.states,CN={...q.defaultOptions,variant:"ask"},LN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],MN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],pa=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(_d,{children:de(it,{layout:"wrap",children:[g(mt,{text:"Post for work-life balance importance"}),g(mt,{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(U,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(ut,{children:de(_,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(ze,{children:g(Fe,{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(U,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(ut,{children:de(_,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(ze,{children:[g(Wt,{}),g(Fe,{children:de("div",{className:"k-card-list",children:[de(Q,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(He,{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(F,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(Q,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(He,{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(F,{className:"k-card-actions",alignment:"start",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(z,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return g(U,{className:"k-prompt-popup",children:de(q,{style:{width:"330px",height:"350px"},...a,children:[g(ut,{children:de(_,{className:"k-toolbar-flat",children:[g(z,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(z,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(ze,{children:de(Fe,{children:[g(Y,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(_d,{children:s.stt?g(re,{fillMode:"flat"}):null})}),g(Wa,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(mo,{children:g(F,{className:"k-prompt-actions",alignment:"start",children:g(z,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};pa.options=gN;pa.states=vN;pa.variants=LN;pa.defaultOptions=CN;pa.modifiers=MN;pa.className=q.className;import{Fragment as Dd,jsx as dt,jsxs as Or}from"react/jsx-runtime";var Q4=({text:e,...t})=>dt(q,{...t,children:dt(ze,{children:Or(Fe,{children:[Or(Q,{children:[dt(He,{style:{maxHeight:"150px",overflowY:"auto"},children:e}),Or(F,{className:"k-card-actions",alignment:"start",children:[dt(z,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),dt(z,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),dt(z,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),dt(z,{fillMode:"flat",icon:"cancel",children:"Discard"})]})]}),dt(Y,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:Or(Dd,{children:[dt(V,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),dt(re,{fillMode:"flat"})]}),suffix:dt(Dd,{children:dt(qt,{disabled:!0})})})]})})});export{Q4 as PromptInline};