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

package/dist/esm/prompt/demos/prompt.mjs

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:l,active:m,selected:b,disabled:x,indeterminate:h,loading:N,empty:p,readonly:M,highlighted:v,...C}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":h&&!l,"k-loading":N,"k-empty":p,"k-readonly":M,"k-highlighted":v},Object.keys(C).reduce((E,I)=>(I.startsWith("k-")?E[I]=C[I]:E[`k-${I}`]=C[I],E),{}))};function Jr(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"},k={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"},Yr={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var un={};function T(e){return un[e]=(un[e]||0)+1,`k-${e}-${un[e]}`}var fn="prompt",Qr=fn;import{Fragment as dd,jsx as Zr}from"react/jsx-runtime";var jr="k-prompt",id=[],sd={},ld={},ge=e=>{let{...t}=e;return Zr("div",{...t,className:r(e.className,jr),children:Zr(dd,{children:e.children})})};ge.states=id;ge.options=sd;ge.className=jr;ge.defaultOptions=ld;ge.moduleName=fn;ge.folderName=Qr;ge.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{Fragment as pd,jsx as ei}from"react/jsx-runtime";var cd="k-prompt-content",Ca=e=>{let{...t}=e;return ei("div",{...t,className:r(e.className,cd),children:ei(pd,{children:e.children})})};import{jsx as ud}from"react/jsx-runtime";var md="k-prompt-footer",ti=e=>{let{...t}=e;return ud("div",{...t,className:r(e.className,md),children:e.children})};import{jsx as bd}from"react/jsx-runtime";var fd="k-prompt-header",Sa=e=>{let{...t}=e;return bd("div",{...t,className:r(e.className,fd),children:e.children})};import{jsx as hd}from"react/jsx-runtime";var xd="k-prompt-view",Ia=e=>{let{...t}=e;return hd("div",{...t,className:r(e.className,xd),children:e.children})};import{Fragment as vd,jsx as oi}from"react/jsx-runtime";var bn="k-font-icon",Nd=[],kd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},gd={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?oi("span",{...l,className:r(e.className,bn,A(bn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):oi(vd,{})};Jo.states=Nd;Jo.options=kd;Jo.className=bn;Jo.defaultOptions=gd;var ai=Jo;import{Fragment as Cd,jsx as Ta}from"react/jsx-runtime";var xn="k-svg-icon",Ld=[],Md={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},ni={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=ni.viewBox,icon:l,...m}=e;if(!l)return Ta(Cd,{});if(l==="none")return Ta("span",{...m,className:r(e.className,xn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Ta("span",{...m,className:r(e.className,xn,A("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ta("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})})};Yo.states=Ld;Yo.options=Md;Yo.className=xn;Yo.defaultOptions=ni;var hn=Yo;import*as Nn from"@progress/kendo-svg-icons";var ri="icon",ii="icons";import{useContext as Id}from"react";import{createContext as Sd}from"react";var si=Sd({iconsType:"svg"});import{Fragment as li,jsx as Qo}from"react/jsx-runtime";var Aa="k-icon",Td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],yd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},kn={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=Id(si),{size:o,themeColor:a,icon:n,type:s=t||kn.type,rotate:l,flip:m,viewBox:b=kn.viewBox,...x}=e;if(!n)return Qo(li,{});if((t||s)==="svg"){if(n==="none")return Qo(hn,{...x,className:r(e.className,Aa),icon:n,size:o});let N=Nn[n]?n:Td(`${n}-icon`);return Nn[N]?Qo(hn,{...x,className:r(e.className,Aa),icon:Nn[N],size:o,themeColor:a,rotate:l,flip:m,viewBox:b}):Qo(li,{})}return Qo(ai,{...x,className:r(e.className,Aa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};L.states=Ad;L.options=yd;L.defaultOptions=kn;L.className=Aa;L.moduleName=ri;L.folderName=ii;L.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 gn="button",di=gn;import{Fragment as Pd,jsx as Zo,jsxs as ci}from"react/jsx-runtime";var jo="k-button",Ed=["icon-button"],Od=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Bd={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},vn={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=vn.showArrow,arrowIconName:m=vn.arrowIconName,variant:b,hover:x,focus:h,active:N,selected:p,disabled:M,togglable:v,ariaDisabled:C,icon:E,text:I,iconClassName:w,className:$,...ie}=e,de=E!==void 0,ce=e.children!==void 0;return ci(t,{className:r($,jo,Jr(jo,b),A(jo,{size:o,rounded:a,fillMode:n,themeColor:s}),S(jo,{hover:x,focus:h,active:N,disabled:M||C,selected:p}),{"k-icon-button":!I&&!ce&&de}),...ie,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":C?"true":void 0,disabled:M||void 0,children:[E&&Zo(L,{className:r(w,"k-button-icon"),icon:E}),I?ci(Pd,{children:[I&&Zo("span",{className:"k-button-text",children:I}),e.children]}):e.children&&Zo("span",{className:"k-button-text",children:e.children}),l&&Zo("span",{className:"k-menu-button-arrow k-button-arrow",children:Zo(L,{icon:m})})]})};d.states=Od;d.options=Bd;d.variants=Ed;d.className=jo;d.defaultOptions=vn;d.moduleName=gn;d.folderName=di;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 wd}from"react/jsx-runtime";var pe=e=>wd(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rd}from"react/jsx-runtime";var te=e=>Rd(d,{icon:"folder",children:"Button",...e});import{jsx as Kd}from"react/jsx-runtime";var _t=e=>Kd(d,{children:"Button",...e});import{jsx as Ln}from"react/jsx-runtime";var _d=d.options,Dd=d.states,Hd={...d.defaultOptions,variant:"text"},zd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ln(pe,{...o,icon:"star"});case"icon-and-text":return Ln(te,{...o,icon:"star",children:"Button"});default:return Ln(_t,{...o,children:"Button"})}};jt.options=_d;jt.states=Dd;jt.variants=zd;jt.defaultOptions=Hd;jt.modifiers=Fd;jt.className=d.className;import{jsx as pi,jsxs as Gd}from"react/jsx-runtime";var Ud="k-prompt-expander",mi=e=>{let{title:t,children:o,expanded:a,...n}=e,s=T("prompt-expander-content");return Gd("div",{...n,className:r(e.className,Ud),children:[pi(te,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&pi("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as ui,jsxs as Wd}from"react/jsx-runtime";var ya="k-fab",Xd=[i.hover,i.focus,i.active,i.selected,i.disabled],qd={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary]},fi={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=fi.type,position:m,hover:b,focus:x,active:h,selected:N,disabled:p,...M}=e;return Wd("button",{...M,type:l,className:r(e.className,ya,A(ya,{size:t,rounded:o,themeColor:a}),S(ya,{hover:b,focus:x,active:h,disabled:p,selected:N}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...p&&{"aria-disabled":"true"},disabled:p||void 0,children:[s&&ui(L,{className:"k-fab-icon",icon:s}),n&&ui("span",{className:"k-fab-text",children:n})]})};Y.states=Xd;Y.options=qd;Y.className=ya;Y.defaultOptions=fi;Y.moduleName="fab";Y.folderName="fab";Y.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 Yd}from"react/jsx-runtime";var Jd="k-fab-items",bi=e=>{let{position:t,...o}=e;return Yd("ul",{...o,className:r(e.className,Jd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var xi="k-fab-item",Qd=[i.hover,i.focus,i.active,i.disabled],Mn=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...b}=e;return Zd("li",{...b,className:r(e.className,xi,{[`k-text-${a}`]:a},S(xi,{hover:n,focus:s,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(L,{className:"k-fab-item-icon",icon:o})]})};Mn.states=Qd;import{jsx as tk}from"react/jsx-runtime";import{jsx as rk}from"react/jsx-runtime";import{jsx as dk}from"react/jsx-runtime";import{jsx as uk}from"react/jsx-runtime";import{jsx as eo,jsxs as nc}from"react/jsx-runtime";var jd=Y.options,ec=Y.states,tc={...Y.defaultOptions,variant:"text"},oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ac=[{name:"opened",title:"Opened"}],to=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},s=n?eo("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:eo(bi,{position:"bottom",children:eo(Mn,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=eo(Y,{...a,icon:"star"});break;case"icon-and-text":l=eo(Y,{...a,icon:"star",text:"Action"});break;default:l=eo(Y,{...a,text:"Action"});break}return nc("span",{style:{position:"relative"},children:[l,s]})};to.options=jd;to.states=ec;to.variants=oc;to.defaultOptions=tc;to.modifiers=ac;to.className=Y.className;import{jsx as rc}from"react/jsx-runtime";var Ni="k-prompt-stop-fab",ki={generating:!0},oo=e=>{let{generating:t=ki.generating,icon:o,...a}=e;return rc(Y,{...a,className:r(e.className,Ni,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};oo.states=d.states;oo.options=d.options;oo.className=Ni;oo.defaultOptions=ki;var Cn="action-buttons",gi=Cn;import{jsx as lc}from"react/jsx-runtime";var Ea="k-actions",ic=[],sc={},Sn={alignment:"start",orientation:"horizontal"},X=e=>{let{alignment:t=Sn.alignment,orientation:o=Sn.orientation,...a}=e;return lc("div",{...a,className:r(Ea,{[`${Ea}-${t}`]:t,[`${Ea}-${o}`]:o},e.className),children:e.children})};X.states=ic;X.options=sc;X.className=Ea;X.defaultOptions=Sn;X.moduleName=Cn;X.folderName=gi;var In="button",vi=In;import{jsx as mc}from"react/jsx-runtime";var ea="k-button-group",dc=[i.disabled],cc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},pc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return mc("div",{role:"group",...n,className:r(e.className,ea,A(ea,{fillMode:t}),S(ea,{disabled:o}),{[`${ea}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=dc;B.options=cc;B.className=ea;B.defaultOptions=pc;B.moduleName=In;B.folderName=vi;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 tg,jsx as eg,jsxs as og}from"react/jsx-runtime";import{Fragment as lg,jsx as sg,jsxs as dg}from"react/jsx-runtime";import{Fragment as bg,jsx as fg,jsxs as xg}from"react/jsx-runtime";import{Fragment as Lg,jsx as vg,jsxs as Mg}from"react/jsx-runtime";import{Fragment as yg,jsx as Ag,jsxs as Eg}from"react/jsx-runtime";import{Fragment as Kg,jsx as Rg,jsxs as _g}from"react/jsx-runtime";import{jsx as mt,jsxs as Tn}from"react/jsx-runtime";var uc={...d.options,...B.options},fc=d.states,bc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},xc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hc=[],ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Tn(B,{fillMode:a.fillMode,className:o,children:[mt(d,{...a,icon:"star"}),mt(d,{...a,icon:"star"}),mt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Tn(B,{fillMode:a.fillMode,className:o,children:[mt(d,{...a,icon:"star",children:"First"}),mt(d,{...a,icon:"star",children:"Middle"}),mt(d,{...a,icon:"star",children:"Last"})]}):Tn(B,{fillMode:a.fillMode,className:o,children:[mt(d,{...a,children:"First"}),mt(d,{...a,children:"Middle"}),mt(d,{...a,children:"Last"})]})};ao.options=uc;ao.states=fc;ao.variants=xc;ao.defaultOptions=bc;ao.modifiers=hc;ao.className=B.className;var ta="input",Oa=ta;import{jsx as vc}from"react/jsx-runtime";var Ba="k-input",Nc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kc={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]},gc={},q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:x,fillMode:h,...N}=e;return vc("span",{...N,className:r(e.className,Ba,A(Ba,{size:b,rounded:x,fillMode:h}),S(Ba,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};q.states=Nc;q.options=kc;q.className=Ba;q.defaultOptions=gc;q.moduleName=ta;q.folderName=Oa;import{jsx as Sc}from"react/jsx-runtime";var Pa="k-picker",Lc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mc={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]},Cc={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:x,fillMode:h,...N}=e;return Sc("span",{...N,className:r(e.className,Pa,A(Pa,{size:b,rounded:x,fillMode:h}),S(Pa,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m})),children:e.children})};rt.states=Lc;rt.options=Mc;rt.className=Pa;rt.defaultOptions=Cc;rt.moduleName=ta;rt.folderName=Oa;import{Fragment as Ac,jsx as An}from"react/jsx-runtime";var Li="k-clear-value",Ic=[i.disabled,i.loading,i.readonly],Tc={},Ke=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?An(Ac,{}):An("span",{className:r(e.className,Li),children:An(L,{icon:"x"})})};Ke.states=Ic;Ke.options=Tc;Ke.className=Li;import{jsx as Oc}from"react/jsx-runtime";var yn="k-input-inner",yc=[],Ec={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},_e=e=>{let{value:t=wa.value,type:o=wa.type,placeholder:a=wa.placeholder,autocomplete:n=wa.autocomplete,disabled:s,readOnly:l,...m}=e;return Oc("input",{...m,type:o,className:r(e.className,yn,A(yn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};_e.states=yc;_e.options=Ec;_e.className=yn;import{jsx as Mi,jsxs as wc}from"react/jsx-runtime";var En="k-input-inner",Bc=[],Pc={},Dt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return wc("span",{...l,className:r(e.className,En,A(En,e)),children:[n,!n&&s&&Mi(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Mi("span",{className:"k-input-value-text",children:t})]})};Dt.states=Bc;Dt.options=Pc;Dt.className=En;import{jsx as _c}from"react/jsx-runtime";var On="k-input-inner",Rc=[],Kc={},Ci={value:"",placeholder:""},oa=e=>{let{value:t=Ci.value,placeholder:o=Ci.placeholder,rows:a,disabled:n,...s}=e;return _c("textarea",{...s,className:r(e.className,On,A(On,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};oa.states=Rc;oa.options=Kc;oa.className=On;import{Fragment as Hc,jsx as Si}from"react/jsx-runtime";var Ii="k-input-loading-icon",Dc=[i.disabled,i.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Si(Hc,{}):Si("span",{className:r(e.className,Ii,"k-icon k-i-loading")})};Ee.states=Dc;Ee.className=Ii;import{Fragment as Uc,jsx as Ti}from"react/jsx-runtime";var Ai="k-input-validation-icon",zc=[i.valid,i.invalid,i.disabled,i.loading],Fc={},ve=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ti(Uc,{}):Ti(L,{className:r(Ai),icon:s})};ve.states=zc;ve.options=Fc;ve.className=Ai;import{Fragment as $c,jsx as yi}from"react/jsx-runtime";var Gc="k-input-prefix",Vc={direction:"horizontal"},Oe=e=>{let{direction:t=Vc.direction,...o}=e;return e.children?yi("span",{...o,className:r(Gc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):yi($c,{})};import{Fragment as Wc,jsx as Ei}from"react/jsx-runtime";var Xc="k-input-suffix",qc={direction:"horizontal"},Be=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Ei("span",{...o,className:r(Xc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ei(Wc,{})};import{jsx as _v}from"react/jsx-runtime";import{jsx as Yc}from"react/jsx-runtime";var Jc="k-input-suffix-text",Bn=e=>{let{children:t,...o}=e;return Yc("span",{...o,className:r(Jc,e.className),children:t})};import{jsx as Zc}from"react/jsx-runtime";var Oi="k-input-separator",Qc={direction:"vertical"},Le=e=>{let{direction:t=Qc.direction,...o}=e;return Zc("span",{...o,className:r(Oi,e.className,{[`${Oi}-${t}`]:t})})};import{Fragment as Bi,jsx as it,jsxs as Pn}from"react/jsx-runtime";var jc=q.states,ep=q.defaultOptions,tp=q.options,op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ap=[],no=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],p=t?.separators;return Pn(q,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[b&&Pn(Bi,{children:[it(Oe,{children:it(L,{icon:"lock"})}),p&&it(Le,{})]}),it(_e,{placeholder:"Placeholder",value:"Value"}),N&&it(ve,{valid:o,invalid:a,loading:n,disabled:s}),it(Ee,{loading:n,disabled:s}),h&&it(Ke,{loading:n,disabled:s,readonly:l,value:"Value"}),x&&Pn(Bi,{children:[p&&it(Le,{}),it(Be,{children:it(_t,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};no.options=tp;no.states=jc;no.variants=ap;no.defaultOptions=ep;no.modifiers=op;no.className=q.className;import{jsx as Pi,jsxs as ip}from"react/jsx-runtime";var wi="k-color-preview",np=[],rp={},vt=e=>{let{color:t,iconName:o,...a}=e;return ip("span",{...a,className:r(e.className,wi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Pi(L,{icon:o,className:"k-color-preview-icon"}),Pi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};vt.states=np;vt.options=rp;vt.className=wi;var wn="popup",Ri=wn;import{jsx as Ki}from"react/jsx-runtime";var _i="k-animation-container",sp=[],lp={},Di={positionMode:"absolute"},st=e=>{let{positionMode:t=Di.positionMode,animationStyle:o,offset:a,...n}=e;return Ki("div",{...n,style:{...a,...e.style},className:r(e.className,_i,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};st.states=sp;st.options=lp;st.className=_i;st.defaultOptions=Di;st.moduleName=wn;st.folderName=Ri;var Rn="popup",Hi=Rn;import{jsx as zi}from"react/jsx-runtime";var Fi="k-popup",dp=[],cp={},Ui={positionMode:"absolute"},z=e=>{let{offset:t,positionMode:o=Ui.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return zi(st,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:zi("div",{...m,className:r(e.className,Fi),children:e.children})})};z.states=dp;z.options=cp;z.className=Fi;z.defaultOptions=Ui;z.moduleName=Rn;z.folderName=Hi;z.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 mp}from"react/jsx-runtime";var pp="k-actionsheet-footer",Gi={alignment:"stretched",orientation:"horizontal"},Lt=e=>{let{alignment:t=Gi.alignment,orientation:o=Gi.orientation,template:a,as:n=a?"div":X,...s}=e;return mp(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,pp),children:e.children})};var Kn="searchbox",Vi=Kn;import{jsx as aa,jsxs as bp}from"react/jsx-runtime";var $i="k-searchbox",up=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],fp={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]},_n={showIcon:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:x,required:h,loading:N,disabled:p,showIcon:M=_n.showIcon,icon:v=_n.icon,"aria-label":C,...E}=e;return bp(q,{...E,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:x,required:h,loading:N,disabled:p,className:r(e.className,$i),children:[M&&aa(L,{className:"k-input-icon",icon:v}),aa(_e,{placeholder:o,value:t,"aria-label":C}),aa(Ee,{...e}),aa(ve,{...e}),aa(Ke,{...e})]})};Ve.states=up;Ve.options=fp;Ve.className=$i;Ve.defaultOptions=_n;Ve.moduleName=Kn;Ve.folderName=Vi;import{jsx as tM}from"react/jsx-runtime";var Dn="textbox",Xi=Dn;import{Fragment as qi,jsx as Mt,jsxs as Hn}from"react/jsx-runtime";var Wi="k-textbox",xp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],hp={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]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:l=Ra.showValidationIcon,prefix:m,suffix:b,type:x,value:h,placeholder:N,hover:p,focus:M,valid:v,invalid:C,required:E,loading:I,disabled:w,readonly:$,id:ie,"aria-label":de,"aria-describedby":ce,...ke}=e;return Hn(q,{...ke,size:t,rounded:o,fillMode:a,hover:p,focus:M,valid:v,invalid:C,required:E,loading:I,disabled:w,readonly:$,className:r(e.className,Wi),children:[m&&Hn(qi,{children:[Mt(Oe,{children:m}),n&&Mt(Le,{})]}),Mt(_e,{id:ie,placeholder:N,value:h,type:x,disabled:w,"aria-label":de,"aria-describedby":ce,"aria-invalid":C?"true":void 0}),l&&Mt(ve,{valid:v,invalid:C,loading:I,disabled:w}),Mt(Ee,{loading:I,disabled:w}),s&&Mt(Ke,{loading:I,disabled:w,readonly:$,value:h}),b&&Hn(qi,{children:[n&&Mt(Le,{}),Mt(Be,{children:b})]})]})};me.states=xp;me.options=hp;me.className=Wi;me.defaultOptions=Ra;me.moduleName=Dn;me.folderName=Xi;me.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 na=me;import{jsx as Np}from"react/jsx-runtime";var Ji=e=>Np(na,{...e});import{Fragment as kM,jsx as NM}from"react/jsx-runtime";import{Fragment as SM,jsx as CM}from"react/jsx-runtime";import{jsx as yM}from"react/jsx-runtime";import{jsx as zn}from"react/jsx-runtime";var kp=me.states,gp=me.defaultOptions,vp=me.options,Lp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Mp=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?zn(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?zn(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),zn(Ji,{value:"Value",style:{width:300},...o,...a})};ro.options=vp;ro.states=kp;ro.variants=Mp;ro.defaultOptions=gp;ro.modifiers=Lp;ro.className=me.className;import{jsx as Ct,jsxs as Fn}from"react/jsx-runtime";var Yi="k-actionsheet-titlebar",Cp={},Me=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:b,adaptive:x,titleId:h,children:N,...p}=e;return Fn("div",{...p,className:r(e.className,Yi),children:[Fn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ct("div",{className:"k-actionsheet-actions",children:a}),!N&&Fn("div",{className:"k-actionsheet-title",id:h,children:[t&&Ct("div",{className:"k-text-center",children:t}),o&&Ct("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Ct("div",{className:"k-actionsheet-title",id:h,children:N}),n&&Ct("div",{className:"k-actionsheet-actions",children:n})]}),(l||s)&&Ct("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Ct(me,{value:m,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):Ct(Ve,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Me.className=Yi;Me.defaultOptions=Cp;import{jsx as Un,jsxs as Ap}from"react/jsx-runtime";var Gn="k-actionsheet-view",Sp=[],Ip={},Tp={},io=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,b=n?.type===Me&&Un(Me,{adaptive:t,titleId:l,...n?.props}),x=s?.type===Lt&&Un(Lt,{...s?.props});return Ap("div",{...m,className:r(e.className,Gn,{[`${Gn}-animated`]:o}),children:[b,Un("div",{className:"k-actionsheet-content",children:a}),x]})};io.states=Sp;io.options=Ip;io.className=Gn;io.defaultOptions=Tp;var ra="action-sheet",Ka=ra;var Vn="overlay",Qi=Vn;import{jsx as Bp}from"react/jsx-runtime";var Zi="k-overlay",yp=[],Ep={},Op={},St=e=>{let{...t}=e;return Bp("div",{...t,className:r(e.className,Zi),children:e.children})};St.states=yp;St.options=Ep;St.className=Zi;St.defaultOptions=Op;St.moduleName=Vn;St.folderName=Qi;import{jsx as _a,jsxs as Rp}from"react/jsx-runtime";var ji="k-actionsheet",Pp=[],wp={},ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=ia.side,fullscreen:o=ia.fullscreen,adaptive:a=ia.adaptive,overlay:n=ia.overlay,template:s,children:l,header:m,footer:b,id:x,...h}=e,N=x&&!s&&m?`${x}-title`:void 0;return Rp("div",{className:"k-actionsheet-container",children:[n&&_a(St,{}),_a(st,{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:_a("div",{...h,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,ji,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||_a(io,{header:m,footer:b,adaptive:a,titleId:N,...e,children:l})})})]})};Q.states=Pp;Q.options=wp;Q.className=ji;Q.defaultOptions=ia;Q.moduleName=ra;Q.folderName=Ka;Q.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 Hp}from"react/jsx-runtime";var es="k-actionsheet-container",Kp=[],_p={},Dp={},so=e=>{let{children:t,...o}=e;return Hp("div",{...o,className:es,children:t})};so.states=Kp;so.options=_p;so.className=es;so.defaultOptions=Dp;so.moduleName=ra;so.folderName=Ka;import{jsx as zp}from"react/jsx-runtime";var $n=e=>{let{...t}=e;return zp("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Up,jsx as sa,jsxs as Xn}from"react/jsx-runtime";var qn="k-actionsheet-item",Fp=[i.hover,i.focus,i.selected,i.disabled],It=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:m,...b}=e;return Xn("span",{...b,className:r(e.className,qn,S(qn,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&sa(Up,{children:Xn("span",{className:"k-actionsheet-action",children:[t&&sa("span",{className:"k-icon-wrap",children:sa(L,{className:"k-actionsheet-item-icon",icon:t})}),Xn("span",{className:"k-actionsheet-item-text",children:[o&&sa("span",{className:"k-actionsheet-item-title",children:o}),a&&sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};It.states=Fp;It.className=qn;import{jsx as AC,jsxs as yC}from"react/jsx-runtime";import{jsx as PC}from"react/jsx-runtime";import{jsx as _C}from"react/jsx-runtime";import{jsx as FC}from"react/jsx-runtime";import{jsx as ue,jsxs as Wn}from"react/jsx-runtime";var Gp=Q.options,Vp=Q.states,os={...Q.defaultOptions,variant:"normal"},$p=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Xp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],lo=e=>{let{variant:t,modifiers:o,...a}={...os,...e},n={},s=Wn($n,{children:[ue(It,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ue(It,{text:"Add to Favorites",iconName:"heart"}),ue(It,{text:"Upload New",iconName:"upload",disabled:!0}),ue("hr",{className:"k-hr"}),ue(It,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?l:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?ue(Q,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ue(Me,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Wn(Lt,{alignment:"stretched",children:[ue(d,{text:"Cancel",size:"large",themeColor:"base"}),ue(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ue(Q,{...a,fullscreen:n.fullScreen,header:ue(Me,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Wn(Lt,{alignment:"stretched",children:[ue(d,{text:"Apply",themeColor:"primary"}),ue(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};lo.options=Gp;lo.states=Vp;lo.variants=$p;lo.defaultOptions=os;lo.modifiers=Xp;lo.className=Q.className;var Jn="slider",as=Jn;import{jsx as co,jsxs as Yn}from"react/jsx-runtime";var la="k-slider",qp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Wp={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:s=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:b=$e.showTicks,value:x=$e.value,min:h=$e.min,max:N=$e.max,startValue:p,endValue:M,hover:v,focus:C,active:E,trackStyle:I,dir:w,...$}=e,de=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ce,ke;return o==="horizontal"?(ce=w==="rtl"?"chevron-left":"chevron-right",ke=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ce="chevron-up",ke="chevron-down"),Yn("div",{...$,className:r(la,e.className,S(la,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[m&&co(d,{className:"k-button-decrease",rounded:"full",icon:ke,tabIndex:-1,title:"Decrease"}),Yn("div",{className:"k-slider-track-wrap",children:[b&&co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Yn("div",{className:"k-slider-track",style:I,children:[co("div",{className:"k-slider-selection"}),t==="range"&&co("span",{className:r("k-draghandle","k-draghandle-start",S(la,{hover:v,focus:C,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??h,"aria-valuemin":h,"aria-valuemax":M??N,"aria-orientation":de,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),co("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(la,{hover:v,focus:C,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??N:x,"aria-valuemin":t==="range"?p??h:h,"aria-valuemax":N,"aria-orientation":de,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),m&&co(d,{className:"k-button-increase",rounded:"full",icon:ce,tabIndex:-1,title:"Increase"})]})};V.states=qp;V.options=Wp;V.className=la;V.defaultOptions=$e;V.moduleName=Jn;V.folderName=as;V.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 ns}from"react/jsx-runtime";var rs="k-tick",Jp=[],Yp={},is={label:!1},O=e=>{let{style:t,label:o=is.label,orientation:a,large:n,text:s,...l}=e;return ns("li",{...l,role:"presentation",title:s||"Tick",className:r(e.className,rs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ns("span",{className:"k-label",children:s})})};O.states=Jp;O.options=Yp;O.className=rs;O.defaultOptions=is;import{Fragment as Qp,jsx as Xe,jsxs as Zp}from"react/jsx-runtime";var ss=e=>Xe(V,{"aria-label":e["aria-label"]||"Slider",children:Zp(Qp,{children:[Xe(O,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{label:!0,large:!0,text:"5"}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as jp,jsx as qe,jsxs as em}from"react/jsx-runtime";var ls=e=>qe(V,{children:em(jp,{children:[qe(O,{className:"k-first",label:!0,large:!0,text:"0"}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{label:!0,large:!0,text:"5"}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as yS,jsx as AS,jsxs as ES}from"react/jsx-runtime";import{Fragment as RS,jsx as wS,jsxs as KS}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var Qn=e=>tm(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as om}from"react/jsx-runtime";var Zn=e=>om(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as qS,jsx as XS,jsxs as WS}from"react/jsx-runtime";import{Fragment as jS,jsx as ZS,jsxs as eI}from"react/jsx-runtime";import{jsx as lt,jsxs as ds}from"react/jsx-runtime";var am=V.options,nm=V.states,cs={...V.defaultOptions,variant:"horizontal",label:!0},rm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],im=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],po=e=>{let{variant:t,modifiers:o,...a}={...cs,...e},n={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{n.showButtons=!!o?.[x];break}case"label":{n.label=!!o?.[x];break}case"tick":{n.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:m}=n,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ds(ls,{showTicks:m,showButtons:l,style:{height:"300px",...b},...a,children:[lt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ds(ss,{showTicks:m,showButtons:l,style:{width:"400px",...b},...a,children:[lt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};po.options=am;po.states=nm;po.variants=rm;po.defaultOptions=cs;po.modifiers=im;po.className=V.className;import{jsx as ps,jsxs as pm}from"react/jsx-runtime";var ms="k-spin-button",dm=[],cm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},jn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Tt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=jn.increaseLabel,decreaseLabel:s=jn.decreaseLabel,...l}=e;return pm("span",{...l,className:r(ms,e.className),children:[ps(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),ps(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Tt.states=dm;Tt.options=cm;Tt.className=ms;Tt.defaultOptions=jn;Tt.moduleName=null;Tt.folderName=null;var us="numeric-textbox",fs="numerictextbox";import{Fragment as bs,jsx as ut,jsxs as er}from"react/jsx-runtime";var xs="k-numerictextbox",mm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],um={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]},Da={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Da.separators,showClearButton:s=Da.showClearButton,showSpinButton:l=Da.showSpinButton,prefix:m,suffix:b,value:x,placeholder:h,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,id:$,"aria-label":ie,"aria-describedby":de,...ce}=e;return er(q,{...ce,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,className:r(e.className,xs),children:[m&&er(bs,{children:[ut(Oe,{children:m}),n&&ut(Le,{})]}),ut(_e,{id:$,placeholder:h,value:x,role:"spinbutton",disabled:I,"aria-label":ie,"aria-describedby":de,"aria-invalid":v?"true":void 0}),ut(ve,{valid:M,invalid:v,loading:E,disabled:I}),ut(Ee,{loading:E,disabled:I}),s&&ut(Ke,{loading:E,disabled:I,readonly:w,value:x}),b&&er(bs,{children:[n&&ut(Le,{}),ut(Be,{children:b})]}),l&&ut(Tt,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};H.states=mm;H.options=um;H.className=xs;H.defaultOptions=Da;H.moduleName=us;H.folderName=fs;H.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 da=H;import{jsx as fm}from"react/jsx-runtime";var hs=e=>fm(da,{...e});import or from"react";import{jsx as Ns}from"react/jsx-runtime";var bm="k-list-group-sticky-header",tr=e=>Ns("div",{className:r(bm,e.className),children:Ns("div",{className:"k-list-header-text",children:e.children})});import{jsx as hm}from"react/jsx-runtime";var xm="k-no-data",Ha=e=>{let{live:t,...o}=e;return hm("span",{...o,className:r(xm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",mo=Ht;import{jsx as ks,jsxs as gs}from"react/jsx-runtime";var ar="k-list",Nm=[],km={size:[c.undefined,c.small,c.medium,c.large]},gm={},_=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:l,noData:m,screenReaders:b,...x}=e,N=or.Children.toArray(a)[0],p=N?.props?.children?or.Children.count(N.props.children):or.Children.count(a);return gs("div",{...x,className:r(e.className,ar,A(ar,{size:t}),{"k-virtual-list":o}),children:[s,l,n&&ks(tr,{children:n}),a||(m!==void 0?m:ks(Ha,{live:!0,children:"No data found."})),b&&a&&gs(Ha,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};_.states=Nm;_.options=km;_.className=ar;_.defaultOptions=gm;_.moduleName=Ht;_.folderName=mo;_.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 Cm}from"react/jsx-runtime";var vs="k-list-container",vm=[],Lm={},Mm={},uo=e=>{let{...t}=e;return Cm("div",{...t,className:r(e.className,vs),children:e.children})};uo.states=vm;uo.options=Lm;uo.className=vs;uo.defaultOptions=Mm;uo.moduleName=Ht;uo.folderName=mo;var zt="checkbox",fo=zt;import{jsx as Ls}from"react/jsx-runtime";var za="k-checkbox",Sm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Im={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Tm={},We=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:l,invalid:m,valid:b,required:x,size:h,rounded:N,wrapperRole:p,...M}=e;return Ls("span",{className:"k-checkbox-wrap",role:p,children:Ls("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,za,A(za,{size:h,rounded:N}),S(za,{hover:n,focus:s,disabled:l,invalid:m,valid:b,indeterminate:a,checked:o}))})})};We.states=Sm;We.options=Im;We.className=za;We.defaultOptions=Tm;We.moduleName=zt;We.folderName=fo;We.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 tt=We;import{jsx as Em}from"react/jsx-runtime";var Ms="k-checkbox-list",Am=[],ym={},Cs={layout:"vertical"},Ce=e=>{let{layout:t=Cs.layout,...o}=e;return Em("ul",{...o,className:r(e.className,Ms,{[`k-list-${t}`]:t}),children:e.children})};Ce.states=Am;Ce.options=ym;Ce.className=Ms;Ce.defaultOptions=Cs;Ce.moduleName=zt;Ce.folderName=fo;import{jsx as wm}from"react/jsx-runtime";var Ss="k-checkbox-list-item",Om=[],Bm={},Pm={},Se=e=>{let{...t}=e;return wm("li",{...t,className:r(e.className,Ss),children:e.children})};Se.states=Om;Se.options=Bm;Se.className=Ss;Se.defaultOptions=Pm;Se.moduleName=zt;Se.folderName=fo;import{Fragment as Rm,jsx as Is,jsxs as Km}from"react/jsx-runtime";var ft=({children:e="Label",id:t="cb-label-after",...o})=>Km(Rm,{children:[Is(tt,{id:t,...o}),Is("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as CT,jsx as MT,jsxs as ST}from"react/jsx-runtime";import{Fragment as ET,jsx as yT,jsxs as OT}from"react/jsx-runtime";import{Fragment as KT,jsx as RT,jsxs as _T}from"react/jsx-runtime";import{jsx as FT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{jsx as JT}from"react/jsx-runtime";import{jsx as Je,jsxs as Ts}from"react/jsx-runtime";var _m=Ce.options,Dm=Ce.states,Hm={...Ce.defaultOptions,variant:"vertical"},zm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Fm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ts(Ce,{layout:"horizontal",...o,children:[Je(Se,{children:Je(ft,{id:T("cb"),defaultChecked:!0,children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})})]}):Ts(Ce,{...o,children:[Je(Se,{children:Je(ft,{id:T("cb"),defaultChecked:!0,children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})})]})};bo.options=_m;bo.states=Dm;bo.variants=zm;bo.defaultOptions=Hm;bo.modifiers=Fm;bo.className=Ce.className;import{jsx as qm}from"react/jsx-runtime";var Um=tt.options,Gm=tt.states,Vm=tt.defaultOptions,$m=[],Xm=[],xo=e=>qm(ft,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});xo.options=Um;xo.states=Gm;xo.variants=$m;xo.defaultOptions=Vm;xo.modifiers=Xm;xo.className=tt.className;import{jsx as Ft,jsxs as Qm}from"react/jsx-runtime";var nr="k-list-item",Wm=[i.hover,i.focus,i.selected,i.disabled],Jm={},Ym={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:l,checked:m,hover:b,focus:x,selected:h,disabled:N,actions:p,description:M,id:v,...C}=e,E=t||e.children;return Qm("li",{...C,id:v,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&h?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:r(e.className,a?"k-list-group-item":nr,S(nr,{hover:b,focus:x,disabled:N,selected:h})),children:[l&&Ft(We,{checked:m}),n&&Ft("span",{className:"k-list-item-icon-wrapper",children:Ft(L,{icon:n,className:r("k-list-item-icon",s)})}),Ft("span",{className:"k-list-item-text",children:E}),p&&Ft("div",{className:"k-list-item-actions",children:p}),M&&Ft("span",{className:"k-list-item-description",children:M}),o&&o!==""&&Ft("div",{className:"k-list-item-group-label",children:o})]})};P.states=Wm;P.options=Jm;P.className=nr;P.defaultOptions=Ym;P.moduleName=Ht;P.folderName=mo;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 jm}from"react/jsx-runtime";var Zm="k-list-ul",bt=e=>{let{children:t,role:o,id:a,...n}=e;return jm("ul",{...n,id:a,role:o,className:r(Zm,e.className),children:t})};bt.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 rr,jsxs as tu}from"react/jsx-runtime";var eu="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...l}=e;return tu("div",{...l,className:r(eu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:rr(bt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&rr("div",{className:"k-height-container",children:rr("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as HA,jsx as DA,jsxs as zA}from"react/jsx-runtime";import{jsx as ir,jsxs as au}from"react/jsx-runtime";var ou="k-list-group-item",Ut=e=>{let{groupIconName:t,...o}=e;return au("li",{...o,role:"presentation",className:r(ou,e.className),children:[t&&ir("span",{className:"k-list-item-icon-wrapper",children:ir(L,{icon:t,className:"k-list-item-icon"})}),ir("span",{className:"k-list-item-text",children:e.children})]})};Ut.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 su}from"react/jsx-runtime";var sr="k-list-optionlabel",nu=[i.hover,i.focus,i.selected,i.disabled],ru={},iu={},Fa=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return su("div",{...l,className:r(sr,S(sr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Fa.states=nu;Fa.options=ru;Fa.className=sr;Fa.defaultOptions=iu;import{jsx as pu}from"react/jsx-runtime";var lr="k-list-custom-value",lu=[i.hover,i.focus,i.selected,i.disabled],du={},cu={},At=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return pu("div",{...l,className:r(lr,S(lr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};At.states=lu;At.options=du;At.className=lr;At.defaultOptions=cu;import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as dy,jsx as ly,jsxs as cy}from"react/jsx-runtime";import{Fragment as hy,jsx as by,jsxs as xy}from"react/jsx-runtime";import{Fragment as Cy,jsx as Ly,jsxs as My}from"react/jsx-runtime";import{jsx as Ay}from"react/jsx-runtime";import{Fragment as wy,jsx as Py,jsxs as Ry}from"react/jsx-runtime";var As="dropdown-list",ys="dropdownlist";import{Fragment as fu,jsx as Ie,jsxs as dr}from"react/jsx-runtime";var Es="k-dropdownlist",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],uu={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]},cr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=cr.arrowIconName,showValue:s=cr.showValue,valueIconName:l,prefix:m,suffix:b,value:x,placeholder:h,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,popup:$,opened:ie,adaptive:de,adaptiveSettings:ce,adaptiveTitle:ke,adaptiveSubtitle:Kt,adaptiveFilter:cn,id:gt,activeDescendant:Ma,"aria-label":pn,...mn}=e,rd=gt?`${gt}-listbox`:void 0,Wr=gt?`${gt}-value`:void 0;return dr(fu,{children:[dr(rt,{...mn,id:gt,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,className:r(e.className,Es,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ie?"true":"false","aria-controls":ie?rd:void 0,"aria-activedescendant":ie&&Ma?Ma:void 0,"aria-describedby":ie?Wr:void 0,"aria-disabled":I?"true":void 0,"aria-label":pn,tabIndex:0,children:[Ie(Oe,{children:m}),Ie(Dt,{placeholder:h,value:x,showValue:s,valueIconName:l,id:Wr}),Ie(ve,{valid:M,invalid:v,loading:E,disabled:I}),Ie(Ee,{loading:E,disabled:I}),Ie(Be,{children:b}),Ie(d,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h||"Toggle dropdown",tabIndex:-1})]}),ie&&$&&Ie(z,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),de&&Ie(Q,{adaptive:!0,...ce,header:Ie(Me,{actionsEnd:Ie(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:cn,inputValue:x,inputPlaceholder:h,title:ke,subtitle:Kt}),children:Ie("div",{className:"k-list-container",children:Ie(_,{size:"large",children:dr(U,{"aria-label":"Options",children:[Ie(P,{text:"List item"}),Ie(P,{text:"List item"}),Ie(P,{text:"List item"})]})})})})]})};oe.states=mu;oe.options=uu;oe.className=Es;oe.defaultOptions=cr;oe.moduleName=As;oe.folderName=ys;oe.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 fE}from"react/jsx-runtime";import{jsx as gE,jsxs as vE}from"react/jsx-runtime";import{Fragment as EE,jsx as AE,jsxs as yE}from"react/jsx-runtime";import{jsx as RE}from"react/jsx-runtime";import{jsx as FE,jsxs as UE}from"react/jsx-runtime";import{Fragment as QE,jsx as JE,jsxs as YE}from"react/jsx-runtime";import{jsx as oO}from"react/jsx-runtime";import{Fragment as gu,jsx as yt,jsxs as Os}from"react/jsx-runtime";var bu=oe.states,xu=oe.defaultOptions,hu=oe.options,Nu=[{name:"opened",title:"Opened"}],ku=[],No=e=>{let{modifiers:t,...o}=e,a={},n=Os(gu,{children:[yt("div",{className:"k-list-filter",children:yt(Ve,{})}),yt(_,{style:{width:300},size:o.size,children:Os(U,{children:[yt(P,{children:"List item"}),yt(P,{children:"List item"}),yt(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),yt("div",{children:yt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};No.options=hu;No.states=bu;No.variants=ku;No.defaultOptions=xu;No.modifiers=Nu;No.className=oe.className;import{Fragment as CO,jsx as MO}from"react/jsx-runtime";import{Fragment as EO,jsx as yO}from"react/jsx-runtime";import{jsx as wO}from"react/jsx-runtime";import{jsx as pr}from"react/jsx-runtime";var vu=H.states,Lu=H.defaultOptions,Mu=H.options,Cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Su=[],ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?pr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?pr(Bn,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),pr(hs,{value:"Value",style:{width:300},...o,...a})};ko.options=Mu;ko.states=vu;ko.variants=Su;ko.defaultOptions=Lu;ko.modifiers=Cu;ko.className=H.className;import{Fragment as ca,jsx as R,jsxs as j}from"react/jsx-runtime";var Bs="k-colorgradient-inputs",Iu=[],Tu={size:[c.undefined,c.small,c.medium,c.large]},Ps={mode:"rgba"},go=e=>{let{mode:t=Ps.mode,size:o,...a}=e;return j("div",{...a,className:r(Bs,"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"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(ca,{children:j("div",{className:"k-vstack k-flex-1",children:[R(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};go.states=Iu;go.options=Tu;go.className=Bs;go.defaultOptions=Ps;import{jsx as Gt,jsxs as Vt}from"react/jsx-runtime";var ws="k-colorgradient-color-contrast",Au=[],yu={},Eu={},vo=()=>Vt("div",{className:r(ws,"k-vbox"),children:[Vt("div",{className:"k-contrast-ratio",children:[Gt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Vt("span",{className:"k-contrast-validation !k-text-success",children:[Gt(L,{icon:"check"}),Gt(L,{icon:"check"})]})]}),Vt("div",{children:[Gt("span",{children:"AA: 4.5"}),Vt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Gt(L,{icon:"check"})]})]}),Vt("div",{children:[Gt("span",{children:"AAA: 7.0"}),Vt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Gt(L,{icon:"x"})]})]})]});vo.states=Au;vo.options=yu;vo.className=ws;vo.defaultOptions=Eu;var Rs="color-gradient",Ks="colorgradient";import{jsx as Ye,jsxs as pa}from"react/jsx-runtime";var Ua="k-colorgradient",Ou=[i.hover,i.focus,i.readonly,i.disabled],Bu={size:[c.undefined,c.small,c.medium,c.large]},dt={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"},se=e=>{let{size:t,mode:o=dt.mode,readonly:a=dt.readonly,disabled:n=dt.disabled,gradientStyle:s=dt.gradientStyle,dragHandleStyle:l=dt.dragHandleStyle,alphaStyle:m=dt.alphaStyle,alphaStyleHorizontal:b=dt.alphaStyleHorizontal,contrast:x=dt.contrast,dir:h,hover:N,focus:p,hoverHandle:M,focusHandle:v,canvasOrientation:C=dt.canvasOrientation,role:E,tabIndex:I,...w}=e;return pa("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":n?"true":void 0,className:r(e.className,Ua,A(Ua,{size:t}),S(Ua,{hover:N,focus:p,readonly:a,disabled:n})),dir:h,children:[!C||C==="horizontal"&&pa("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:s,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),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})})}),pa("div",{className:"k-hsv-controls k-hstack",children:[Ye(Zn,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&Ye(Zn,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:m})]})]}),C==="vertical"&&pa("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:s,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),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})})}),pa("div",{className:"k-hsv-controls k-vstack",children:[Ye(Qn,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&Ye(Qn,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:b})]})]}),Ye(go,{mode:e.mode,size:t}),x&&Ye(vo,{})]})};se.states=Ou;se.options=Bu;se.className=Ua;se.defaultOptions=dt;se.moduleName=Rs;se.folderName=Ks;se.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 Pu}from"react/jsx-runtime";var Ga=e=>Pu(se,{...e});import{jsx as kB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var wu=se.options,Ru=se.states,Ku={...se.defaultOptions,variant:"rgba"},_u=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Du=[],Lo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return mr(Ga,{...o,mode:t});case"rgb":return mr(Ga,{...o,mode:t});default:return mr(Ga,{...o,mode:t})}};Lo.options=wu;Lo.states=Ru;Lo.variants=_u;Lo.defaultOptions=Ku;Lo.modifiers=Du;Lo.className=se.className;import{jsx as Hu}from"react/jsx-runtime";var ur=e=>Hu("tr",{role:"row",children:e.children});import{jsx as Uu}from"react/jsx-runtime";var fr="k-colorpalette-tile",zu=[i.hover,i.focus,i.selected],Fu={},Mo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Uu("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,fr,S(fr,{hover:a,focus:n,selected:s})),style:m})};Mo.states=zu;Mo.options=Fu;Mo.className=fr;var _s="color-palette",Ds="colorpalette";import{jsx as ma}from"react/jsx-runtime";var Va="k-colorpalette",Gu=[i.disabled],Vu={size:[c.undefined,c.small,c.medium,c.large]},Hs={columns:10},Te=e=>{let{size:t,palette:o,columns:a=Hs.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(h,N)=>{let p=[];x.slice(N*b,(N+1)*b).map((v,C)=>{p.push(ma(Mo,{color:v,tileSize:n},C))});let M=ma(ur,{children:p},N);m.push(M)})}return ma("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Va,S(Va,{disabled:s}),A(Va,{size:t})),children:ma("table",{className:"k-colorpalette-table",role:"none",children:ma("tbody",{children:m.length>0?m:e.children})})})};Te.states=Gu;Te.options=Vu;Te.className=Va;Te.defaultOptions=Hs;Te.moduleName=_s;Te.folderName=Ds;Te.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 $a=Te;var ua={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 $u}from"react/jsx-runtime";var zs=e=>$u($a,{palette:ua.basic,...e});import{jsx as nP}from"react/jsx-runtime";import{jsx as cP,jsxs as pP}from"react/jsx-runtime";import{jsx as Zu}from"react/jsx-runtime";var Xu=Te.options,qu=Te.states,Wu={...Te.defaultOptions,variant:"basic"},Ju=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Yu={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}},Qu=[],Co=e=>{let{variant:t="basic",...o}=e,a=Yu[t];return Zu(zs,{columns:a.columns,palette:a,...o})};Co.options=Xu;Co.states=qu;Co.variants=Ju;Co.defaultOptions=Wu;Co.modifiers=Qu;Co.className=Te.className;var Fs="color-editor",Us="coloreditor";import{jsx as Qe,jsxs as So}from"react/jsx-runtime";var Xa="k-coloreditor",ju=[i.focus],ef={size:[c.undefined,c.small,c.medium,c.large]},fa={view:"gradient",palette:ua.office,actionButtons:!0,canvasOrientation:"horizontal"},Z=e=>{let{size:t,view:o=fa.view,palette:a=fa.palette,color:n,currentColor:s,focus:l,focusView:m,dir:b,group:x,actionButtons:h=fa.actionButtons,canvasOrientation:N=fa.canvasOrientation,...p}=e;return So("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Xa,A(Xa,{size:t}),S(Xa,{focus:l})),dir:b,children:[So("div",{className:"k-coloreditor-header k-hstack",children:[Qe("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&So(B,{fillMode:"flat",children:[Qe(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Qe(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Qe("div",{className:"k-spacer"}),So("div",{className:"k-coloreditor-header-actions k-hstack",children:[Qe(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),So("div",{className:"k-coloreditor-preview k-vstack",children:[Qe(vt,{className:"k-coloreditor-preview-color",color:n}),Qe(vt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Qe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Qe(se,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Qe(Te,{palette:a,size:t})}),h&&So(X,{className:"k-coloreditor-footer",alignment:"start",children:[Qe(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Qe(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Z.states=ju;Z.options=ef;Z.className=Xa;Z.defaultOptions=fa;Z.moduleName=Fs;Z.folderName=Us;Z.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 Io=Z;import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Gs=e=>tf(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as of}from"react/jsx-runtime";var Vs=e=>of(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as $s}from"react/jsx-runtime";var af=Z.options,nf=Z.states,rf={...Z.defaultOptions,variant:"gradient"},sf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],lf=[],To=e=>{let{variant:t,...o}=e;return t==="palette"?$s(Vs,{...o,color:"white"}):$s(Gs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};To.options=af;To.states=nf;To.variants=sf;To.defaultOptions=rf;To.modifiers=lf;To.className=Z.className;var Xs="color-picker",qs="colorpicker";import{Fragment as pf,jsx as Ze,jsxs as br}from"react/jsx-runtime";var Ws="k-colorpicker",df=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],cf={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]},Js={arrowIconName:"chevron-down"},De=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Js.arrowIconName,prefix:s,suffix:l,value:m,placeholder:b,hover:x,focus:h,valid:N,invalid:p,required:M,disabled:v,valueIconName:C,popup:E,opened:I,adaptive:w,adaptiveSettings:$,adaptiveTitle:ie,adaptiveSubtitle:de,...ce}=e,ke="colorpicker-popup";return br(pf,{children:[br(rt,{...ce,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:p,required:M,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I||w?ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Ws,"k-icon-picker"),children:[Ze(Oe,{children:s}),Ze(Dt,{placeholder:b,value:m,showValue:!1,valueIcon:Ze(vt,{className:"k-value-icon",color:m,iconName:C}),valueIconName:C}),Ze(Be,{children:l}),Ze(d,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),I&&E&&Ze(z,{id:ke,className:"k-colorpicker-popup",children:E}),w&&Ze(Q,{adaptive:!0,id:ke,...$,header:Ze(Me,{actionsEnd:Ze(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ie,subtitle:de}),footer:br(Lt,{children:[Ze(d,{text:"Cancel",size:"large"}),Ze(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Z,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};De.states=df;De.options=cf;De.className=Ws;De.defaultOptions=Js;De.moduleName=Xs;De.folderName=qs;De.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 xt=De;import{jsx as mf}from"react/jsx-runtime";var qa=e=>mf(xt,{...e});import{jsx as Tw}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as Kw}from"react/jsx-runtime";import{jsx as zw}from"react/jsx-runtime";import{jsx as Vw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var uf=xt.options,ff=xt.states,Ys={...xt.defaultOptions,variant:"color"},bf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],xf=[{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?$t(Z,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return $t("div",{style:s,children:$t(qa,{...a,...n})});case"icon":return $t("div",{style:s,children:$t(qa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return $t("div",{style:s,children:$t(qa,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Ao.options=uf;Ao.states=ff;Ao.variants=bf;Ao.defaultOptions=Ys;Ao.modifiers=xf;Ao.className=xt.className;var xr="combobox",Qs=xr;import{Fragment as hr,jsx as ae,jsxs as ba}from"react/jsx-runtime";var Zs="k-combobox",hf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Nf={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]},js={separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:n=js.separators,prefix:s,suffix:l,value:m,placeholder:b,hover:x,focus:h,valid:N,invalid:p,required:M,loading:v,disabled:C,popup:E,opened:I,readonly:w,adaptive:$,adaptiveSettings:ie,adaptiveTitle:de,adaptiveSubtitle:ce,adaptiveCustomValue:ke,id:Kt,autocomplete:cn,activeDescendant:gt,"aria-label":Ma,...pn}=e,mn=Kt?`${Kt}-listbox`:void 0;return ba(hr,{children:[ba(q,{...pn,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:p,required:M,loading:v,disabled:C,readonly:w,className:r(e.className,Zs),children:[s&&ba(hr,{children:[ae(Oe,{children:s}),n&&ae(Le,{})]}),ae(_e,{id:Kt,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?mn:void 0,"aria-activedescendant":I&&gt?gt:void 0,"aria-autocomplete":cn,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ma,disabled:C,readOnly:w}),ae(ve,{valid:N,invalid:p,loading:v,disabled:C}),ae(Ee,{loading:v,disabled:C}),ae(Ke,{loading:v,disabled:C,readonly:w,value:m}),l&&ba(hr,{children:[n&&ae(Le,{}),ae(Be,{children:l})]}),ae(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:C})]}),I&&E&&ae(z,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),$&&ae(Q,{adaptive:!0,id:Kt?`${Kt}-adaptive`:void 0,...ie,header:ae(Me,{actionsEnd:ae(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:de,subtitle:ce}),children:ae("div",{className:"k-list-container",children:ae(_,{customValue:ke?ae(At,{text:`Use "${m}"`}):void 0,size:"large",children:ba(U,{"aria-label":de||"Options",children:[ae(P,{text:"List item"}),ae(P,{text:"List item"}),ae(P,{text:"List item"})]})})})})]})};be.states=hf;be.options=Nf;be.className=Zs;be.defaultOptions=js;be.moduleName=xr;be.folderName=Qs;be.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 He=be;import{jsx as kf}from"react/jsx-runtime";var el=e=>kf(He,{...e});import{jsx as ER,jsxs as OR}from"react/jsx-runtime";import{jsx as _R,jsxs as DR}from"react/jsx-runtime";import{jsx as VR,jsxs as $R}from"react/jsx-runtime";import{Fragment as QR,jsx as YR}from"react/jsx-runtime";import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{jsx as dK,jsxs as cK}from"react/jsx-runtime";import{Fragment as NK,jsx as xK,jsxs as hK}from"react/jsx-runtime";import{jsx as LK}from"react/jsx-runtime";import{jsx as IK}from"react/jsx-runtime";import{jsx as BK,jsxs as PK}from"react/jsx-runtime";import{jsx as HK,jsxs as zK}from"react/jsx-runtime";import{jsx as Et,jsxs as Sf}from"react/jsx-runtime";var gf=be.states,vf=be.defaultOptions,Lf=be.options,Mf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Cf=[],yo=e=>{let{modifiers:t,...o}=e,a={},n=Et(_,{style:{width:300},size:o.size,children:Sf(U,{children:[Et(P,{children:"List item"}),Et(P,{children:"List item"}),Et(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Et(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Et(pe,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Et("div",{children:Et(el,{value:"Value",style:{width:300},...o,...a})})};yo.options=Lf;yo.states=gf;yo.variants=Cf;yo.defaultOptions=vf;yo.modifiers=Mf;yo.className=be.className;var Nr="menu-button",tl=Nr;import{jsx as Af}from"react/jsx-runtime";var ol="k-menu-button",If=[i.hover,i.focus,i.active,i.selected,i.disabled],Tf={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},kr={showArrow:!0,arrowIconName:"chevron-down"},G=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,icon:h,text:N,showArrow:p=kr.showArrow,arrowIconName:M=kr.arrowIconName,expanded:v,...C}=e;return Af(d,{...C,className:r(e.className,ol),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,icon:h,showArrow:p,arrowIconName:M,"aria-expanded":v?"true":"false",...!N&&h&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};G.states=If;G.options=Tf;G.className=ol;G.defaultOptions=kr;G.moduleName=Nr;G.folderName=tl;G.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 k0}from"react/jsx-runtime";import{jsx as M0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";var ze="menu",je=ze;import{jsx as xa,jsxs as al}from"react/jsx-runtime";var gr="k-menu-item",yf=[i.hover,i.focus,i.active,i.selected,i.disabled],Ef={},nl={iconPosition:"before"},xe=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,first:b,last:x,showArrow:h,arrowIconName:N,iconPosition:p=nl.iconPosition,dir:M,children:v,expanded:C,...E}=e,I=N;return I||(I=M==="rtl"?"chevron-left":"chevron-right"),al("li",{...E,className:r(e.className,gr,"k-item",S(gr,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":b,"k-last":x}),role:"menuitem",...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":C?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[al("span",{className:r("k-link k-menu-link"),children:[l&&p==="before"&&xa(L,{className:"k-menu-link-icon",icon:l}),xa("span",{className:"k-menu-link-text",children:m}),l&&p==="after"&&xa(L,{className:"k-menu-link-icon",icon:l}),h&&xa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:xa(L,{icon:I})})]}),v]})};xe.states=yf;xe.options=Ef;xe.className=gr;xe.defaultOptions=nl;xe.moduleName=ze;xe.folderName=je;import{jsx as ha,jsxs as rl}from"react/jsx-runtime";var vr="k-menu-item",Of=[i.hover,i.focus,i.active,i.selected,i.disabled],Bf={},Lr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,first:b,last:x,showArrow:h,arrowIconName:N,iconPosition:p=Lr.iconPosition,dir:M=Lr.dir,children:v,popup:C,expanded:E,...I}=e,w=N;return w||(w=M==="rtl"?"chevron-left":"chevron-right"),rl("li",{...I,className:r(e.className,vr,"k-item",S(vr,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[rl("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[l&&p==="before"&&ha(L,{className:"k-menu-link-icon",icon:l}),ha("span",{className:"k-menu-link-text",children:m}),l&&p==="after"&&ha(L,{className:"k-menu-link-icon",icon:l}),h&&ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ha(L,{icon:w})})]}),v,C]})};W.states=Of;W.options=Bf;W.className=vr;W.defaultOptions=Lr;W.moduleName=ze;W.folderName=je;import{jsx as Kf}from"react/jsx-runtime";var il="k-menu-scroll-wrapper",Pf=[],wf={},Rf={},Xt=e=>{let{className:t,children:o,orientation:a,...n}=e;return Kf("div",{...n,className:r(t,il,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Xt.states=Pf;Xt.options=wf;Xt.className=il;Xt.defaultOptions=Rf;Xt.moduleName=ze;Xt.folderName=je;var sl=Xt;import{Fragment as Mr,jsx as qt,jsxs as Ja}from"react/jsx-runtime";var Cr="k-menu",_f=[],Df={},Ya={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=Ya.orientation,header:a=Ya.header,scrollable:n,scrollButtonsPosition:s=Ya.scrollButtonsPosition,wrapperStyles:l,dir:m,popup:b,contextMenu:x,...h}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=qt("ul",{dir:m,...h,className:r(e.className,"k-reset",Cr,{[`${Cr}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ja(Mr,{children:[n?Ja(sl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Ja(Mr,{children:[qt(d,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),qt(d,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&qt(d,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&Ja(Mr,{children:[qt(d,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),qt(d,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&qt(d,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,b]})};le.states=_f;le.options=Df;le.className=Cr;le.defaultOptions=Ya;le.moduleName=ze;le.folderName=je;le.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 Hf}from"react/jsx-runtime";var Sr="k-separator",ll={orientation:"horizontal"},Eo=e=>{let{orientation:t=ll.orientation,...o}=e;return Hf("li",{...o,className:r(e.className,"k-item",Sr,{[`${Sr}-${t}`]:t}),role:"separator"})};Eo.className=Sr;Eo.defaultOptions=ll;Eo.moduleName=ze;Eo.folderName=je;import{Fragment as o_,jsx as a_}from"react/jsx-runtime";import{jsx as Gf}from"react/jsx-runtime";var Ir="k-menu-group",zf=[],Ff={size:[c.undefined,c.small,c.medium,c.large]},Uf={},he=e=>{let{children:t,size:o,...a}=e;return Gf("ul",{...a,className:r(e.className,Ir,A(Ir,{size:o})),role:"menu",children:t})};he.states=zf;he.options=Ff;he.className=Ir;he.defaultOptions=Uf;he.moduleName=ze;he.folderName=je;import{Fragment as Vf,jsx as Oo,jsxs as $f}from"react/jsx-runtime";var Tr=e=>Oo(le,{children:$f(Vf,{children:[Oo(xe,{first:!0,text:"Item 1"}),Oo(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Oo(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Oo(xe,{text:"Item 4"}),Oo(xe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as h_,jsx as b_,jsxs as x_}from"react/jsx-runtime";import{Fragment as L_,jsx as v_,jsxs as M_}from"react/jsx-runtime";import{Fragment as A_,jsx as T_,jsxs as y_}from"react/jsx-runtime";import{Fragment as w_,jsx as P_,jsxs as R_}from"react/jsx-runtime";import{jsx as Wt,jsxs as Yf}from"react/jsx-runtime";var Xf=le.options,qf=le.states,dl={...le.defaultOptions,variant:"horizontal"},Wf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Bo=e=>{let{variant:t,modifiers:o,...a}={...dl,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!o?.[s];break;case"opened":n.opened=!!o?.[s],n.popup=Wt(z,{className:"k-menu-popup",children:Yf(he,{children:[Wt(W,{text:"Item 1"}),Wt(W,{text:"Item 2"}),Wt(Eo,{}),Wt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Wt(Tr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Wt(Tr,{...a,...n})};Bo.options=Xf;Bo.states=qf;Bo.variants=Wf;Bo.defaultOptions=dl;Bo.modifiers=Jf;Bo.className=le.className;import{Fragment as uD,jsx as pD,jsxs as mD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";import{Fragment as tb,jsx as ct,jsxs as cl}from"react/jsx-runtime";var Qf=d.states,pl={...d.defaultOptions,variant:"text"},Zf=d.options,jf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...pl,...e},n={},s=ct(z,{className:"k-menu-popup",children:cl(he,{size:a.size,children:[ct(W,{first:!0,text:"Menu Item"}),ct(W,{text:"Menu Item"}),ct(W,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=ct("div",{children:ct(G,{...a,...n,icon:"star"})});break;case"icon-and-text":l=ct("div",{children:ct(G,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=ct("div",{children:ct(G,{...a,...n,children:"Dropdown Button"})});break}return cl(tb,{children:[l,o?.opened&&s]})};Po.options=Zf;Po.states=Qf;Po.variants=jf;Po.defaultOptions=pl;Po.modifiers=eb;Po.className=G.className;var Ar="split-button",ml=Ar;import{Fragment as nb,jsx as yr,jsxs as ul}from"react/jsx-runtime";var Er="k-split-button",ob=[i.hover,i.focus,i.active,i.selected,i.disabled],ab={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},fl={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,icon:h,text:N,arrowIconName:p=fl.arrowIconName,popup:M,opened:v,popupId:C,...E}=e;return ul(nb,{children:[ul("div",{...E,className:r(e.className,Er,"k-button-group",A(Er,{rounded:o})),children:[yr(d,{text:N,icon:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,...!N&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),yr(d,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?C:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),v&&M&&yr(z,{className:"k-menu-popup",children:M})]})};K.states=ob;K.options=ab;K.className=Er;K.defaultOptions=fl;K.moduleName=Ar;K.folderName=ml;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 Or=K;import{jsx as ib}from"react/jsx-runtime";var rb="k-toolbar-separator",ot=e=>ib("div",{className:r(rb,e.className,"k-separator")});var ht="toolbar",Ot=ht;import{Fragment as Br,jsx as D,jsxs as wo}from"react/jsx-runtime";var Nt="k-toolbar",sb=[i.focus],lb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},db={scrollButtons:"around"},F=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:b,...x}=e,h=[],N=(p,M)=>{let v=[];if(p.type===d&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push(D(d,{...p.props,className:`${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===d)v.push(D(d,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===te)v.push(D(te,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===pe)v.push(D(pe,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===G)v.push(D(G,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===Or)v.push(D(Or,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===B||p.props.className&&p.props.className.includes("k-button-group")){let C=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((I,w)=>{C.push(D(d,{...I.props,className:`${I.props.className?I.props.className:""}`},`${w}-${new Date().getTime()}`))}),v.push(D(B,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:C},`${M}-${new Date().getTime()}`))}else p.type===be?v.push(D(be,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`)):p.type===oe?v.push(D(oe,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`)):p.type===De?v.push(D(De,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`)):v.push(p);v.forEach(C=>{h.push(C)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,v)=>{N(M,v)}),wo("div",{...x,className:r(e.className,Nt,A(Nt,{size:t,fillMode:o}),S(Nt,{focus:a}),{[`${Nt}-resizable`]:n,[`${Nt}-scrollable`]:s,[`${Nt}-scrollable-overlay`]:s&&l==="hidden",[`${Nt}-scrollable-${m}`]:m&&m!=="both",[`${Nt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&h,s&&l==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),s&&l==="start"&&wo(Br,{children:[wo(B,{children:[D("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-right"})})]}),D(ot,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),s&&l==="end"&&wo(Br,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),D(ot,{className:"k-toolbar-button-separator"}),wo(B,{children:[D("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&wo(Br,{children:[D("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-left"})}),D(ot,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),D(ot,{className:"k-toolbar-button-separator"}),D("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};F.states=sb;F.options=lb;F.className=Nt;F.defaultOptions=db;F.moduleName=ht;F.folderName=Ot;F.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 ub}from"react/jsx-runtime";var bl="k-floating-toolbar",cb=[],pb={},mb={},Ro=e=>{let{...t}=e;return ub("div",{...t,className:r(e.className,bl),children:e.children})};Ro.states=cb;Ro.options=pb;Ro.className=bl;Ro.defaultOptions=mb;Ro.moduleName=ht;Ro.folderName=Ot;import{jsx as hb}from"react/jsx-runtime";var Pr="k-toolbar-item",fb=[i.focus],bb={},xb={},Ko=e=>{let{focus:t,...o}=e;return hb("div",{...o,className:r(e.className,Pr,S(Pr,{focus:t})),children:e.children})};Ko.states=fb;Ko.options=bb;Ko.className=Pr;Ko.defaultOptions=xb;Ko.moduleName=ht;Ko.folderName=Ot;import{jsx as xl}from"react/jsx-runtime";var hl="k-toolbar-popup",Nb=[],kb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},gb={},Jt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return xl(z,{...n,className:r(e.className,hl),children:a?xl("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Jt.states=Nb;Jt.options=kb;Jt.className=hl;Jt.defaultOptions=gb;Jt.moduleName=ht;Jt.folderName=Ot;var Qa=Jt;import{jsx as gH}from"react/jsx-runtime";import{jsx as CH}from"react/jsx-runtime";import{jsx as AH}from"react/jsx-runtime";import{jsx as wH,jsxs as RH}from"react/jsx-runtime";import{jsx as HH}from"react/jsx-runtime";import{jsx as kt,jsxs as Sb}from"react/jsx-runtime";var vb=K.states,Nl={...K.defaultOptions,variant:"text"},Lb=K.options,Mb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cb=[{name:"opened",title:"Opened"}],_o=e=>{let{variant:t,modifiers:o,...a}={...Nl,...e},n={},s=Sb(he,{size:a.size,children:[kt(W,{first:!0,text:"Menu Item"}),kt(W,{text:"Menu Item"}),kt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?s:"")}),t){case"icon-only":return kt("div",{children:kt(K,{...a,...n,icon:"star"})});case"icon-and-text":return kt("div",{children:kt(K,{...a,...n,icon:"star",children:"Split Button"})});default:return kt("div",{children:kt(K,{...a,...n,children:"Split Button"})})}};_o.options=Lb;_o.states=vb;_o.variants=Mb;_o.defaultOptions=Nl;_o.modifiers=Cb;_o.className=K.className;import{jsx as Yt,jsxs as Ib}from"react/jsx-runtime";var kl=e=>Yt(F,{children:[Yt(d,{children:"Button"},"toolbar-button"),Yt(G,{text:"Menu button"},"toolbar-menu-button"),Yt(K,{children:"Split button"},"toolbar-split-button"),Ib(B,{children:[Yt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Yt(d,{icon:"align-center",children:"Center"}),Yt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as f1,jsxs as b1}from"react/jsx-runtime";import{jsx as Fe,jsxs as gl}from"react/jsx-runtime";var vl=e=>Fe(F,{scrollable:!0,...e,children:[Fe(d,{children:"Button"},"toolbar-button"),Fe(G,{text:"Menu button"},"toolbar-menu-button"),Fe(K,{children:"Split button"},"toolbar-split-button"),gl(B,{children:[Fe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Fe(d,{icon:"align-center",children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Fe(d,{children:"Button"},"toolbar-button"),Fe(G,{text:"Menu button"},"toolbar-menu-button"),Fe(K,{children:"Split button"},"toolbar-split-button"),gl(B,{children:[Fe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Fe(d,{icon:"align-center",children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as Ll}from"react/jsx-runtime";var Ml=({scrollingPosition:e="start",...t})=>Ue(F,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(d,{children:"Button"},"toolbar-button"),Ue(G,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Ll(B,{children:[Ue(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(d,{icon:"align-center",children:"Center"}),Ue(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(d,{children:"Button"},"toolbar-button"),Ue(G,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Ll(B,{children:[Ue(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(d,{icon:"align-center",children:"Center"}),Ue(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Tb,jsx as Pe,jsxs as Za}from"react/jsx-runtime";var Cl=({fillMode:e,size:t,...o})=>Za(Tb,{children:[Pe(F,{section:!0,fillMode:e,size:t,children:[Pe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Za(B,{fillMode:e,children:[Pe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Pe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Pe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Pe(ot,{className:"k-toolbar-button-separator"}),Pe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Za(Qa,{size:t,fillMode:e,section:!0,...o,children:[Pe(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Pe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Pe(ot,{}),Pe(G,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Za(B,{fillMode:e,children:[Pe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Pe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Pe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as W1,jsx as X1,jsxs as q1}from"react/jsx-runtime";import{Fragment as r2,jsx as a2,jsxs as n2}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Ab=F.options,yb=F.states,Sl={...F.defaultOptions,variant:"default"},Eb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Ob=[],Do=e=>{let{variant:t,...o}={...Sl,...e};switch(t){case"responsive":return Bt("div",{children:Bt(Cl,{style:{width:"583px"},...o})});case"overlay":return Bt("div",{children:Bt(Ml,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Bt("div",{children:Bt(vl,{style:{width:"583px"},...o})});default:return Bt("div",{children:Bt(kl,{style:{width:"583px"},...o})})}};Do.options=Ab;Do.states=yb;Do.variants=Eb;Do.defaultOptions=Sl;Do.modifiers=Ob;Do.className=F.className;var wr="suggestion",Il=wr;import{jsx as ja,jsxs as wb}from"react/jsx-runtime";var en="k-suggestion-group",Bb=[],Pb={},Tl={layout:"scrollable",scrollingPosition:"start"},at=e=>{let{layout:t=Tl.layout,scrollingPosition:o,...a}=e,n=ja("div",{...a,className:r(en,{"k-suggestion-group-scrollable":t=="scrollable",[`${en}-scrollable-start`]:o==="start"||o==="both",[`${en}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?ja("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?wb("div",{className:"k-suggestion-scrollwrap",children:[ja(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,ja(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};at.states=Bb;at.options=Pb;at.className=en;at.defaultOptions=Tl;at.moduleName=wr;at.folderName=Il;import{jsx as Db}from"react/jsx-runtime";var tn="k-suggestion",Rb=[i.active,i.hover,i.focus],Kb={themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary]},_b={text:"Suggestion"},pt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...l}=e;return Db("span",{...l,className:r(e.className,tn,S(tn,{hover:a,active:o,focus:n}),A(tn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};pt.states=Rb;pt.options=Kb;pt.className=tn;pt.item=_b;import{Fragment as F2,jsx as z2,jsxs as U2}from"react/jsx-runtime";import{Fragment as q2,jsx as X2,jsxs as W2}from"react/jsx-runtime";import{Fragment as j2,jsx as Z2,jsxs as e3}from"react/jsx-runtime";import{jsx as zb}from"react/jsx-runtime";var Hb="k-card-callout",Al=e=>{let{callout:t,...o}=e;return zb("span",{...o,className:r(e.className,Hb,{[`k-callout-${Yr.calloutMap[t]||t}`]:t})})};var Ge="card",et=Ge;import{Fragment as Vb,jsx as yl,jsxs as $b}from"react/jsx-runtime";var Rr="k-card",Fb=[i.hover,i.focus,i.selected,i.disabled],Ub={},Gb={},ee=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return $b("div",{...m,className:r(e.className,Rr,S(Rr,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&yl(Al,{callout:o}),yl(Vb,{children:e.children})]})};ee.states=Fb;ee.options=Ub;ee.className=Rr;ee.defaultOptions=Gb;ee.moduleName=Ge;ee.folderName=et;ee.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 Jb,jsx as El}from"react/jsx-runtime";var Kr="k-card-list",Xb=[],qb={},Wb={},Pt=e=>{let{...t}=e;return El("div",{...t,className:r(e.className,Kr,S(Kr,{})),role:"list",children:El(Jb,{children:e.children})})};Pt.states=Xb;Pt.options=qb;Pt.className=Kr;Pt.defaultOptions=Wb;Pt.moduleName=Ge;Pt.folderName=et;Pt.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 jb}from"react/jsx-runtime";var Ol="k-card-group",Yb=[],Qb={},Zb={},Ho=e=>{let{...t}=e;return jb("div",{...t,className:r(e.className,Ol),children:e.children})};Ho.states=Yb;Ho.options=Qb;Ho.className=Ol;Ho.defaultOptions=Zb;Ho.moduleName=Ge;Ho.folderName=et;import{jsx as ax}from"react/jsx-runtime";var _r="k-card-wrap",ex=[i.focus,i.selected],tx={},ox={},zo=e=>{let{focus:t,selected:o,...a}=e;return ax("div",{...a,className:r(e.className,_r,S(_r,{focus:t,selected:o})),children:e.children})};zo.states=ex;zo.options=tx;zo.className=_r;zo.defaultOptions=ox;zo.moduleName=Ge;zo.folderName=et;import{jsx as rx}from"react/jsx-runtime";var Dr="k-card-title",nx=[i.hover,i.focus],Qt=e=>{let{hover:t,focus:o,...a}=e;return rx("div",{...a,className:r(e.className,Dr,S(Dr,{hover:t,focus:o})),children:e.children})};Qt.states=nx;Qt.className=Dr;import{jsx as sx}from"react/jsx-runtime";var ix="k-card-subtitle",on=e=>{let{...t}=e;return sx("div",{...t,className:r(e.className,ix),children:e.children})};import{Fragment as Pl,jsx as an}from"react/jsx-runtime";var Bl="k-card-media",Hr=e=>{let{src:t,...o}=e;return an(Pl,{children:t?an("img",{...o,className:r(e.className,Bl),src:t}):an("span",{...o,className:r(e.className,Bl),children:an(Pl,{children:e.children})})})};import{Fragment as dx,jsx as Na,jsxs as cx}from"react/jsx-runtime";var lx="k-card-header",wt=e=>{let{title:t,subtitle:o,details:a,...n}=e;return cx("div",{...n,className:r(e.className,lx),children:[t&&Na(Qt,{children:t}),o&&Na(on,{children:o}),Na(dx,{children:e.children}),a&&Na("span",{className:"k-card-header-actions",children:Na(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as mx}from"react/jsx-runtime";var px="k-card-footer",zr=e=>{let{...t}=e;return mx("div",{...t,className:r(e.className,px),children:e.children})};import{Fragment as fx,jsx as ka,jsxs as bx}from"react/jsx-runtime";var ux="k-card-body",nt=e=>{let{title:t,subtitle:o,details:a,...n}=e;return bx("div",{...n,className:r(e.className,ux),children:[t&&ka(Qt,{children:t}),o&&ka(on,{children:o}),ka(fx,{children:e.children}),a&&ka("span",{className:"k-card-header-actions",children:ka(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as kx}from"react/jsx-runtime";var wl="k-card-deck",xx=[],hx={},Nx={},Fo=e=>{let{...t}=e;return kx("div",{...t,className:r(e.className,wl),children:e.children})};Fo.states=xx;Fo.options=hx;Fo.className=wl;Fo.defaultOptions=Nx;Fo.moduleName=Ge;Fo.folderName=et;import{jsx as Mx}from"react/jsx-runtime";var Rl="k-card-deck-scrollwrap",gx=[],vx={},Lx={},Uo=e=>{let{...t}=e;return Mx("div",{...t,className:r(e.className,Rl),children:e.children})};Uo.states=gx;Uo.options=vx;Uo.className=Rl;Uo.defaultOptions=Lx;Uo.moduleName=Ge;Uo.folderName=et;import{Fragment as Cx,jsx as Go,jsxs as Kl}from"react/jsx-runtime";var _l=e=>Go(ee,{orientation:"vertical",children:Kl(Cx,{children:[Go(wt,{children:"Card Header"}),Go(nt,{children:Go("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Kl(X,{className:"k-card-actions",children:[Go(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Go(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Sx,jsx as ga,jsxs as Dl}from"react/jsx-runtime";var Hl=e=>ga(ee,{orientation:"horizontal",children:Dl(Sx,{children:[ga(nt,{title:"Card Title",children:ga("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Dl(X,{orientation:"vertical",className:"k-card-actions",children:[ga(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),ga(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Lz,jsxs as Mz}from"react/jsx-runtime";import{jsx as Ae,jsxs as va}from"react/jsx-runtime";var Ix=ee.options,Tx=ee.states,zl={...ee.defaultOptions,variant:"vertical"},Ax=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],yx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...zl,...e},n=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(m=>{switch(m){case"media":{n=!!o?.[m];break}case"header":{s=!!o?.[m];break}case"footer":{l=!!o?.[m];break}}}),t==="horizontal"?va(Hl,{style:{maxWidth:"420px"},...a,children:[n&&Ae(Hr,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),va("div",{children:[s&&Ae(wt,{title:"Header Title",subtitle:"Header Subtitle"}),Ae(nt,{title:"Title",subtitle:"Subtitle",children:Ae("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Ae(zr,{children:"Card Footer"})]}),(s||l)&&Ae("span",{className:"k-separator k-separator-vertical"}),va(X,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):va(_l,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Ae(wt,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Ae(Hr,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ae(nt,{title:"Title",subtitle:"Subtitle",children:Ae("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Ae(zr,{children:"Card Footer"}),va(X,{className:"k-card-actions",children:[Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Vo.options=Ix;Vo.states=Tx;Vo.variants=Ax;Vo.defaultOptions=zl;Vo.modifiers=yx;Vo.className=ee.className;var Fr="panelbar",Fl=Fr;import{jsx as Px}from"react/jsx-runtime";var Ul="k-panelbar",Ex=[],Ox={},Bx={},fe=e=>{let{activeDescendant:t,...o}=e;return Px("ul",{...o,className:r(e.className,Ul),role:"tree","aria-activedescendant":t,children:e.children})};fe.states=Ex;fe.options=Ox;fe.className=Ul;fe.defaultOptions=Bx;fe.moduleName=Fr;fe.folderName=Fl;fe.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 Ur from"react";import{jsx as nn,jsxs as Gl}from"react/jsx-runtime";var Vl="k-panelbar-item",wx=[i.hover,i.focus,i.selected,i.disabled],Rx={},rn={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=rn.text,level:o=rn.level,expanded:a=rn.expanded,header:n,hover:s,focus:l,selected:m,disabled:b,icon:x,iconClass:h,ariaSelected:N,children:p,...M}=e,v=!!p;return Gl("li",{...M,className:r(e.className,Vl,{"k-panelbar-header":n,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":v?a?"true":"false":void 0,"aria-selected":N?"true":"false","aria-disabled":b?"true":void 0,children:[Gl("span",{className:r("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:m})),children:[x&&nn(L,{className:"k-panelbar-item-icon",icon:x}),h&&!x&&nn("span",{className:`k-panelbar-item-icon ${h}`}),nn("span",{className:"k-panelbar-item-text",children:t}),v&&nn(L,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&p,!a&&p&&Ur.Children.map(p,C=>Ur.isValidElement(C)?Ur.cloneElement(C,{"aria-hidden":"true",style:{display:"none"}}):C)]})};y.states=wx;y.options=Rx;y.className=Vl;y.defaultOptions=rn;import{jsx as Hx}from"react/jsx-runtime";var $l="k-panelbar-group",Kx=[],_x={},Dx={},we=e=>{let{ariaHidden:t,...o}=e;return Hx("ul",{...o,className:r(e.className,$l),role:"group","aria-hidden":t?"true":void 0,children:e.children})};we.states=Kx;we.options=_x;we.className=$l;we.defaultOptions=Dx;import{jsx as Gx}from"react/jsx-runtime";var Xl="k-panelbar-content",zx=[],Fx={},Ux={},ne=e=>{let{...t}=e;return Gx("div",{...t,className:r(e.className,Xl),children:e.children})};ne.states=zx;ne.options=Fx;ne.className=Xl;ne.defaultOptions=Ux;import{Fragment as Vx,jsx as Rt,jsxs as $x}from"react/jsx-runtime";var sn=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),n=T("pb-item");return Rt(fe,{children:$x(Vx,{children:[Rt(y,{header:!0,text:"Item 1",id:t,children:Rt(ne,{children:"content"})}),Rt(y,{header:!0,text:"Item 2",id:o,children:Rt(ne,{children:"content"})}),Rt(y,{header:!0,text:"Item 3",id:a,children:Rt(ne,{children:"content"})}),Rt(y,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as S5,jsx as C5,jsxs as I5}from"react/jsx-runtime";import{Fragment as Xx,jsx as ye,jsxs as Gr}from"react/jsx-runtime";var ql=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),n=T("pb-item"),s=T("pb-child"),l=T("pb-child"),m=T("pb-child"),b=T("pb-child"),x=T("pb-child"),h=T("pb-child"),N=T("pb-child");return ye(fe,{activeDescendant:o,children:Gr(Xx,{children:[ye(y,{header:!0,text:"Item 1",id:t,children:ye(ne,{children:"content"})}),ye(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:Gr(we,{children:[ye(y,{level:1,text:"Child 1",id:s}),ye(y,{level:1,expanded:!0,text:"Child 2",id:l,children:Gr(we,{children:[ye(y,{level:2,text:"Child 2.1",id:m}),ye(y,{level:2,text:"Child 2.2",id:b})]})}),ye(y,{level:1,text:"Child 3",id:x,children:ye(we,{children:ye(y,{level:2,text:"Child 3.1",id:h})})}),ye(y,{level:1,text:"Child 4",id:N})]})}),ye(y,{header:!0,text:"Item 3",id:a,children:ye(ne,{children:"content"})}),ye(y,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Wl,jsx as J,jsxs as ln}from"react/jsx-runtime";var qx=fe.options,Wx=fe.states,Jl={...fe.defaultOptions,variant:"normal"},Jx=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],Yx=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{n.icon=o?.[l]?s:void 0;break}case"disabled":n.disabled=!!o?.[l]}}),t==="expand"?J(Wl,{children:ln(ql,{style:{width:"300px"},...a,children:[J(y,{icon:n.icon?.gear,header:!0,text:"Item 1",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:ln(we,{children:[J(y,{level:1,text:"Child 1"}),J(y,{level:1,expanded:!0,text:"Child 2",children:ln(we,{children:[J(y,{level:2,text:"Child 2.1"}),J(y,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),J(y,{disabled:n.disabled,level:1,text:"Child 3",children:J(ne,{children:"content"})}),J(y,{level:1,text:"Child 4"})]})}),J(y,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):J(Wl,{children:ln(sn,{style:{width:"300px"},...a,children:[J(y,{icon:n.icon?.gear,header:!0,text:"Item 1",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.folder,header:!0,text:"Item 2",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};$o.options=qx;$o.states=Wx;$o.variants=Jx;$o.defaultOptions=Jl;$o.modifiers=Yx;$o.className=fe.className;var Vr="speech-to-text-button",Yl=Vr;import{jsx as Qx}from"react/jsx-runtime";var Ql="k-speech-to-text-button",Zl={icon:"microphone-outline"},Re=e=>{let{listening:t=!1,icon:o=Zl.icon,...a}=e;return Qx(d,{...a,icon:t?"stop-sm":o,className:r(e.className,Ql,{"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=Ql;Re.defaultOptions=Zl;Re.moduleName=Vr;Re.folderName=Yl;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 iF}from"react/jsx-runtime";import{jsx as cF}from"react/jsx-runtime";import{jsx as oh}from"react/jsx-runtime";var Zx=d.states,jl={...d.defaultOptions,variant:"normal"},jx={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},eh=[],th=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Xo=e=>{let{variant:t,...o}={...jl,...e},a={};return t==="listening"&&(a.listening=!0),oh(Re,{...o,...a})};Xo.options=jx;Xo.states=Zx;Xo.variants=th;Xo.defaultOptions=jl;Xo.modifiers=eh;Xo.className=Re.className;var $r="textarea",ed=$r;import{Fragment as td,jsx as La,jsxs as Xr}from"react/jsx-runtime";var od="k-textarea",ah=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],nh={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},Ne=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=qo.prefixSeparator,suffixSeparator:s=qo.prefixSeparator,affixesOrientation:l=qo.affixesOrientation,flow:m=qo.flow,resize:b=qo.resize,prefix:x,suffix:h,rows:N,value:p,placeholder:M,hover:v,focus:C,valid:E,invalid:I,required:w,disabled:$,id:ie,"aria-label":de,"aria-describedby":ce,...ke}=e;return Xr(q,{...ke,size:t,rounded:o,fillMode:a,hover:v,focus:C,valid:E,invalid:I,required:w,disabled:$,className:r(e.className,od,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&Xr(td,{children:[La(Oe,{className:r({"!k-align-items-start":m===l}),direction:l,children:x}),n&&La(Le,{direction:m==="horizontal"?"vertical":"horizontal"})]}),La(oa,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:p,placeholder:M,rows:N,disabled:$,id:ie,"aria-label":de,"aria-describedby":ce,"aria-invalid":I?"true":void 0}),h&&Xr(td,{children:[s&&La(Le,{direction:m==="horizontal"?"vertical":"horizontal"}),La(Be,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};Ne.states=ah;Ne.options=nh;Ne.className=od;Ne.defaultOptions=qo;Ne.moduleName=$r;Ne.folderName=ed;Ne.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 EF}from"react/jsx-runtime";import{Fragment as KF,jsx as RF}from"react/jsx-runtime";import{Fragment as UF,jsx as FF}from"react/jsx-runtime";import{jsx as XF}from"react/jsx-runtime";import{jsx as dn}from"react/jsx-runtime";var rh=Ne.options,ih=Ne.states,ad={...Ne.defaultOptions,variant:"vertical"},sh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...ad,...e},n={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?dn(L,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?dn(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?dn(Ne,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):dn(Ne,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};Wo.options=rh;Wo.states=ih;Wo.variants=sh;Wo.defaultOptions=ad;Wo.modifiers=lh;Wo.className=Ne.className;import{Fragment as nd,jsx as g,jsxs as re}from"react/jsx-runtime";var dh=ge.options,ch=ge.states,ph={...ge.defaultOptions,variant:"ask"},mh=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],uh=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],Zt=e=>{let{variant:t,modifiers:o,...a}={...e},n=g(nd,{children:re(at,{layout:"wrap",children:[g(pt,{text:"Post for work-life balance importance"}),g(pt,{text:"Out of office"})]})}),s={suggestions:n,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(z,{className:"k-prompt-popup",children:re(ge,{style:{width:"330px",height:"350px"},...a,children:[g(Sa,{children:re(F,{className:"k-toolbar-flat",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(te,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(pe,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(Ca,{children:g(Ia,{children:re(sn,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:re(we,{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:re(we,{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(z,{className:"k-prompt-popup",children:re(ge,{style:{width:"330px",height:"350px"},...a,children:[g(Sa,{children:re(F,{className:"k-toolbar-flat",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(te,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(pe,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),re(Ca,{children:[g(oo,{}),g(Ia,{children:re("div",{className:"k-card-list",children:[re(ee,{children:[g(wt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(nt,{children:re("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"]})}),re(X,{className:"k-card-actions",alignment:"start",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(te,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),re(ee,{children:[g(wt,{title:"Generated with AI",subtitle:"Out of Office"}),g(nt,{children:re("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]"]})}),re(X,{className:"k-card-actions",alignment:"start",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(te,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]})]})})]})]})});default:return g(z,{className:"k-prompt-popup",children:re(ge,{style:{width:"330px",height:"350px"},...a,children:[g(Sa,{children:re(F,{className:"k-toolbar-flat",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(te,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(pe,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(Ca,{children:re(Ia,{children:[g(Ne,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(nd,{children:s.stt?g(Re,{fillMode:"flat"}):null})}),g(mi,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),g(ti,{children:g(X,{className:"k-prompt-actions",alignment:"start",children:g(te,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};Zt.options=dh;Zt.states=ch;Zt.variants=mh;Zt.defaultOptions=ph;Zt.modifiers=uh;Zt.className=ge.className;var M9=Zt;export{Zt as PromptDemo,M9 as default};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:l,active:m,selected:b,disabled:x,indeterminate:h,loading:N,empty:p,readonly:M,highlighted:v,...C}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":h&&!l,"k-loading":N,"k-empty":p,"k-readonly":M,"k-highlighted":v},Object.keys(C).reduce((E,I)=>(I.startsWith("k-")?E[I]=C[I]:E[`k-${I}`]=C[I],E),{}))};function Jr(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"},k={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"},Yr={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var un={};function T(e){return un[e]=(un[e]||0)+1,`k-${e}-${un[e]}`}var fn="prompt",Qr=fn;import{Fragment as dd,jsx as Zr}from"react/jsx-runtime";var jr="k-prompt",id=[],sd={},ld={},ge=e=>{let{...t}=e;return Zr("div",{...t,className:r(e.className,jr),children:Zr(dd,{children:e.children})})};ge.states=id;ge.options=sd;ge.className=jr;ge.defaultOptions=ld;ge.moduleName=fn;ge.folderName=Qr;ge.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{Fragment as pd,jsx as ei}from"react/jsx-runtime";var cd="k-prompt-content",Ca=e=>{let{...t}=e;return ei("div",{...t,className:r(e.className,cd),children:ei(pd,{children:e.children})})};import{jsx as ud}from"react/jsx-runtime";var md="k-prompt-footer",ti=e=>{let{...t}=e;return ud("div",{...t,className:r(e.className,md),children:e.children})};import{jsx as bd}from"react/jsx-runtime";var fd="k-prompt-header",Sa=e=>{let{...t}=e;return bd("div",{...t,className:r(e.className,fd),children:e.children})};import{jsx as hd}from"react/jsx-runtime";var xd="k-prompt-view",Ia=e=>{let{...t}=e;return hd("div",{...t,className:r(e.className,xd),children:e.children})};import{Fragment as vd,jsx as oi}from"react/jsx-runtime";var bn="k-font-icon",Nd=[],kd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},gd={},Jo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?oi("span",{...l,className:r(e.className,bn,A(bn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):oi(vd,{})};Jo.states=Nd;Jo.options=kd;Jo.className=bn;Jo.defaultOptions=gd;var ai=Jo;import{Fragment as Cd,jsx as Ta}from"react/jsx-runtime";var xn="k-svg-icon",Ld=[],Md={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},ni={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=ni.viewBox,icon:l,...m}=e;if(!l)return Ta(Cd,{});if(l==="none")return Ta("span",{...m,className:r(e.className,xn,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Ta("span",{...m,className:r(e.className,xn,A("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ta("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})})};Yo.states=Ld;Yo.options=Md;Yo.className=xn;Yo.defaultOptions=ni;var hn=Yo;import*as Nn from"@progress/kendo-svg-icons";var ri="icon",ii="icons";import{useContext as Id}from"react";import{createContext as Sd}from"react";var si=Sd({iconsType:"svg"});import{Fragment as li,jsx as Qo}from"react/jsx-runtime";var Aa="k-icon",Td=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ad=[],yd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},kn={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=Id(si),{size:o,themeColor:a,icon:n,type:s=t||kn.type,rotate:l,flip:m,viewBox:b=kn.viewBox,...x}=e;if(!n)return Qo(li,{});if((t||s)==="svg"){if(n==="none")return Qo(hn,{...x,className:r(e.className,Aa),icon:n,size:o});let N=Nn[n]?n:Td(`${n}-icon`);return Nn[N]?Qo(hn,{...x,className:r(e.className,Aa),icon:Nn[N],size:o,themeColor:a,rotate:l,flip:m,viewBox:b}):Qo(li,{})}return Qo(ai,{...x,className:r(e.className,Aa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};L.states=Ad;L.options=yd;L.defaultOptions=kn;L.className=Aa;L.moduleName=ri;L.folderName=ii;L.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 gn="button",di=gn;import{Fragment as Pd,jsx as Zo,jsxs as ci}from"react/jsx-runtime";var jo="k-button",Ed=["icon-button"],Od=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Bd={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},vn={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=vn.showArrow,arrowIconName:m=vn.arrowIconName,variant:b,hover:x,focus:h,active:N,selected:p,disabled:M,togglable:v,ariaDisabled:C,icon:E,text:I,iconClassName:w,className:$,...ie}=e,de=E!==void 0,ce=e.children!==void 0;return ci(t,{className:r($,jo,Jr(jo,b),A(jo,{size:o,rounded:a,fillMode:n,themeColor:s}),S(jo,{hover:x,focus:h,active:N,disabled:M||C,selected:p}),{"k-icon-button":!I&&!ce&&de}),...ie,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":C?"true":void 0,disabled:M||void 0,children:[E&&Zo(L,{className:r(w,"k-button-icon"),icon:E}),I?ci(Pd,{children:[I&&Zo("span",{className:"k-button-text",children:I}),e.children]}):e.children&&Zo("span",{className:"k-button-text",children:e.children}),l&&Zo("span",{className:"k-menu-button-arrow k-button-arrow",children:Zo(L,{icon:m})})]})};d.states=Od;d.options=Bd;d.variants=Ed;d.className=jo;d.defaultOptions=vn;d.moduleName=gn;d.folderName=di;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 wd}from"react/jsx-runtime";var pe=e=>wd(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rd}from"react/jsx-runtime";var te=e=>Rd(d,{icon:"folder",children:"Button",...e});import{jsx as Kd}from"react/jsx-runtime";var _t=e=>Kd(d,{children:"Button",...e});import{jsx as Ln}from"react/jsx-runtime";var _d=d.options,Dd=d.states,Hd={...d.defaultOptions,variant:"text"},zd=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fd=[],jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ln(pe,{...o,icon:"star"});case"icon-and-text":return Ln(te,{...o,icon:"star",children:"Button"});default:return Ln(_t,{...o,children:"Button"})}};jt.options=_d;jt.states=Dd;jt.variants=zd;jt.defaultOptions=Hd;jt.modifiers=Fd;jt.className=d.className;import{jsx as pi,jsxs as Gd}from"react/jsx-runtime";var Ud="k-prompt-expander",mi=e=>{let{title:t,children:o,expanded:a,...n}=e,s=T("prompt-expander-content");return Gd("div",{...n,className:r(e.className,Ud),children:[pi(te,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&pi("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as ui,jsxs as Wd}from"react/jsx-runtime";var ya="k-fab",Xd=[i.hover,i.focus,i.active,i.selected,i.disabled],qd={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary]},fi={type:"button"},Y=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=fi.type,position:m,hover:b,focus:x,active:h,selected:N,disabled:p,...M}=e;return Wd("button",{...M,type:l,className:r(e.className,ya,A(ya,{size:t,rounded:o,themeColor:a}),S(ya,{hover:b,focus:x,active:h,disabled:p,selected:N}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...p&&{"aria-disabled":"true"},disabled:p||void 0,children:[s&&ui(L,{className:"k-fab-icon",icon:s}),n&&ui("span",{className:"k-fab-text",children:n})]})};Y.states=Xd;Y.options=qd;Y.className=ya;Y.defaultOptions=fi;Y.moduleName="fab";Y.folderName="fab";Y.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 Yd}from"react/jsx-runtime";var Jd="k-fab-items",bi=e=>{let{position:t,...o}=e;return Yd("ul",{...o,className:r(e.className,Jd,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as hi,jsxs as Zd}from"react/jsx-runtime";var xi="k-fab-item",Qd=[i.hover,i.focus,i.active,i.disabled],Mn=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...b}=e;return Zd("li",{...b,className:r(e.className,xi,{[`k-text-${a}`]:a},S(xi,{hover:n,focus:s,active:l,disabled:m})),children:[hi("span",{className:"k-fab-item-text",children:t}),hi(L,{className:"k-fab-item-icon",icon:o})]})};Mn.states=Qd;import{jsx as tk}from"react/jsx-runtime";import{jsx as rk}from"react/jsx-runtime";import{jsx as dk}from"react/jsx-runtime";import{jsx as uk}from"react/jsx-runtime";import{jsx as eo,jsxs as nc}from"react/jsx-runtime";var jd=Y.options,ec=Y.states,tc={...Y.defaultOptions,variant:"text"},oc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ac=[{name:"opened",title:"Opened"}],to=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},s=n?eo("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:eo(bi,{position:"bottom",children:eo(Mn,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=eo(Y,{...a,icon:"star"});break;case"icon-and-text":l=eo(Y,{...a,icon:"star",text:"Action"});break;default:l=eo(Y,{...a,text:"Action"});break}return nc("span",{style:{position:"relative"},children:[l,s]})};to.options=jd;to.states=ec;to.variants=oc;to.defaultOptions=tc;to.modifiers=ac;to.className=Y.className;import{jsx as rc}from"react/jsx-runtime";var Ni="k-prompt-stop-fab",ki={generating:!0},oo=e=>{let{generating:t=ki.generating,icon:o,...a}=e;return rc(Y,{...a,className:r(e.className,Ni,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};oo.states=d.states;oo.options=d.options;oo.className=Ni;oo.defaultOptions=ki;var Cn="action-buttons",gi=Cn;import{jsx as lc}from"react/jsx-runtime";var Ea="k-actions",ic=[],sc={},Sn={alignment:"start",orientation:"horizontal"},X=e=>{let{alignment:t=Sn.alignment,orientation:o=Sn.orientation,...a}=e;return lc("div",{...a,className:r(Ea,{[`${Ea}-${t}`]:t,[`${Ea}-${o}`]:o},e.className),children:e.children})};X.states=ic;X.options=sc;X.className=Ea;X.defaultOptions=Sn;X.moduleName=Cn;X.folderName=gi;var In="button",vi=In;import{jsx as mc}from"react/jsx-runtime";var ea="k-button-group",dc=[i.disabled],cc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},pc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return mc("div",{role:"group",...n,className:r(e.className,ea,A(ea,{fillMode:t}),S(ea,{disabled:o}),{[`${ea}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=dc;B.options=cc;B.className=ea;B.defaultOptions=pc;B.moduleName=In;B.folderName=vi;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 tg,jsx as eg,jsxs as og}from"react/jsx-runtime";import{Fragment as lg,jsx as sg,jsxs as dg}from"react/jsx-runtime";import{Fragment as bg,jsx as fg,jsxs as xg}from"react/jsx-runtime";import{Fragment as Lg,jsx as vg,jsxs as Mg}from"react/jsx-runtime";import{Fragment as yg,jsx as Ag,jsxs as Eg}from"react/jsx-runtime";import{Fragment as Kg,jsx as Rg,jsxs as _g}from"react/jsx-runtime";import{jsx as mt,jsxs as Tn}from"react/jsx-runtime";var uc={...d.options,...B.options},fc=d.states,bc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},xc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hc=[],ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Tn(B,{fillMode:a.fillMode,className:o,children:[mt(d,{...a,icon:"star"}),mt(d,{...a,icon:"star"}),mt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Tn(B,{fillMode:a.fillMode,className:o,children:[mt(d,{...a,icon:"star",children:"First"}),mt(d,{...a,icon:"star",children:"Middle"}),mt(d,{...a,icon:"star",children:"Last"})]}):Tn(B,{fillMode:a.fillMode,className:o,children:[mt(d,{...a,children:"First"}),mt(d,{...a,children:"Middle"}),mt(d,{...a,children:"Last"})]})};ao.options=uc;ao.states=fc;ao.variants=xc;ao.defaultOptions=bc;ao.modifiers=hc;ao.className=B.className;var ta="input",Oa=ta;import{jsx as vc}from"react/jsx-runtime";var Ba="k-input",Nc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kc={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]},gc={},q=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:x,fillMode:h,...N}=e;return vc("span",{...N,className:r(e.className,Ba,A(Ba,{size:b,rounded:x,fillMode:h}),S(Ba,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};q.states=Nc;q.options=kc;q.className=Ba;q.defaultOptions=gc;q.moduleName=ta;q.folderName=Oa;import{jsx as Sc}from"react/jsx-runtime";var Pa="k-picker",Lc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mc={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]},Cc={},rt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:x,fillMode:h,...N}=e;return Sc("span",{...N,className:r(e.className,Pa,A(Pa,{size:b,rounded:x,fillMode:h}),S(Pa,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m})),children:e.children})};rt.states=Lc;rt.options=Mc;rt.className=Pa;rt.defaultOptions=Cc;rt.moduleName=ta;rt.folderName=Oa;import{Fragment as Ac,jsx as An}from"react/jsx-runtime";var Li="k-clear-value",Ic=[i.disabled,i.loading,i.readonly],Tc={},Ke=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?An(Ac,{}):An("span",{className:r(e.className,Li),children:An(L,{icon:"x"})})};Ke.states=Ic;Ke.options=Tc;Ke.className=Li;import{jsx as Oc}from"react/jsx-runtime";var yn="k-input-inner",yc=[],Ec={},wa={type:"text",autocomplete:"off",value:"",placeholder:""},_e=e=>{let{value:t=wa.value,type:o=wa.type,placeholder:a=wa.placeholder,autocomplete:n=wa.autocomplete,disabled:s,readOnly:l,...m}=e;return Oc("input",{...m,type:o,className:r(e.className,yn,A(yn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};_e.states=yc;_e.options=Ec;_e.className=yn;import{jsx as Mi,jsxs as wc}from"react/jsx-runtime";var En="k-input-inner",Bc=[],Pc={},Dt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return wc("span",{...l,className:r(e.className,En,A(En,e)),children:[n,!n&&s&&Mi(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Mi("span",{className:"k-input-value-text",children:t})]})};Dt.states=Bc;Dt.options=Pc;Dt.className=En;import{jsx as _c}from"react/jsx-runtime";var On="k-input-inner",Rc=[],Kc={},Ci={value:"",placeholder:""},oa=e=>{let{value:t=Ci.value,placeholder:o=Ci.placeholder,rows:a,disabled:n,...s}=e;return _c("textarea",{...s,className:r(e.className,On,A(On,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};oa.states=Rc;oa.options=Kc;oa.className=On;import{Fragment as Hc,jsx as Si}from"react/jsx-runtime";var Ii="k-input-loading-icon",Dc=[i.disabled,i.loading],Ee=e=>{let{disabled:t,loading:o}=e;return t||!o?Si(Hc,{}):Si("span",{className:r(e.className,Ii,"k-icon k-i-loading")})};Ee.states=Dc;Ee.className=Ii;import{Fragment as Uc,jsx as Ti}from"react/jsx-runtime";var Ai="k-input-validation-icon",zc=[i.valid,i.invalid,i.disabled,i.loading],Fc={},ve=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?Ti(Uc,{}):Ti(L,{className:r(Ai),icon:s})};ve.states=zc;ve.options=Fc;ve.className=Ai;import{Fragment as $c,jsx as yi}from"react/jsx-runtime";var Gc="k-input-prefix",Vc={direction:"horizontal"},Oe=e=>{let{direction:t=Vc.direction,...o}=e;return e.children?yi("span",{...o,className:r(Gc,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):yi($c,{})};import{Fragment as Wc,jsx as Ei}from"react/jsx-runtime";var Xc="k-input-suffix",qc={direction:"horizontal"},Be=e=>{let{direction:t=qc.direction,...o}=e;return e.children?Ei("span",{...o,className:r(Xc,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ei(Wc,{})};import{jsx as _v}from"react/jsx-runtime";import{jsx as Yc}from"react/jsx-runtime";var Jc="k-input-suffix-text",Bn=e=>{let{children:t,...o}=e;return Yc("span",{...o,className:r(Jc,e.className),children:t})};import{jsx as Zc}from"react/jsx-runtime";var Oi="k-input-separator",Qc={direction:"vertical"},Le=e=>{let{direction:t=Qc.direction,...o}=e;return Zc("span",{...o,className:r(Oi,e.className,{[`${Oi}-${t}`]:t})})};import{Fragment as Bi,jsx as it,jsxs as Pn}from"react/jsx-runtime";var jc=q.states,ep=q.defaultOptions,tp=q.options,op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],ap=[],no=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...m}=e,b=t?.prefix,x=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],p=t?.separators;return Pn(q,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[b&&Pn(Bi,{children:[it(Oe,{children:it(L,{icon:"lock"})}),p&&it(Le,{})]}),it(_e,{placeholder:"Placeholder",value:"Value"}),N&&it(ve,{valid:o,invalid:a,loading:n,disabled:s}),it(Ee,{loading:n,disabled:s}),h&&it(Ke,{loading:n,disabled:s,readonly:l,value:"Value"}),x&&Pn(Bi,{children:[p&&it(Le,{}),it(Be,{children:it(_t,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};no.options=tp;no.states=jc;no.variants=ap;no.defaultOptions=ep;no.modifiers=op;no.className=q.className;import{jsx as Pi,jsxs as ip}from"react/jsx-runtime";var wi="k-color-preview",np=[],rp={},vt=e=>{let{color:t,iconName:o,...a}=e;return ip("span",{...a,className:r(e.className,wi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Pi(L,{icon:o,className:"k-color-preview-icon"}),Pi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};vt.states=np;vt.options=rp;vt.className=wi;var wn="popup",Ri=wn;import{jsx as Ki}from"react/jsx-runtime";var _i="k-animation-container",sp=[],lp={},Di={positionMode:"absolute"},st=e=>{let{positionMode:t=Di.positionMode,animationStyle:o,offset:a,...n}=e;return Ki("div",{...n,style:{...a,...e.style},className:r(e.className,_i,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ki("div",{className:"k-child-animation-container",style:o,children:e.children})})};st.states=sp;st.options=lp;st.className=_i;st.defaultOptions=Di;st.moduleName=wn;st.folderName=Ri;var Rn="popup",Hi=Rn;import{jsx as zi}from"react/jsx-runtime";var Fi="k-popup",dp=[],cp={},Ui={positionMode:"absolute"},z=e=>{let{offset:t,positionMode:o=Ui.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return zi(st,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:zi("div",{...m,className:r(e.className,Fi),children:e.children})})};z.states=dp;z.options=cp;z.className=Fi;z.defaultOptions=Ui;z.moduleName=Rn;z.folderName=Hi;z.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 mp}from"react/jsx-runtime";var pp="k-actionsheet-footer",Gi={alignment:"stretched",orientation:"horizontal"},Lt=e=>{let{alignment:t=Gi.alignment,orientation:o=Gi.orientation,template:a,as:n=a?"div":X,...s}=e;return mp(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,pp),children:e.children})};var Kn="searchbox",Vi=Kn;import{jsx as aa,jsxs as bp}from"react/jsx-runtime";var $i="k-searchbox",up=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],fp={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]},_n={showIcon:!0,icon:"search"},Ve=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:x,required:h,loading:N,disabled:p,showIcon:M=_n.showIcon,icon:v=_n.icon,"aria-label":C,...E}=e;return bp(q,{...E,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:x,required:h,loading:N,disabled:p,className:r(e.className,$i),children:[M&&aa(L,{className:"k-input-icon",icon:v}),aa(_e,{placeholder:o,value:t,"aria-label":C}),aa(Ee,{...e}),aa(ve,{...e}),aa(Ke,{...e})]})};Ve.states=up;Ve.options=fp;Ve.className=$i;Ve.defaultOptions=_n;Ve.moduleName=Kn;Ve.folderName=Vi;import{jsx as tM}from"react/jsx-runtime";var Dn="textbox",Xi=Dn;import{Fragment as qi,jsx as Mt,jsxs as Hn}from"react/jsx-runtime";var Wi="k-textbox",xp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],hp={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]},Ra={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ra.separators,showClearButton:s=Ra.showClearButton,showValidationIcon:l=Ra.showValidationIcon,prefix:m,suffix:b,type:x,value:h,placeholder:N,hover:p,focus:M,valid:v,invalid:C,required:E,loading:I,disabled:w,readonly:$,id:ie,"aria-label":de,"aria-describedby":ce,...ke}=e;return Hn(q,{...ke,size:t,rounded:o,fillMode:a,hover:p,focus:M,valid:v,invalid:C,required:E,loading:I,disabled:w,readonly:$,className:r(e.className,Wi),children:[m&&Hn(qi,{children:[Mt(Oe,{children:m}),n&&Mt(Le,{})]}),Mt(_e,{id:ie,placeholder:N,value:h,type:x,disabled:w,"aria-label":de,"aria-describedby":ce,"aria-invalid":C?"true":void 0}),l&&Mt(ve,{valid:v,invalid:C,loading:I,disabled:w}),Mt(Ee,{loading:I,disabled:w}),s&&Mt(Ke,{loading:I,disabled:w,readonly:$,value:h}),b&&Hn(qi,{children:[n&&Mt(Le,{}),Mt(Be,{children:b})]})]})};me.states=xp;me.options=hp;me.className=Wi;me.defaultOptions=Ra;me.moduleName=Dn;me.folderName=Xi;me.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 na=me;import{jsx as Np}from"react/jsx-runtime";var Ji=e=>Np(na,{...e});import{Fragment as kM,jsx as NM}from"react/jsx-runtime";import{Fragment as SM,jsx as CM}from"react/jsx-runtime";import{jsx as yM}from"react/jsx-runtime";import{jsx as zn}from"react/jsx-runtime";var kp=me.states,gp=me.defaultOptions,vp=me.options,Lp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Mp=[],ro=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?zn(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?zn(_t,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),zn(Ji,{value:"Value",style:{width:300},...o,...a})};ro.options=vp;ro.states=kp;ro.variants=Mp;ro.defaultOptions=gp;ro.modifiers=Lp;ro.className=me.className;import{jsx as Ct,jsxs as Fn}from"react/jsx-runtime";var Yi="k-actionsheet-titlebar",Cp={},Me=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:b,adaptive:x,titleId:h,children:N,...p}=e;return Fn("div",{...p,className:r(e.className,Yi),children:[Fn("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ct("div",{className:"k-actionsheet-actions",children:a}),!N&&Fn("div",{className:"k-actionsheet-title",id:h,children:[t&&Ct("div",{className:"k-text-center",children:t}),o&&Ct("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Ct("div",{className:"k-actionsheet-title",id:h,children:N}),n&&Ct("div",{className:"k-actionsheet-actions",children:n})]}),(l||s)&&Ct("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Ct(me,{value:m,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):Ct(Ve,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Me.className=Yi;Me.defaultOptions=Cp;import{jsx as Un,jsxs as Ap}from"react/jsx-runtime";var Gn="k-actionsheet-view",Sp=[],Ip={},Tp={},io=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,b=n?.type===Me&&Un(Me,{adaptive:t,titleId:l,...n?.props}),x=s?.type===Lt&&Un(Lt,{...s?.props});return Ap("div",{...m,className:r(e.className,Gn,{[`${Gn}-animated`]:o}),children:[b,Un("div",{className:"k-actionsheet-content",children:a}),x]})};io.states=Sp;io.options=Ip;io.className=Gn;io.defaultOptions=Tp;var ra="action-sheet",Ka=ra;var Vn="overlay",Qi=Vn;import{jsx as Bp}from"react/jsx-runtime";var Zi="k-overlay",yp=[],Ep={},Op={},St=e=>{let{...t}=e;return Bp("div",{...t,className:r(e.className,Zi),children:e.children})};St.states=yp;St.options=Ep;St.className=Zi;St.defaultOptions=Op;St.moduleName=Vn;St.folderName=Qi;import{jsx as _a,jsxs as Rp}from"react/jsx-runtime";var ji="k-actionsheet",Pp=[],wp={},ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=ia.side,fullscreen:o=ia.fullscreen,adaptive:a=ia.adaptive,overlay:n=ia.overlay,template:s,children:l,header:m,footer:b,id:x,...h}=e,N=x&&!s&&m?`${x}-title`:void 0;return Rp("div",{className:"k-actionsheet-container",children:[n&&_a(St,{}),_a(st,{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:_a("div",{...h,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,ji,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||_a(io,{header:m,footer:b,adaptive:a,titleId:N,...e,children:l})})})]})};Q.states=Pp;Q.options=wp;Q.className=ji;Q.defaultOptions=ia;Q.moduleName=ra;Q.folderName=Ka;Q.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 Hp}from"react/jsx-runtime";var es="k-actionsheet-container",Kp=[],_p={},Dp={},so=e=>{let{children:t,...o}=e;return Hp("div",{...o,className:es,children:t})};so.states=Kp;so.options=_p;so.className=es;so.defaultOptions=Dp;so.moduleName=ra;so.folderName=Ka;import{jsx as zp}from"react/jsx-runtime";var $n=e=>{let{...t}=e;return zp("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Up,jsx as sa,jsxs as Xn}from"react/jsx-runtime";var qn="k-actionsheet-item",Fp=[i.hover,i.focus,i.selected,i.disabled],It=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:m,...b}=e;return Xn("span",{...b,className:r(e.className,qn,S(qn,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&sa(Up,{children:Xn("span",{className:"k-actionsheet-action",children:[t&&sa("span",{className:"k-icon-wrap",children:sa(L,{className:"k-actionsheet-item-icon",icon:t})}),Xn("span",{className:"k-actionsheet-item-text",children:[o&&sa("span",{className:"k-actionsheet-item-title",children:o}),a&&sa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};It.states=Fp;It.className=qn;import{jsx as AC,jsxs as yC}from"react/jsx-runtime";import{jsx as PC}from"react/jsx-runtime";import{jsx as _C}from"react/jsx-runtime";import{jsx as FC}from"react/jsx-runtime";import{jsx as ue,jsxs as Wn}from"react/jsx-runtime";var Gp=Q.options,Vp=Q.states,os={...Q.defaultOptions,variant:"normal"},$p=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Xp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],lo=e=>{let{variant:t,modifiers:o,...a}={...os,...e},n={},s=Wn($n,{children:[ue(It,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ue(It,{text:"Add to Favorites",iconName:"heart"}),ue(It,{text:"Upload New",iconName:"upload",disabled:!0}),ue("hr",{className:"k-hr"}),ue(It,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?l:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?ue(Q,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ue(Me,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Wn(Lt,{alignment:"stretched",children:[ue(d,{text:"Cancel",size:"large",themeColor:"base"}),ue(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ue(Q,{...a,fullscreen:n.fullScreen,header:ue(Me,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Wn(Lt,{alignment:"stretched",children:[ue(d,{text:"Apply",themeColor:"primary"}),ue(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};lo.options=Gp;lo.states=Vp;lo.variants=$p;lo.defaultOptions=os;lo.modifiers=Xp;lo.className=Q.className;var Jn="slider",as=Jn;import{jsx as co,jsxs as Yn}from"react/jsx-runtime";var la="k-slider",qp=[i.hover,i.focus,i.active,i.disabled,i.readonly],Wp={},$e={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=$e.type,orientation:o=$e.orientation,gradientType:a=$e.gradientType,readonly:n=$e.readonly,disabled:s=$e.disabled,handlePosition:l=$e.handlePosition,showButtons:m=$e.showButtons,showTicks:b=$e.showTicks,value:x=$e.value,min:h=$e.min,max:N=$e.max,startValue:p,endValue:M,hover:v,focus:C,active:E,trackStyle:I,dir:w,...$}=e,de=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ce,ke;return o==="horizontal"?(ce=w==="rtl"?"chevron-left":"chevron-right",ke=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ce="chevron-up",ke="chevron-down"),Yn("div",{...$,className:r(la,e.className,S(la,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[m&&co(d,{className:"k-button-decrease",rounded:"full",icon:ke,tabIndex:-1,title:"Decrease"}),Yn("div",{className:"k-slider-track-wrap",children:[b&&co("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Yn("div",{className:"k-slider-track",style:I,children:[co("div",{className:"k-slider-selection"}),t==="range"&&co("span",{className:r("k-draghandle","k-draghandle-start",S(la,{hover:v,focus:C,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??h,"aria-valuemin":h,"aria-valuemax":M??N,"aria-orientation":de,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),co("span",{className:r("k-draghandle",`k-draghandle-${l}`,S(la,{hover:v,focus:C,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??N:x,"aria-valuemin":t==="range"?p??h:h,"aria-valuemax":N,"aria-orientation":de,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),m&&co(d,{className:"k-button-increase",rounded:"full",icon:ce,tabIndex:-1,title:"Increase"})]})};V.states=qp;V.options=Wp;V.className=la;V.defaultOptions=$e;V.moduleName=Jn;V.folderName=as;V.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 ns}from"react/jsx-runtime";var rs="k-tick",Jp=[],Yp={},is={label:!1},O=e=>{let{style:t,label:o=is.label,orientation:a,large:n,text:s,...l}=e;return ns("li",{...l,role:"presentation",title:s||"Tick",className:r(e.className,rs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&ns("span",{className:"k-label",children:s})})};O.states=Jp;O.options=Yp;O.className=rs;O.defaultOptions=is;import{Fragment as Qp,jsx as Xe,jsxs as Zp}from"react/jsx-runtime";var ss=e=>Xe(V,{"aria-label":e["aria-label"]||"Slider",children:Zp(Qp,{children:[Xe(O,{className:"k-first",label:!0,large:!0,text:"0"}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{label:!0,large:!0,text:"5"}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{}),Xe(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as jp,jsx as qe,jsxs as em}from"react/jsx-runtime";var ls=e=>qe(V,{children:em(jp,{children:[qe(O,{className:"k-first",label:!0,large:!0,text:"0"}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{label:!0,large:!0,text:"5"}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{}),qe(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as yS,jsx as AS,jsxs as ES}from"react/jsx-runtime";import{Fragment as RS,jsx as wS,jsxs as KS}from"react/jsx-runtime";import{jsx as tm}from"react/jsx-runtime";var Qn=e=>tm(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as om}from"react/jsx-runtime";var Zn=e=>om(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as qS,jsx as XS,jsxs as WS}from"react/jsx-runtime";import{Fragment as jS,jsx as ZS,jsxs as eI}from"react/jsx-runtime";import{jsx as lt,jsxs as ds}from"react/jsx-runtime";var am=V.options,nm=V.states,cs={...V.defaultOptions,variant:"horizontal",label:!0},rm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],im=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],po=e=>{let{variant:t,modifiers:o,...a}={...cs,...e},n={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{n.showButtons=!!o?.[x];break}case"label":{n.label=!!o?.[x];break}case"tick":{n.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:m}=n,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ds(ls,{showTicks:m,showButtons:l,style:{height:"300px",...b},...a,children:[lt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ds(ss,{showTicks:m,showButtons:l,style:{width:"400px",...b},...a,children:[lt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};po.options=am;po.states=nm;po.variants=rm;po.defaultOptions=cs;po.modifiers=im;po.className=V.className;import{jsx as ps,jsxs as pm}from"react/jsx-runtime";var ms="k-spin-button",dm=[],cm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},jn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Tt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=jn.increaseLabel,decreaseLabel:s=jn.decreaseLabel,...l}=e;return pm("span",{...l,className:r(ms,e.className),children:[ps(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),ps(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Tt.states=dm;Tt.options=cm;Tt.className=ms;Tt.defaultOptions=jn;Tt.moduleName=null;Tt.folderName=null;var us="numeric-textbox",fs="numerictextbox";import{Fragment as bs,jsx as ut,jsxs as er}from"react/jsx-runtime";var xs="k-numerictextbox",mm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],um={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]},Da={showSpinButton:!0,showClearButton:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Da.separators,showClearButton:s=Da.showClearButton,showSpinButton:l=Da.showSpinButton,prefix:m,suffix:b,value:x,placeholder:h,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,id:$,"aria-label":ie,"aria-describedby":de,...ce}=e;return er(q,{...ce,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,className:r(e.className,xs),children:[m&&er(bs,{children:[ut(Oe,{children:m}),n&&ut(Le,{})]}),ut(_e,{id:$,placeholder:h,value:x,role:"spinbutton",disabled:I,"aria-label":ie,"aria-describedby":de,"aria-invalid":v?"true":void 0}),ut(ve,{valid:M,invalid:v,loading:E,disabled:I}),ut(Ee,{loading:E,disabled:I}),s&&ut(Ke,{loading:E,disabled:I,readonly:w,value:x}),b&&er(bs,{children:[n&&ut(Le,{}),ut(Be,{children:b})]}),l&&ut(Tt,{className:"k-input-spinner",size:t,fillMode:a,disabled:I})]})};H.states=mm;H.options=um;H.className=xs;H.defaultOptions=Da;H.moduleName=us;H.folderName=fs;H.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 da=H;import{jsx as fm}from"react/jsx-runtime";var hs=e=>fm(da,{...e});import or from"react";import{jsx as Ns}from"react/jsx-runtime";var bm="k-list-group-sticky-header",tr=e=>Ns("div",{className:r(bm,e.className),children:Ns("div",{className:"k-list-header-text",children:e.children})});import{jsx as hm}from"react/jsx-runtime";var xm="k-no-data",Ha=e=>{let{live:t,...o}=e;return hm("span",{...o,className:r(xm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",mo=Ht;import{jsx as ks,jsxs as gs}from"react/jsx-runtime";var ar="k-list",Nm=[],km={size:[c.undefined,c.small,c.medium,c.large]},gm={},_=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:l,noData:m,screenReaders:b,...x}=e,N=or.Children.toArray(a)[0],p=N?.props?.children?or.Children.count(N.props.children):or.Children.count(a);return gs("div",{...x,className:r(e.className,ar,A(ar,{size:t}),{"k-virtual-list":o}),children:[s,l,n&&ks(tr,{children:n}),a||(m!==void 0?m:ks(Ha,{live:!0,children:"No data found."})),b&&a&&gs(Ha,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};_.states=Nm;_.options=km;_.className=ar;_.defaultOptions=gm;_.moduleName=Ht;_.folderName=mo;_.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 Cm}from"react/jsx-runtime";var vs="k-list-container",vm=[],Lm={},Mm={},uo=e=>{let{...t}=e;return Cm("div",{...t,className:r(e.className,vs),children:e.children})};uo.states=vm;uo.options=Lm;uo.className=vs;uo.defaultOptions=Mm;uo.moduleName=Ht;uo.folderName=mo;var zt="checkbox",fo=zt;import{jsx as Ls}from"react/jsx-runtime";var za="k-checkbox",Sm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Im={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},Tm={},We=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:l,invalid:m,valid:b,required:x,size:h,rounded:N,wrapperRole:p,...M}=e;return Ls("span",{className:"k-checkbox-wrap",role:p,children:Ls("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,za,A(za,{size:h,rounded:N}),S(za,{hover:n,focus:s,disabled:l,invalid:m,valid:b,indeterminate:a,checked:o}))})})};We.states=Sm;We.options=Im;We.className=za;We.defaultOptions=Tm;We.moduleName=zt;We.folderName=fo;We.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 tt=We;import{jsx as Em}from"react/jsx-runtime";var Ms="k-checkbox-list",Am=[],ym={},Cs={layout:"vertical"},Ce=e=>{let{layout:t=Cs.layout,...o}=e;return Em("ul",{...o,className:r(e.className,Ms,{[`k-list-${t}`]:t}),children:e.children})};Ce.states=Am;Ce.options=ym;Ce.className=Ms;Ce.defaultOptions=Cs;Ce.moduleName=zt;Ce.folderName=fo;import{jsx as wm}from"react/jsx-runtime";var Ss="k-checkbox-list-item",Om=[],Bm={},Pm={},Se=e=>{let{...t}=e;return wm("li",{...t,className:r(e.className,Ss),children:e.children})};Se.states=Om;Se.options=Bm;Se.className=Ss;Se.defaultOptions=Pm;Se.moduleName=zt;Se.folderName=fo;import{Fragment as Rm,jsx as Is,jsxs as Km}from"react/jsx-runtime";var ft=({children:e="Label",id:t="cb-label-after",...o})=>Km(Rm,{children:[Is(tt,{id:t,...o}),Is("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as CT,jsx as MT,jsxs as ST}from"react/jsx-runtime";import{Fragment as ET,jsx as yT,jsxs as OT}from"react/jsx-runtime";import{Fragment as KT,jsx as RT,jsxs as _T}from"react/jsx-runtime";import{jsx as FT}from"react/jsx-runtime";import{jsx as $T}from"react/jsx-runtime";import{jsx as JT}from"react/jsx-runtime";import{jsx as Je,jsxs as Ts}from"react/jsx-runtime";var _m=Ce.options,Dm=Ce.states,Hm={...Ce.defaultOptions,variant:"vertical"},zm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Fm=[],bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ts(Ce,{layout:"horizontal",...o,children:[Je(Se,{children:Je(ft,{id:T("cb"),defaultChecked:!0,children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})})]}):Ts(Ce,{...o,children:[Je(Se,{children:Je(ft,{id:T("cb"),defaultChecked:!0,children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})}),Je(Se,{children:Je(ft,{id:T("cb"),children:"Label"})})]})};bo.options=_m;bo.states=Dm;bo.variants=zm;bo.defaultOptions=Hm;bo.modifiers=Fm;bo.className=Ce.className;import{jsx as qm}from"react/jsx-runtime";var Um=tt.options,Gm=tt.states,Vm=tt.defaultOptions,$m=[],Xm=[],xo=e=>qm(ft,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});xo.options=Um;xo.states=Gm;xo.variants=$m;xo.defaultOptions=Vm;xo.modifiers=Xm;xo.className=tt.className;import{jsx as Ft,jsxs as Qm}from"react/jsx-runtime";var nr="k-list-item",Wm=[i.hover,i.focus,i.selected,i.disabled],Jm={},Ym={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:l,checked:m,hover:b,focus:x,selected:h,disabled:N,actions:p,description:M,id:v,...C}=e,E=t||e.children;return Qm("li",{...C,id:v,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&h?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:r(e.className,a?"k-list-group-item":nr,S(nr,{hover:b,focus:x,disabled:N,selected:h})),children:[l&&Ft(We,{checked:m}),n&&Ft("span",{className:"k-list-item-icon-wrapper",children:Ft(L,{icon:n,className:r("k-list-item-icon",s)})}),Ft("span",{className:"k-list-item-text",children:E}),p&&Ft("div",{className:"k-list-item-actions",children:p}),M&&Ft("span",{className:"k-list-item-description",children:M}),o&&o!==""&&Ft("div",{className:"k-list-item-group-label",children:o})]})};P.states=Wm;P.options=Jm;P.className=nr;P.defaultOptions=Ym;P.moduleName=Ht;P.folderName=mo;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 jm}from"react/jsx-runtime";var Zm="k-list-ul",bt=e=>{let{children:t,role:o,id:a,...n}=e;return jm("ul",{...n,id:a,role:o,className:r(Zm,e.className),children:t})};bt.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 rr,jsxs as tu}from"react/jsx-runtime";var eu="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...l}=e;return tu("div",{...l,className:r(eu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:rr(bt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&rr("div",{className:"k-height-container",children:rr("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as HA,jsx as DA,jsxs as zA}from"react/jsx-runtime";import{jsx as ir,jsxs as au}from"react/jsx-runtime";var ou="k-list-group-item",Ut=e=>{let{groupIconName:t,...o}=e;return au("li",{...o,role:"presentation",className:r(ou,e.className),children:[t&&ir("span",{className:"k-list-item-icon-wrapper",children:ir(L,{icon:t,className:"k-list-item-icon"})}),ir("span",{className:"k-list-item-text",children:e.children})]})};Ut.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 su}from"react/jsx-runtime";var sr="k-list-optionlabel",nu=[i.hover,i.focus,i.selected,i.disabled],ru={},iu={},Fa=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return su("div",{...l,className:r(sr,S(sr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Fa.states=nu;Fa.options=ru;Fa.className=sr;Fa.defaultOptions=iu;import{jsx as pu}from"react/jsx-runtime";var lr="k-list-custom-value",lu=[i.hover,i.focus,i.selected,i.disabled],du={},cu={},At=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return pu("div",{...l,className:r(lr,S(lr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};At.states=lu;At.options=du;At.className=lr;At.defaultOptions=cu;import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as dy,jsx as ly,jsxs as cy}from"react/jsx-runtime";import{Fragment as hy,jsx as by,jsxs as xy}from"react/jsx-runtime";import{Fragment as Cy,jsx as Ly,jsxs as My}from"react/jsx-runtime";import{jsx as Ay}from"react/jsx-runtime";import{Fragment as wy,jsx as Py,jsxs as Ry}from"react/jsx-runtime";var As="dropdown-list",ys="dropdownlist";import{Fragment as fu,jsx as Ie,jsxs as dr}from"react/jsx-runtime";var Es="k-dropdownlist",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],uu={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]},cr={showValue:!0,arrowIconName:"chevron-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=cr.arrowIconName,showValue:s=cr.showValue,valueIconName:l,prefix:m,suffix:b,value:x,placeholder:h,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,popup:$,opened:ie,adaptive:de,adaptiveSettings:ce,adaptiveTitle:ke,adaptiveSubtitle:Kt,adaptiveFilter:cn,id:gt,activeDescendant:Ma,"aria-label":pn,...mn}=e,rd=gt?`${gt}-listbox`:void 0,Wr=gt?`${gt}-value`:void 0;return dr(fu,{children:[dr(rt,{...mn,id:gt,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:M,invalid:v,required:C,loading:E,disabled:I,readonly:w,className:r(e.className,Es,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ie?"true":"false","aria-controls":ie?rd:void 0,"aria-activedescendant":ie&&Ma?Ma:void 0,"aria-describedby":ie?Wr:void 0,"aria-disabled":I?"true":void 0,"aria-label":pn,tabIndex:0,children:[Ie(Oe,{children:m}),Ie(Dt,{placeholder:h,value:x,showValue:s,valueIconName:l,id:Wr}),Ie(ve,{valid:M,invalid:v,loading:E,disabled:I}),Ie(Ee,{loading:E,disabled:I}),Ie(Be,{children:b}),Ie(d,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h||"Toggle dropdown",tabIndex:-1})]}),ie&&$&&Ie(z,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),de&&Ie(Q,{adaptive:!0,...ce,header:Ie(Me,{actionsEnd:Ie(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:cn,inputValue:x,inputPlaceholder:h,title:ke,subtitle:Kt}),children:Ie("div",{className:"k-list-container",children:Ie(_,{size:"large",children:dr(U,{"aria-label":"Options",children:[Ie(P,{text:"List item"}),Ie(P,{text:"List item"}),Ie(P,{text:"List item"})]})})})})]})};oe.states=mu;oe.options=uu;oe.className=Es;oe.defaultOptions=cr;oe.moduleName=As;oe.folderName=ys;oe.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 fE}from"react/jsx-runtime";import{jsx as gE,jsxs as vE}from"react/jsx-runtime";import{Fragment as EE,jsx as AE,jsxs as yE}from"react/jsx-runtime";import{jsx as RE}from"react/jsx-runtime";import{jsx as FE,jsxs as UE}from"react/jsx-runtime";import{Fragment as QE,jsx as JE,jsxs as YE}from"react/jsx-runtime";import{jsx as oO}from"react/jsx-runtime";import{Fragment as gu,jsx as yt,jsxs as Os}from"react/jsx-runtime";var bu=oe.states,xu=oe.defaultOptions,hu=oe.options,Nu=[{name:"opened",title:"Opened"}],ku=[],No=e=>{let{modifiers:t,...o}=e,a={},n=Os(gu,{children:[yt("div",{className:"k-list-filter",children:yt(Ve,{})}),yt(_,{style:{width:300},size:o.size,children:Os(U,{children:[yt(P,{children:"List item"}),yt(P,{children:"List item"}),yt(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),yt("div",{children:yt(oe,{placeholder:"Value",style:{width:300},...o,...a})})};No.options=hu;No.states=bu;No.variants=ku;No.defaultOptions=xu;No.modifiers=Nu;No.className=oe.className;import{Fragment as CO,jsx as MO}from"react/jsx-runtime";import{Fragment as EO,jsx as yO}from"react/jsx-runtime";import{jsx as wO}from"react/jsx-runtime";import{jsx as pr}from"react/jsx-runtime";var vu=H.states,Lu=H.defaultOptions,Mu=H.options,Cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Su=[],ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?pr(oe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?pr(Bn,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),pr(hs,{value:"Value",style:{width:300},...o,...a})};ko.options=Mu;ko.states=vu;ko.variants=Su;ko.defaultOptions=Lu;ko.modifiers=Cu;ko.className=H.className;import{Fragment as ca,jsx as R,jsxs as j}from"react/jsx-runtime";var Bs="k-colorgradient-inputs",Iu=[],Tu={size:[c.undefined,c.small,c.medium,c.large]},Ps={mode:"rgba"},go=e=>{let{mode:t=Ps.mode,size:o,...a}=e;return j("div",{...a,className:r(Bs,"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"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&j(ca,{children:[j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),j("div",{className:"k-vstack",children:[R(H,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(ca,{children:j("div",{className:"k-vstack k-flex-1",children:[R(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};go.states=Iu;go.options=Tu;go.className=Bs;go.defaultOptions=Ps;import{jsx as Gt,jsxs as Vt}from"react/jsx-runtime";var ws="k-colorgradient-color-contrast",Au=[],yu={},Eu={},vo=()=>Vt("div",{className:r(ws,"k-vbox"),children:[Vt("div",{className:"k-contrast-ratio",children:[Gt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Vt("span",{className:"k-contrast-validation !k-text-success",children:[Gt(L,{icon:"check"}),Gt(L,{icon:"check"})]})]}),Vt("div",{children:[Gt("span",{children:"AA: 4.5"}),Vt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Gt(L,{icon:"check"})]})]}),Vt("div",{children:[Gt("span",{children:"AAA: 7.0"}),Vt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Gt(L,{icon:"x"})]})]})]});vo.states=Au;vo.options=yu;vo.className=ws;vo.defaultOptions=Eu;var Rs="color-gradient",Ks="colorgradient";import{jsx as Ye,jsxs as pa}from"react/jsx-runtime";var Ua="k-colorgradient",Ou=[i.hover,i.focus,i.readonly,i.disabled],Bu={size:[c.undefined,c.small,c.medium,c.large]},dt={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"},se=e=>{let{size:t,mode:o=dt.mode,readonly:a=dt.readonly,disabled:n=dt.disabled,gradientStyle:s=dt.gradientStyle,dragHandleStyle:l=dt.dragHandleStyle,alphaStyle:m=dt.alphaStyle,alphaStyleHorizontal:b=dt.alphaStyleHorizontal,contrast:x=dt.contrast,dir:h,hover:N,focus:p,hoverHandle:M,focusHandle:v,canvasOrientation:C=dt.canvasOrientation,role:E,tabIndex:I,...w}=e;return pa("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:I??0,"aria-disabled":n?"true":void 0,className:r(e.className,Ua,A(Ua,{size:t}),S(Ua,{hover:N,focus:p,readonly:a,disabled:n})),dir:h,children:[!C||C==="horizontal"&&pa("div",{className:"k-colorgradient-canvas k-hstack",children:[Ye("div",{className:"k-hsv-rectangle",style:s,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),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})})}),pa("div",{className:"k-hsv-controls k-hstack",children:[Ye(Zn,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&Ye(Zn,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:m})]})]}),C==="vertical"&&pa("div",{className:"k-colorgradient-canvas k-vstack",children:[Ye("div",{className:"k-hsv-rectangle",style:s,children:Ye("div",{className:"k-hsv-gradient",children:Ye("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),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})})}),pa("div",{className:"k-hsv-controls k-vstack",children:[Ye(Qn,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&Ye(Qn,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:b})]})]}),Ye(go,{mode:e.mode,size:t}),x&&Ye(vo,{})]})};se.states=Ou;se.options=Bu;se.className=Ua;se.defaultOptions=dt;se.moduleName=Rs;se.folderName=Ks;se.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 Pu}from"react/jsx-runtime";var Ga=e=>Pu(se,{...e});import{jsx as kB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var wu=se.options,Ru=se.states,Ku={...se.defaultOptions,variant:"rgba"},_u=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Du=[],Lo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return mr(Ga,{...o,mode:t});case"rgb":return mr(Ga,{...o,mode:t});default:return mr(Ga,{...o,mode:t})}};Lo.options=wu;Lo.states=Ru;Lo.variants=_u;Lo.defaultOptions=Ku;Lo.modifiers=Du;Lo.className=se.className;import{jsx as Hu}from"react/jsx-runtime";var ur=e=>Hu("tr",{role:"row",children:e.children});import{jsx as Uu}from"react/jsx-runtime";var fr="k-colorpalette-tile",zu=[i.hover,i.focus,i.selected],Fu={},Mo=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Uu("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,fr,S(fr,{hover:a,focus:n,selected:s})),style:m})};Mo.states=zu;Mo.options=Fu;Mo.className=fr;var _s="color-palette",Ds="colorpalette";import{jsx as ma}from"react/jsx-runtime";var Va="k-colorpalette",Gu=[i.disabled],Vu={size:[c.undefined,c.small,c.medium,c.large]},Hs={columns:10},Te=e=>{let{size:t,palette:o,columns:a=Hs.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(h,N)=>{let p=[];x.slice(N*b,(N+1)*b).map((v,C)=>{p.push(ma(Mo,{color:v,tileSize:n},C))});let M=ma(ur,{children:p},N);m.push(M)})}return ma("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Va,S(Va,{disabled:s}),A(Va,{size:t})),children:ma("table",{className:"k-colorpalette-table",role:"none",children:ma("tbody",{children:m.length>0?m:e.children})})})};Te.states=Gu;Te.options=Vu;Te.className=Va;Te.defaultOptions=Hs;Te.moduleName=_s;Te.folderName=Ds;Te.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 $a=Te;var ua={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 $u}from"react/jsx-runtime";var zs=e=>$u($a,{palette:ua.basic,...e});import{jsx as nP}from"react/jsx-runtime";import{jsx as cP,jsxs as pP}from"react/jsx-runtime";import{jsx as Zu}from"react/jsx-runtime";var Xu=Te.options,qu=Te.states,Wu={...Te.defaultOptions,variant:"basic"},Ju=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Yu={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}},Qu=[],Co=e=>{let{variant:t="basic",...o}=e,a=Yu[t];return Zu(zs,{columns:a.columns,palette:a,...o})};Co.options=Xu;Co.states=qu;Co.variants=Ju;Co.defaultOptions=Wu;Co.modifiers=Qu;Co.className=Te.className;var Fs="color-editor",Us="coloreditor";import{jsx as Qe,jsxs as So}from"react/jsx-runtime";var Xa="k-coloreditor",ju=[i.focus],ef={size:[c.undefined,c.small,c.medium,c.large]},fa={view:"gradient",palette:ua.office,actionButtons:!0,canvasOrientation:"horizontal"},Z=e=>{let{size:t,view:o=fa.view,palette:a=fa.palette,color:n,currentColor:s,focus:l,focusView:m,dir:b,group:x,actionButtons:h=fa.actionButtons,canvasOrientation:N=fa.canvasOrientation,...p}=e;return So("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Xa,A(Xa,{size:t}),S(Xa,{focus:l})),dir:b,children:[So("div",{className:"k-coloreditor-header k-hstack",children:[Qe("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&So(B,{fillMode:"flat",children:[Qe(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Qe(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Qe("div",{className:"k-spacer"}),So("div",{className:"k-coloreditor-header-actions k-hstack",children:[Qe(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),So("div",{className:"k-coloreditor-preview k-vstack",children:[Qe(vt,{className:"k-coloreditor-preview-color",color:n}),Qe(vt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Qe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Qe(se,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):Qe(Te,{palette:a,size:t})}),h&&So(X,{className:"k-coloreditor-footer",alignment:"start",children:[Qe(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Qe(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Z.states=ju;Z.options=ef;Z.className=Xa;Z.defaultOptions=fa;Z.moduleName=Fs;Z.folderName=Us;Z.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 Io=Z;import{jsx as zP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Gs=e=>tf(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as of}from"react/jsx-runtime";var Vs=e=>of(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as $s}from"react/jsx-runtime";var af=Z.options,nf=Z.states,rf={...Z.defaultOptions,variant:"gradient"},sf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],lf=[],To=e=>{let{variant:t,...o}=e;return t==="palette"?$s(Vs,{...o,color:"white"}):$s(Gs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};To.options=af;To.states=nf;To.variants=sf;To.defaultOptions=rf;To.modifiers=lf;To.className=Z.className;var Xs="color-picker",qs="colorpicker";import{Fragment as pf,jsx as Ze,jsxs as br}from"react/jsx-runtime";var Ws="k-colorpicker",df=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],cf={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]},Js={arrowIconName:"chevron-down"},De=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Js.arrowIconName,prefix:s,suffix:l,value:m,placeholder:b,hover:x,focus:h,valid:N,invalid:p,required:M,disabled:v,valueIconName:C,popup:E,opened:I,adaptive:w,adaptiveSettings:$,adaptiveTitle:ie,adaptiveSubtitle:de,...ce}=e,ke="colorpicker-popup";return br(pf,{children:[br(rt,{...ce,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:p,required:M,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":I?"true":"false","aria-controls":I||w?ke:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Ws,"k-icon-picker"),children:[Ze(Oe,{children:s}),Ze(Dt,{placeholder:b,value:m,showValue:!1,valueIcon:Ze(vt,{className:"k-value-icon",color:m,iconName:C}),valueIconName:C}),Ze(Be,{children:l}),Ze(d,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),I&&E&&Ze(z,{id:ke,className:"k-colorpicker-popup",children:E}),w&&Ze(Q,{adaptive:!0,id:ke,...$,header:Ze(Me,{actionsEnd:Ze(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ie,subtitle:de}),footer:br(Lt,{children:[Ze(d,{text:"Cancel",size:"large"}),Ze(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ze(Z,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};De.states=df;De.options=cf;De.className=Ws;De.defaultOptions=Js;De.moduleName=Xs;De.folderName=qs;De.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 xt=De;import{jsx as mf}from"react/jsx-runtime";var qa=e=>mf(xt,{...e});import{jsx as Tw}from"react/jsx-runtime";import{jsx as Bw}from"react/jsx-runtime";import{jsx as Kw}from"react/jsx-runtime";import{jsx as zw}from"react/jsx-runtime";import{jsx as Vw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as $t}from"react/jsx-runtime";var uf=xt.options,ff=xt.states,Ys={...xt.defaultOptions,variant:"color"},bf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],xf=[{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?$t(Z,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return $t("div",{style:s,children:$t(qa,{...a,...n})});case"icon":return $t("div",{style:s,children:$t(qa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return $t("div",{style:s,children:$t(qa,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Ao.options=uf;Ao.states=ff;Ao.variants=bf;Ao.defaultOptions=Ys;Ao.modifiers=xf;Ao.className=xt.className;var xr="combobox",Qs=xr;import{Fragment as hr,jsx as ae,jsxs as ba}from"react/jsx-runtime";var Zs="k-combobox",hf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Nf={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]},js={separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:n=js.separators,prefix:s,suffix:l,value:m,placeholder:b,hover:x,focus:h,valid:N,invalid:p,required:M,loading:v,disabled:C,popup:E,opened:I,readonly:w,adaptive:$,adaptiveSettings:ie,adaptiveTitle:de,adaptiveSubtitle:ce,adaptiveCustomValue:ke,id:Kt,autocomplete:cn,activeDescendant:gt,"aria-label":Ma,...pn}=e,mn=Kt?`${Kt}-listbox`:void 0;return ba(hr,{children:[ba(q,{...pn,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:p,required:M,loading:v,disabled:C,readonly:w,className:r(e.className,Zs),children:[s&&ba(hr,{children:[ae(Oe,{children:s}),n&&ae(Le,{})]}),ae(_e,{id:Kt,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":I?"true":"false","aria-controls":I?mn:void 0,"aria-activedescendant":I&&gt?gt:void 0,"aria-autocomplete":cn,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ma,disabled:C,readOnly:w}),ae(ve,{valid:N,invalid:p,loading:v,disabled:C}),ae(Ee,{loading:v,disabled:C}),ae(Ke,{loading:v,disabled:C,readonly:w,value:m}),l&&ba(hr,{children:[n&&ae(Le,{}),ae(Be,{children:l})]}),ae(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:C})]}),I&&E&&ae(z,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),$&&ae(Q,{adaptive:!0,id:Kt?`${Kt}-adaptive`:void 0,...ie,header:ae(Me,{actionsEnd:ae(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:de,subtitle:ce}),children:ae("div",{className:"k-list-container",children:ae(_,{customValue:ke?ae(At,{text:`Use "${m}"`}):void 0,size:"large",children:ba(U,{"aria-label":de||"Options",children:[ae(P,{text:"List item"}),ae(P,{text:"List item"}),ae(P,{text:"List item"})]})})})})]})};be.states=hf;be.options=Nf;be.className=Zs;be.defaultOptions=js;be.moduleName=xr;be.folderName=Qs;be.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 He=be;import{jsx as kf}from"react/jsx-runtime";var el=e=>kf(He,{...e});import{jsx as ER,jsxs as OR}from"react/jsx-runtime";import{jsx as _R,jsxs as DR}from"react/jsx-runtime";import{jsx as VR,jsxs as $R}from"react/jsx-runtime";import{Fragment as QR,jsx as YR}from"react/jsx-runtime";import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{jsx as dK,jsxs as cK}from"react/jsx-runtime";import{Fragment as NK,jsx as xK,jsxs as hK}from"react/jsx-runtime";import{jsx as LK}from"react/jsx-runtime";import{jsx as IK}from"react/jsx-runtime";import{jsx as BK,jsxs as PK}from"react/jsx-runtime";import{jsx as HK,jsxs as zK}from"react/jsx-runtime";import{jsx as Et,jsxs as Sf}from"react/jsx-runtime";var gf=be.states,vf=be.defaultOptions,Lf=be.options,Mf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Cf=[],yo=e=>{let{modifiers:t,...o}=e,a={},n=Et(_,{style:{width:300},size:o.size,children:Sf(U,{children:[Et(P,{children:"List item"}),Et(P,{children:"List item"}),Et(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Et(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Et(pe,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Et("div",{children:Et(el,{value:"Value",style:{width:300},...o,...a})})};yo.options=Lf;yo.states=gf;yo.variants=Cf;yo.defaultOptions=vf;yo.modifiers=Mf;yo.className=be.className;var Nr="menu-button",tl=Nr;import{jsx as Af}from"react/jsx-runtime";var ol="k-menu-button",If=[i.hover,i.focus,i.active,i.selected,i.disabled],Tf={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},kr={showArrow:!0,arrowIconName:"chevron-down"},G=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,icon:h,text:N,showArrow:p=kr.showArrow,arrowIconName:M=kr.arrowIconName,expanded:v,...C}=e;return Af(d,{...C,className:r(e.className,ol),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,icon:h,showArrow:p,arrowIconName:M,"aria-expanded":v?"true":"false",...!N&&h&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};G.states=If;G.options=Tf;G.className=ol;G.defaultOptions=kr;G.moduleName=Nr;G.folderName=tl;G.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 k0}from"react/jsx-runtime";import{jsx as M0}from"react/jsx-runtime";import{jsx as T0}from"react/jsx-runtime";var ze="menu",je=ze;import{jsx as xa,jsxs as al}from"react/jsx-runtime";var gr="k-menu-item",yf=[i.hover,i.focus,i.active,i.selected,i.disabled],Ef={},nl={iconPosition:"before"},xe=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,first:b,last:x,showArrow:h,arrowIconName:N,iconPosition:p=nl.iconPosition,dir:M,children:v,expanded:C,...E}=e,I=N;return I||(I=M==="rtl"?"chevron-left":"chevron-right"),al("li",{...E,className:r(e.className,gr,"k-item",S(gr,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":b,"k-last":x}),role:"menuitem",...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":C?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[al("span",{className:r("k-link k-menu-link"),children:[l&&p==="before"&&xa(L,{className:"k-menu-link-icon",icon:l}),xa("span",{className:"k-menu-link-text",children:m}),l&&p==="after"&&xa(L,{className:"k-menu-link-icon",icon:l}),h&&xa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:xa(L,{icon:I})})]}),v]})};xe.states=yf;xe.options=Ef;xe.className=gr;xe.defaultOptions=nl;xe.moduleName=ze;xe.folderName=je;import{jsx as ha,jsxs as rl}from"react/jsx-runtime";var vr="k-menu-item",Of=[i.hover,i.focus,i.active,i.selected,i.disabled],Bf={},Lr={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,first:b,last:x,showArrow:h,arrowIconName:N,iconPosition:p=Lr.iconPosition,dir:M=Lr.dir,children:v,popup:C,expanded:E,...I}=e,w=N;return w||(w=M==="rtl"?"chevron-left":"chevron-right"),rl("li",{...I,className:r(e.className,vr,"k-item",S(vr,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...h&&{"aria-haspopup":"menu"},...h&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[rl("span",{className:r("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[l&&p==="before"&&ha(L,{className:"k-menu-link-icon",icon:l}),ha("span",{className:"k-menu-link-text",children:m}),l&&p==="after"&&ha(L,{className:"k-menu-link-icon",icon:l}),h&&ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ha(L,{icon:w})})]}),v,C]})};W.states=Of;W.options=Bf;W.className=vr;W.defaultOptions=Lr;W.moduleName=ze;W.folderName=je;import{jsx as Kf}from"react/jsx-runtime";var il="k-menu-scroll-wrapper",Pf=[],wf={},Rf={},Xt=e=>{let{className:t,children:o,orientation:a,...n}=e;return Kf("div",{...n,className:r(t,il,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Xt.states=Pf;Xt.options=wf;Xt.className=il;Xt.defaultOptions=Rf;Xt.moduleName=ze;Xt.folderName=je;var sl=Xt;import{Fragment as Mr,jsx as qt,jsxs as Ja}from"react/jsx-runtime";var Cr="k-menu",_f=[],Df={},Ya={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=Ya.orientation,header:a=Ya.header,scrollable:n,scrollButtonsPosition:s=Ya.scrollButtonsPosition,wrapperStyles:l,dir:m,popup:b,contextMenu:x,...h}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=qt("ul",{dir:m,...h,className:r(e.className,"k-reset",Cr,{[`${Cr}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ja(Mr,{children:[n?Ja(sl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Ja(Mr,{children:[qt(d,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),qt(d,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&qt(d,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&Ja(Mr,{children:[qt(d,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),qt(d,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&qt(d,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,b]})};le.states=_f;le.options=Df;le.className=Cr;le.defaultOptions=Ya;le.moduleName=ze;le.folderName=je;le.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 Hf}from"react/jsx-runtime";var Sr="k-separator",ll={orientation:"horizontal"},Eo=e=>{let{orientation:t=ll.orientation,...o}=e;return Hf("li",{...o,className:r(e.className,"k-item",Sr,{[`${Sr}-${t}`]:t}),role:"separator"})};Eo.className=Sr;Eo.defaultOptions=ll;Eo.moduleName=ze;Eo.folderName=je;import{Fragment as o_,jsx as a_}from"react/jsx-runtime";import{jsx as Gf}from"react/jsx-runtime";var Ir="k-menu-group",zf=[],Ff={size:[c.undefined,c.small,c.medium,c.large]},Uf={},he=e=>{let{children:t,size:o,...a}=e;return Gf("ul",{...a,className:r(e.className,Ir,A(Ir,{size:o})),role:"menu",children:t})};he.states=zf;he.options=Ff;he.className=Ir;he.defaultOptions=Uf;he.moduleName=ze;he.folderName=je;import{Fragment as Vf,jsx as Oo,jsxs as $f}from"react/jsx-runtime";var Tr=e=>Oo(le,{children:$f(Vf,{children:[Oo(xe,{first:!0,text:"Item 1"}),Oo(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Oo(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Oo(xe,{text:"Item 4"}),Oo(xe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as h_,jsx as b_,jsxs as x_}from"react/jsx-runtime";import{Fragment as L_,jsx as v_,jsxs as M_}from"react/jsx-runtime";import{Fragment as A_,jsx as T_,jsxs as y_}from"react/jsx-runtime";import{Fragment as w_,jsx as P_,jsxs as R_}from"react/jsx-runtime";import{jsx as Wt,jsxs as Yf}from"react/jsx-runtime";var Xf=le.options,qf=le.states,dl={...le.defaultOptions,variant:"horizontal"},Wf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Jf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Bo=e=>{let{variant:t,modifiers:o,...a}={...dl,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!o?.[s];break;case"opened":n.opened=!!o?.[s],n.popup=Wt(z,{className:"k-menu-popup",children:Yf(he,{children:[Wt(W,{text:"Item 1"}),Wt(W,{text:"Item 2"}),Wt(Eo,{}),Wt(W,{text:"Item 3"})]})});break}}),t==="vertical"?Wt(Tr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Wt(Tr,{...a,...n})};Bo.options=Xf;Bo.states=qf;Bo.variants=Wf;Bo.defaultOptions=dl;Bo.modifiers=Jf;Bo.className=le.className;import{Fragment as uD,jsx as pD,jsxs as mD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";import{Fragment as tb,jsx as ct,jsxs as cl}from"react/jsx-runtime";var Qf=d.states,pl={...d.defaultOptions,variant:"text"},Zf=d.options,jf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eb=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...pl,...e},n={},s=ct(z,{className:"k-menu-popup",children:cl(he,{size:a.size,children:[ct(W,{first:!0,text:"Menu Item"}),ct(W,{text:"Menu Item"}),ct(W,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=ct("div",{children:ct(G,{...a,...n,icon:"star"})});break;case"icon-and-text":l=ct("div",{children:ct(G,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=ct("div",{children:ct(G,{...a,...n,children:"Dropdown Button"})});break}return cl(tb,{children:[l,o?.opened&&s]})};Po.options=Zf;Po.states=Qf;Po.variants=jf;Po.defaultOptions=pl;Po.modifiers=eb;Po.className=G.className;var Ar="split-button",ml=Ar;import{Fragment as nb,jsx as yr,jsxs as ul}from"react/jsx-runtime";var Er="k-split-button",ob=[i.hover,i.focus,i.active,i.selected,i.disabled],ab={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},fl={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,icon:h,text:N,arrowIconName:p=fl.arrowIconName,popup:M,opened:v,popupId:C,...E}=e;return ul(nb,{children:[ul("div",{...E,className:r(e.className,Er,"k-button-group",A(Er,{rounded:o})),children:[yr(d,{text:N,icon:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:x,...!N&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),yr(d,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?C:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),v&&M&&yr(z,{className:"k-menu-popup",children:M})]})};K.states=ob;K.options=ab;K.className=Er;K.defaultOptions=fl;K.moduleName=Ar;K.folderName=ml;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 Or=K;import{jsx as ib}from"react/jsx-runtime";var rb="k-toolbar-separator",ot=e=>ib("div",{className:r(rb,e.className,"k-separator")});var ht="toolbar",Ot=ht;import{Fragment as Br,jsx as D,jsxs as wo}from"react/jsx-runtime";var Nt="k-toolbar",sb=[i.focus],lb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},db={scrollButtons:"around"},F=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:b,...x}=e,h=[],N=(p,M)=>{let v=[];if(p.type===d&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push(D(d,{...p.props,className:`${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===d)v.push(D(d,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===te)v.push(D(te,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===pe)v.push(D(pe,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===G)v.push(D(G,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===Or)v.push(D(Or,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`));else if(p.type===B||p.props.className&&p.props.className.includes("k-button-group")){let C=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((I,w)=>{C.push(D(d,{...I.props,className:`${I.props.className?I.props.className:""}`},`${w}-${new Date().getTime()}`))}),v.push(D(B,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:C},`${M}-${new Date().getTime()}`))}else p.type===be?v.push(D(be,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`)):p.type===oe?v.push(D(oe,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`)):p.type===De?v.push(D(De,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${M}-${new Date().getTime()}`)):v.push(p);v.forEach(C=>{h.push(C)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,v)=>{N(M,v)}),wo("div",{...x,className:r(e.className,Nt,A(Nt,{size:t,fillMode:o}),S(Nt,{focus:a}),{[`${Nt}-resizable`]:n,[`${Nt}-scrollable`]:s,[`${Nt}-scrollable-overlay`]:s&&l==="hidden",[`${Nt}-scrollable-${m}`]:m&&m!=="both",[`${Nt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&h,s&&l==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),s&&l==="start"&&wo(Br,{children:[wo(B,{children:[D("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-right"})})]}),D(ot,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),s&&l==="end"&&wo(Br,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),D(ot,{className:"k-toolbar-button-separator"}),wo(B,{children:[D("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&wo(Br,{children:[D("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-left"})}),D(ot,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),D(ot,{className:"k-toolbar-button-separator"}),D("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};F.states=sb;F.options=lb;F.className=Nt;F.defaultOptions=db;F.moduleName=ht;F.folderName=Ot;F.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 ub}from"react/jsx-runtime";var bl="k-floating-toolbar",cb=[],pb={},mb={},Ro=e=>{let{...t}=e;return ub("div",{...t,className:r(e.className,bl),children:e.children})};Ro.states=cb;Ro.options=pb;Ro.className=bl;Ro.defaultOptions=mb;Ro.moduleName=ht;Ro.folderName=Ot;import{jsx as hb}from"react/jsx-runtime";var Pr="k-toolbar-item",fb=[i.focus],bb={},xb={},Ko=e=>{let{focus:t,...o}=e;return hb("div",{...o,className:r(e.className,Pr,S(Pr,{focus:t})),children:e.children})};Ko.states=fb;Ko.options=bb;Ko.className=Pr;Ko.defaultOptions=xb;Ko.moduleName=ht;Ko.folderName=Ot;import{jsx as xl}from"react/jsx-runtime";var hl="k-toolbar-popup",Nb=[],kb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},gb={},Jt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return xl(z,{...n,className:r(e.className,hl),children:a?xl("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Jt.states=Nb;Jt.options=kb;Jt.className=hl;Jt.defaultOptions=gb;Jt.moduleName=ht;Jt.folderName=Ot;var Qa=Jt;import{jsx as gH}from"react/jsx-runtime";import{jsx as CH}from"react/jsx-runtime";import{jsx as AH}from"react/jsx-runtime";import{jsx as wH,jsxs as RH}from"react/jsx-runtime";import{jsx as HH}from"react/jsx-runtime";import{jsx as kt,jsxs as Sb}from"react/jsx-runtime";var vb=K.states,Nl={...K.defaultOptions,variant:"text"},Lb=K.options,Mb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Cb=[{name:"opened",title:"Opened"}],_o=e=>{let{variant:t,modifiers:o,...a}={...Nl,...e},n={},s=Sb(he,{size:a.size,children:[kt(W,{first:!0,text:"Menu Item"}),kt(W,{text:"Menu Item"}),kt(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?s:"")}),t){case"icon-only":return kt("div",{children:kt(K,{...a,...n,icon:"star"})});case"icon-and-text":return kt("div",{children:kt(K,{...a,...n,icon:"star",children:"Split Button"})});default:return kt("div",{children:kt(K,{...a,...n,children:"Split Button"})})}};_o.options=Lb;_o.states=vb;_o.variants=Mb;_o.defaultOptions=Nl;_o.modifiers=Cb;_o.className=K.className;import{jsx as Yt,jsxs as Ib}from"react/jsx-runtime";var kl=e=>Yt(F,{children:[Yt(d,{children:"Button"},"toolbar-button"),Yt(G,{text:"Menu button"},"toolbar-menu-button"),Yt(K,{children:"Split button"},"toolbar-split-button"),Ib(B,{children:[Yt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Yt(d,{icon:"align-center",children:"Center"}),Yt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as f1,jsxs as b1}from"react/jsx-runtime";import{jsx as Fe,jsxs as gl}from"react/jsx-runtime";var vl=e=>Fe(F,{scrollable:!0,...e,children:[Fe(d,{children:"Button"},"toolbar-button"),Fe(G,{text:"Menu button"},"toolbar-menu-button"),Fe(K,{children:"Split button"},"toolbar-split-button"),gl(B,{children:[Fe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Fe(d,{icon:"align-center",children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Fe(d,{children:"Button"},"toolbar-button"),Fe(G,{text:"Menu button"},"toolbar-menu-button"),Fe(K,{children:"Split button"},"toolbar-split-button"),gl(B,{children:[Fe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Fe(d,{icon:"align-center",children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as Ll}from"react/jsx-runtime";var Ml=({scrollingPosition:e="start",...t})=>Ue(F,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(d,{children:"Button"},"toolbar-button"),Ue(G,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Ll(B,{children:[Ue(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(d,{icon:"align-center",children:"Center"}),Ue(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(d,{children:"Button"},"toolbar-button"),Ue(G,{text:"Menu button"},"toolbar-menu-button"),Ue(K,{children:"Split button"},"toolbar-split-button"),Ll(B,{children:[Ue(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(d,{icon:"align-center",children:"Center"}),Ue(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Tb,jsx as Pe,jsxs as Za}from"react/jsx-runtime";var Cl=({fillMode:e,size:t,...o})=>Za(Tb,{children:[Pe(F,{section:!0,fillMode:e,size:t,children:[Pe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Za(B,{fillMode:e,children:[Pe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Pe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Pe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Pe(ot,{className:"k-toolbar-button-separator"}),Pe(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Za(Qa,{size:t,fillMode:e,section:!0,...o,children:[Pe(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Pe(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Pe(ot,{}),Pe(G,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Za(B,{fillMode:e,children:[Pe(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Pe(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Pe(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as W1,jsx as X1,jsxs as q1}from"react/jsx-runtime";import{Fragment as r2,jsx as a2,jsxs as n2}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Ab=F.options,yb=F.states,Sl={...F.defaultOptions,variant:"default"},Eb=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Ob=[],Do=e=>{let{variant:t,...o}={...Sl,...e};switch(t){case"responsive":return Bt("div",{children:Bt(Cl,{style:{width:"583px"},...o})});case"overlay":return Bt("div",{children:Bt(Ml,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Bt("div",{children:Bt(vl,{style:{width:"583px"},...o})});default:return Bt("div",{children:Bt(kl,{style:{width:"583px"},...o})})}};Do.options=Ab;Do.states=yb;Do.variants=Eb;Do.defaultOptions=Sl;Do.modifiers=Ob;Do.className=F.className;var wr="suggestion",Il=wr;import{jsx as ja,jsxs as wb}from"react/jsx-runtime";var en="k-suggestion-group",Bb=[],Pb={},Tl={layout:"scrollable",scrollingPosition:"start"},at=e=>{let{layout:t=Tl.layout,scrollingPosition:o,...a}=e,n=ja("div",{...a,className:r(en,{"k-suggestion-group-scrollable":t=="scrollable",[`${en}-scrollable-start`]:o==="start"||o==="both",[`${en}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?ja("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?wb("div",{className:"k-suggestion-scrollwrap",children:[ja(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,ja(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};at.states=Bb;at.options=Pb;at.className=en;at.defaultOptions=Tl;at.moduleName=wr;at.folderName=Il;import{jsx as Db}from"react/jsx-runtime";var tn="k-suggestion",Rb=[i.active,i.hover,i.focus],Kb={themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary]},_b={text:"Suggestion"},pt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...l}=e;return Db("span",{...l,className:r(e.className,tn,S(tn,{hover:a,active:o,focus:n}),A(tn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};pt.states=Rb;pt.options=Kb;pt.className=tn;pt.item=_b;import{Fragment as F2,jsx as z2,jsxs as U2}from"react/jsx-runtime";import{Fragment as q2,jsx as X2,jsxs as W2}from"react/jsx-runtime";import{Fragment as j2,jsx as Z2,jsxs as e3}from"react/jsx-runtime";import{jsx as zb}from"react/jsx-runtime";var Hb="k-card-callout",Al=e=>{let{callout:t,...o}=e;return zb("span",{...o,className:r(e.className,Hb,{[`k-callout-${Yr.calloutMap[t]||t}`]:t})})};var Ge="card",et=Ge;import{Fragment as Vb,jsx as yl,jsxs as $b}from"react/jsx-runtime";var Rr="k-card",Fb=[i.hover,i.focus,i.selected,i.disabled],Ub={},Gb={},ee=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return $b("div",{...m,className:r(e.className,Rr,S(Rr,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&yl(Al,{callout:o}),yl(Vb,{children:e.children})]})};ee.states=Fb;ee.options=Ub;ee.className=Rr;ee.defaultOptions=Gb;ee.moduleName=Ge;ee.folderName=et;ee.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 Jb,jsx as El}from"react/jsx-runtime";var Kr="k-card-list",Xb=[],qb={},Wb={},Pt=e=>{let{...t}=e;return El("div",{...t,className:r(e.className,Kr,S(Kr,{})),role:"list",children:El(Jb,{children:e.children})})};Pt.states=Xb;Pt.options=qb;Pt.className=Kr;Pt.defaultOptions=Wb;Pt.moduleName=Ge;Pt.folderName=et;Pt.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 jb}from"react/jsx-runtime";var Ol="k-card-group",Yb=[],Qb={},Zb={},Ho=e=>{let{...t}=e;return jb("div",{...t,className:r(e.className,Ol),children:e.children})};Ho.states=Yb;Ho.options=Qb;Ho.className=Ol;Ho.defaultOptions=Zb;Ho.moduleName=Ge;Ho.folderName=et;import{jsx as ax}from"react/jsx-runtime";var _r="k-card-wrap",ex=[i.focus,i.selected],tx={},ox={},zo=e=>{let{focus:t,selected:o,...a}=e;return ax("div",{...a,className:r(e.className,_r,S(_r,{focus:t,selected:o})),children:e.children})};zo.states=ex;zo.options=tx;zo.className=_r;zo.defaultOptions=ox;zo.moduleName=Ge;zo.folderName=et;import{jsx as rx}from"react/jsx-runtime";var Dr="k-card-title",nx=[i.hover,i.focus],Qt=e=>{let{hover:t,focus:o,...a}=e;return rx("div",{...a,className:r(e.className,Dr,S(Dr,{hover:t,focus:o})),children:e.children})};Qt.states=nx;Qt.className=Dr;import{jsx as sx}from"react/jsx-runtime";var ix="k-card-subtitle",on=e=>{let{...t}=e;return sx("div",{...t,className:r(e.className,ix),children:e.children})};import{Fragment as Pl,jsx as an}from"react/jsx-runtime";var Bl="k-card-media",Hr=e=>{let{src:t,...o}=e;return an(Pl,{children:t?an("img",{...o,className:r(e.className,Bl),src:t}):an("span",{...o,className:r(e.className,Bl),children:an(Pl,{children:e.children})})})};import{Fragment as dx,jsx as Na,jsxs as cx}from"react/jsx-runtime";var lx="k-card-header",wt=e=>{let{title:t,subtitle:o,details:a,...n}=e;return cx("div",{...n,className:r(e.className,lx),children:[t&&Na(Qt,{children:t}),o&&Na(on,{children:o}),Na(dx,{children:e.children}),a&&Na("span",{className:"k-card-header-actions",children:Na(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as mx}from"react/jsx-runtime";var px="k-card-footer",zr=e=>{let{...t}=e;return mx("div",{...t,className:r(e.className,px),children:e.children})};import{Fragment as fx,jsx as ka,jsxs as bx}from"react/jsx-runtime";var ux="k-card-body",nt=e=>{let{title:t,subtitle:o,details:a,...n}=e;return bx("div",{...n,className:r(e.className,ux),children:[t&&ka(Qt,{children:t}),o&&ka(on,{children:o}),ka(fx,{children:e.children}),a&&ka("span",{className:"k-card-header-actions",children:ka(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as kx}from"react/jsx-runtime";var wl="k-card-deck",xx=[],hx={},Nx={},Fo=e=>{let{...t}=e;return kx("div",{...t,className:r(e.className,wl),children:e.children})};Fo.states=xx;Fo.options=hx;Fo.className=wl;Fo.defaultOptions=Nx;Fo.moduleName=Ge;Fo.folderName=et;import{jsx as Mx}from"react/jsx-runtime";var Rl="k-card-deck-scrollwrap",gx=[],vx={},Lx={},Uo=e=>{let{...t}=e;return Mx("div",{...t,className:r(e.className,Rl),children:e.children})};Uo.states=gx;Uo.options=vx;Uo.className=Rl;Uo.defaultOptions=Lx;Uo.moduleName=Ge;Uo.folderName=et;import{Fragment as Cx,jsx as Go,jsxs as Kl}from"react/jsx-runtime";var _l=e=>Go(ee,{orientation:"vertical",children:Kl(Cx,{children:[Go(wt,{children:"Card Header"}),Go(nt,{children:Go("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Kl(X,{className:"k-card-actions",children:[Go(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Go(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Sx,jsx as ga,jsxs as Dl}from"react/jsx-runtime";var Hl=e=>ga(ee,{orientation:"horizontal",children:Dl(Sx,{children:[ga(nt,{title:"Card Title",children:ga("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Dl(X,{orientation:"vertical",className:"k-card-actions",children:[ga(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),ga(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Lz,jsxs as Mz}from"react/jsx-runtime";import{jsx as Ae,jsxs as va}from"react/jsx-runtime";var Ix=ee.options,Tx=ee.states,zl={...ee.defaultOptions,variant:"vertical"},Ax=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],yx=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Vo=e=>{let{variant:t,modifiers:o,...a}={...zl,...e},n=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(m=>{switch(m){case"media":{n=!!o?.[m];break}case"header":{s=!!o?.[m];break}case"footer":{l=!!o?.[m];break}}}),t==="horizontal"?va(Hl,{style:{maxWidth:"420px"},...a,children:[n&&Ae(Hr,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),va("div",{children:[s&&Ae(wt,{title:"Header Title",subtitle:"Header Subtitle"}),Ae(nt,{title:"Title",subtitle:"Subtitle",children:Ae("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Ae(zr,{children:"Card Footer"})]}),(s||l)&&Ae("span",{className:"k-separator k-separator-vertical"}),va(X,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):va(_l,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Ae(wt,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Ae(Hr,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Ae(nt,{title:"Title",subtitle:"Subtitle",children:Ae("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Ae(zr,{children:"Card Footer"}),va(X,{className:"k-card-actions",children:[Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Ae(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Vo.options=Ix;Vo.states=Tx;Vo.variants=Ax;Vo.defaultOptions=zl;Vo.modifiers=yx;Vo.className=ee.className;var Fr="panelbar",Fl=Fr;import{jsx as Px}from"react/jsx-runtime";var Ul="k-panelbar",Ex=[],Ox={},Bx={},fe=e=>{let{activeDescendant:t,...o}=e;return Px("ul",{...o,className:r(e.className,Ul),role:"tree","aria-activedescendant":t,children:e.children})};fe.states=Ex;fe.options=Ox;fe.className=Ul;fe.defaultOptions=Bx;fe.moduleName=Fr;fe.folderName=Fl;fe.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 Ur from"react";import{jsx as nn,jsxs as Gl}from"react/jsx-runtime";var Vl="k-panelbar-item",wx=[i.hover,i.focus,i.selected,i.disabled],Rx={},rn={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=rn.text,level:o=rn.level,expanded:a=rn.expanded,header:n,hover:s,focus:l,selected:m,disabled:b,icon:x,iconClass:h,ariaSelected:N,children:p,...M}=e,v=!!p;return Gl("li",{...M,className:r(e.className,Vl,{"k-panelbar-header":n,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":v?a?"true":"false":void 0,"aria-selected":N?"true":"false","aria-disabled":b?"true":void 0,children:[Gl("span",{className:r("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:m})),children:[x&&nn(L,{className:"k-panelbar-item-icon",icon:x}),h&&!x&&nn("span",{className:`k-panelbar-item-icon ${h}`}),nn("span",{className:"k-panelbar-item-text",children:t}),v&&nn(L,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&p,!a&&p&&Ur.Children.map(p,C=>Ur.isValidElement(C)?Ur.cloneElement(C,{"aria-hidden":"true",style:{display:"none"}}):C)]})};y.states=wx;y.options=Rx;y.className=Vl;y.defaultOptions=rn;import{jsx as Hx}from"react/jsx-runtime";var $l="k-panelbar-group",Kx=[],_x={},Dx={},we=e=>{let{ariaHidden:t,...o}=e;return Hx("ul",{...o,className:r(e.className,$l),role:"group","aria-hidden":t?"true":void 0,children:e.children})};we.states=Kx;we.options=_x;we.className=$l;we.defaultOptions=Dx;import{jsx as Gx}from"react/jsx-runtime";var Xl="k-panelbar-content",zx=[],Fx={},Ux={},ne=e=>{let{...t}=e;return Gx("div",{...t,className:r(e.className,Xl),children:e.children})};ne.states=zx;ne.options=Fx;ne.className=Xl;ne.defaultOptions=Ux;import{Fragment as Vx,jsx as Rt,jsxs as $x}from"react/jsx-runtime";var sn=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),n=T("pb-item");return Rt(fe,{children:$x(Vx,{children:[Rt(y,{header:!0,text:"Item 1",id:t,children:Rt(ne,{children:"content"})}),Rt(y,{header:!0,text:"Item 2",id:o,children:Rt(ne,{children:"content"})}),Rt(y,{header:!0,text:"Item 3",id:a,children:Rt(ne,{children:"content"})}),Rt(y,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as S5,jsx as C5,jsxs as I5}from"react/jsx-runtime";import{Fragment as Xx,jsx as ye,jsxs as Gr}from"react/jsx-runtime";var ql=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),n=T("pb-item"),s=T("pb-child"),l=T("pb-child"),m=T("pb-child"),b=T("pb-child"),x=T("pb-child"),h=T("pb-child"),N=T("pb-child");return ye(fe,{activeDescendant:o,children:Gr(Xx,{children:[ye(y,{header:!0,text:"Item 1",id:t,children:ye(ne,{children:"content"})}),ye(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:Gr(we,{children:[ye(y,{level:1,text:"Child 1",id:s}),ye(y,{level:1,expanded:!0,text:"Child 2",id:l,children:Gr(we,{children:[ye(y,{level:2,text:"Child 2.1",id:m}),ye(y,{level:2,text:"Child 2.2",id:b})]})}),ye(y,{level:1,text:"Child 3",id:x,children:ye(we,{children:ye(y,{level:2,text:"Child 3.1",id:h})})}),ye(y,{level:1,text:"Child 4",id:N})]})}),ye(y,{header:!0,text:"Item 3",id:a,children:ye(ne,{children:"content"})}),ye(y,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Wl,jsx as J,jsxs as ln}from"react/jsx-runtime";var qx=fe.options,Wx=fe.states,Jl={...fe.defaultOptions,variant:"normal"},Jx=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],Yx=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{n.icon=o?.[l]?s:void 0;break}case"disabled":n.disabled=!!o?.[l]}}),t==="expand"?J(Wl,{children:ln(ql,{style:{width:"300px"},...a,children:[J(y,{icon:n.icon?.gear,header:!0,text:"Item 1",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:ln(we,{children:[J(y,{level:1,text:"Child 1"}),J(y,{level:1,expanded:!0,text:"Child 2",children:ln(we,{children:[J(y,{level:2,text:"Child 2.1"}),J(y,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),J(y,{disabled:n.disabled,level:1,text:"Child 3",children:J(ne,{children:"content"})}),J(y,{level:1,text:"Child 4"})]})}),J(y,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):J(Wl,{children:ln(sn,{style:{width:"300px"},...a,children:[J(y,{icon:n.icon?.gear,header:!0,text:"Item 1",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.folder,header:!0,text:"Item 2",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:J(ne,{children:"content"})}),J(y,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};$o.options=qx;$o.states=Wx;$o.variants=Jx;$o.defaultOptions=Jl;$o.modifiers=Yx;$o.className=fe.className;var Vr="speech-to-text-button",Yl=Vr;import{jsx as Qx}from"react/jsx-runtime";var Ql="k-speech-to-text-button",Zl={icon:"microphone"},Re=e=>{let{listening:t=!1,icon:o=Zl.icon,...a}=e;return Qx(d,{...a,icon:t?"stop":o,className:r(e.className,Ql,{"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=Ql;Re.defaultOptions=Zl;Re.moduleName=Vr;Re.folderName=Yl;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 iF}from"react/jsx-runtime";import{jsx as cF}from"react/jsx-runtime";import{jsx as oh}from"react/jsx-runtime";var Zx=d.states,jl={...d.defaultOptions,variant:"normal"},jx={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},eh=[],th=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Xo=e=>{let{variant:t,...o}={...jl,...e},a={};return t==="listening"&&(a.listening=!0),oh(Re,{...o,...a})};Xo.options=jx;Xo.states=Zx;Xo.variants=th;Xo.defaultOptions=jl;Xo.modifiers=eh;Xo.className=Re.className;var $r="textarea",ed=$r;import{Fragment as td,jsx as La,jsxs as Xr}from"react/jsx-runtime";var od="k-textarea",ah=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],nh={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},Ne=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=qo.prefixSeparator,suffixSeparator:s=qo.prefixSeparator,affixesOrientation:l=qo.affixesOrientation,flow:m=qo.flow,resize:b=qo.resize,prefix:x,suffix:h,rows:N,value:p,placeholder:M,hover:v,focus:C,valid:E,invalid:I,required:w,disabled:$,id:ie,"aria-label":de,"aria-describedby":ce,...ke}=e;return Xr(q,{...ke,size:t,rounded:o,fillMode:a,hover:v,focus:C,valid:E,invalid:I,required:w,disabled:$,className:r(e.className,od,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&Xr(td,{children:[La(Oe,{className:r({"!k-align-items-start":m===l}),direction:l,children:x}),n&&La(Le,{direction:m==="horizontal"?"vertical":"horizontal"})]}),La(oa,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:p,placeholder:M,rows:N,disabled:$,id:ie,"aria-label":de,"aria-describedby":ce,"aria-invalid":I?"true":void 0}),h&&Xr(td,{children:[s&&La(Le,{direction:m==="horizontal"?"vertical":"horizontal"}),La(Be,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};Ne.states=ah;Ne.options=nh;Ne.className=od;Ne.defaultOptions=qo;Ne.moduleName=$r;Ne.folderName=ed;Ne.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 EF}from"react/jsx-runtime";import{Fragment as KF,jsx as RF}from"react/jsx-runtime";import{Fragment as UF,jsx as FF}from"react/jsx-runtime";import{jsx as XF}from"react/jsx-runtime";import{jsx as dn}from"react/jsx-runtime";var rh=Ne.options,ih=Ne.states,ad={...Ne.defaultOptions,variant:"vertical"},sh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],lh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...ad,...e},n={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?dn(L,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?dn(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?dn(Ne,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):dn(Ne,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};Wo.options=rh;Wo.states=ih;Wo.variants=sh;Wo.defaultOptions=ad;Wo.modifiers=lh;Wo.className=Ne.className;import{Fragment as nd,jsx as g,jsxs as re}from"react/jsx-runtime";var dh=ge.options,ch=ge.states,ph={...ge.defaultOptions,variant:"ask"},mh=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],uh=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],Zt=e=>{let{variant:t,modifiers:o,...a}={...e},n=g(nd,{children:re(at,{layout:"wrap",children:[g(pt,{text:"Post for work-life balance importance"}),g(pt,{text:"Out of office"})]})}),s={suggestions:n,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(z,{className:"k-prompt-popup",children:re(ge,{style:{width:"330px",height:"350px"},...a,children:[g(Sa,{children:re(F,{className:"k-toolbar-flat",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(te,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(pe,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(Ca,{children:g(Ia,{children:re(sn,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:re(we,{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:re(we,{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(z,{className:"k-prompt-popup",children:re(ge,{style:{width:"330px",height:"350px"},...a,children:[g(Sa,{children:re(F,{className:"k-toolbar-flat",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(te,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(pe,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),re(Ca,{children:[g(oo,{}),g(Ia,{children:re("div",{className:"k-card-list",children:[re(ee,{children:[g(wt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(nt,{children:re("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"]})}),re(X,{className:"k-card-actions",alignment:"start",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(te,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),re(ee,{children:[g(wt,{title:"Generated with AI",subtitle:"Out of Office"}),g(nt,{children:re("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]"]})}),re(X,{className:"k-card-actions",alignment:"start",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(te,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(pe,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return g(z,{className:"k-prompt-popup",children:re(ge,{style:{width:"330px",height:"350px"},...a,children:[g(Sa,{children:re(F,{className:"k-toolbar-flat",children:[g(te,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(te,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(pe,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(Ca,{children:re(Ia,{children:[g(Ne,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(nd,{children:s.stt?g(Re,{fillMode:"flat"}):null})}),g(mi,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),g(ti,{children:g(X,{className:"k-prompt-actions",alignment:"start",children:g(te,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};Zt.options=dh;Zt.states=ch;Zt.variants=mh;Zt.defaultOptions=ph;Zt.modifiers=uh;Zt.className=ge.className;var M9=Zt;export{Zt as PromptDemo,M9 as default};