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

package/dist/esm/prompt/templates/prompt-settings.mjs

@@ -1 +1 @@
-var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:l,active:p,selected:b,disabled:x,indeterminate:N,loading:k,empty:m,readonly:L,highlighted:C,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":N&&!l,"k-loading":k,"k-empty":m,"k-readonly":L,"k-highlighted":C},Object.keys(M).reduce((E,A)=>(A.startsWith("k-")?E[A]=M[A]:E[`k-${A}`]=M[A],E),{}))};function Li(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Mi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Rr={};function T(e){return Rr[e]=(Rr[e]||0)+1,`k-${e}-${Rr[e]}`}var Kr="action-buttons",Si=Kr;import{jsx as Ud}from"react/jsx-runtime";var qa="k-actions",zd=[],Fd={},_r={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=_r.alignment,orientation:o=_r.orientation,...a}=e;return Ud("div",{...a,className:n(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};z.states=zd;z.options=Fd;z.className=qa;z.defaultOptions=_r;z.moduleName=Kr;z.folderName=Si;import{Fragment as Xd,jsx as Ai}from"react/jsx-runtime";var Dr="k-font-icon",Gd=[],Vd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},$d={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Ai("span",{...l,className:n(e.className,Dr,I(Dr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Ai(Xd,{})};ua.states=Gd;ua.options=Vd;ua.className=Dr;ua.defaultOptions=$d;var Ii=ua;import{Fragment as Jd,jsx as Wa}from"react/jsx-runtime";var Hr="k-svg-icon",qd=[],Wd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ti={viewBox:"0 0 24 24"},fa=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ti.viewBox,icon:l,...p}=e;if(!l)return Wa(Jd,{});if(l==="none")return Wa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Wa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Wa("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})})};fa.states=qd;fa.options=Wd;fa.className=Hr;fa.defaultOptions=Ti;var zr=fa;import*as Fr from"@progress/kendo-svg-icons";var yi="icon",Ei="icons";import{useContext as Qd}from"react";import{createContext as Yd}from"react";var Oi=Yd({iconsType:"svg"});import{Fragment as Bi,jsx as ba}from"react/jsx-runtime";var Ja="k-icon",Zd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),jd=[],ec={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ur={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Qd(Oi),{size:o,themeColor:a,icon:r,type:s=t||Ur.type,rotate:l,flip:p,viewBox:b=Ur.viewBox,...x}=e;if(!r)return ba(Bi,{});if((t||s)==="svg"){if(r==="none")return ba(zr,{...x,className:n(e.className,Ja),icon:r,size:o});let k=Fr[r]?r:Zd(`${r}-icon`);return Fr[k]?ba(zr,{...x,className:n(e.className,Ja),icon:Fr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):ba(Bi,{})}return ba(Ii,{...x,className:n(e.className,Ja),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=jd;v.options=ec;v.defaultOptions=Ur;v.className=Ja;v.moduleName=yi;v.folderName=Ei;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Gr="button",Pi=Gr;import{Fragment as rc,jsx as ha,jsxs as wi}from"react/jsx-runtime";var xa="k-button",tc=["icon-button"],oc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ac={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Vr.showArrow,arrowIconName:p=Vr.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:A,iconClassName:w,className:J,...ue}=e,he=E!==void 0,xe=e.children!==void 0;return wi(t,{className:n(J,xa,Li(xa,b),I(xa,{size:o,rounded:a,fillMode:r,themeColor:s}),S(xa,{hover:x,focus:N,active:k,disabled:L||M,selected:m}),{"k-icon-button":!A&&!xe&&he}),...ue,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L||void 0,children:[E&&ha(v,{className:n(w,"k-button-icon"),icon:E}),A?wi(rc,{children:[A&&ha("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),l&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(v,{icon:p})})]})};d.states=oc;d.options=ac;d.variants=tc;d.className=xa;d.defaultOptions=Vr;d.moduleName=Gr;d.folderName=Pi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as nc}from"react/jsx-runtime";var V=e=>nc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ic}from"react/jsx-runtime";var F=e=>ic(d,{icon:"folder",children:"Button",...e});import{jsx as sc}from"react/jsx-runtime";var qt=e=>sc(d,{children:"Button",...e});import{jsx as $r}from"react/jsx-runtime";var lc=d.options,dc=d.states,cc={...d.defaultOptions,variant:"text"},pc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mc=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return $r(V,{...o,icon:"star"});case"icon-and-text":return $r(F,{...o,icon:"star",children:"Button"});default:return $r(qt,{...o,children:"Button"})}};mo.options=lc;mo.states=dc;mo.variants=pc;mo.defaultOptions=cc;mo.modifiers=mc;mo.className=d.className;import{jsx as Ya}from"react/jsx-runtime";var uc="k-chip-action";var gt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Ya(v,{icon:"x-circle",size:"small"});break;case"more":a=Ya(v,{icon:"more-vertical",size:"small"});break;default:return Ya(v,{icon:t,size:"small"})}return Ya("span",{...o,className:n(e.className,uc,`k-chip-${t}-action`),children:a})};var Xr="avatar",Ri=Xr;import{jsx as Ki}from"react/jsx-runtime";var Na="k-avatar";var fc=[i.hover,i.focus,i.active,i.selected,i.disabled],bc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},qr={type:"text",border:!1},Se=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=qr.type,border:l=qr.border,...p}=e;return Ki("div",{...p,className:n(e.className,Na,I(Na,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Na}-bordered`]:l}),children:Ki("span",{className:`${Na}-${s}`,children:e.children})})};Se.states=fc;Se.options=bc;Se.className=Na;Se.defaultOptions=qr;Se.moduleName=Xr;Se.folderName=Ri;Se.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Wt=Se;import{jsx as hc}from"react/jsx-runtime";var _i=e=>hc(Wt,{type:"icon",...e});import{jsx as xc}from"react/jsx-runtime";var Di=e=>xc(Wt,{type:"text",...e});import{jsx as Nc}from"react/jsx-runtime";var Hi=e=>Nc(Wt,{type:"image",...e});import{jsx as ig}from"react/jsx-runtime";import{jsx as ka}from"react/jsx-runtime";var kc=Se.options,gc=Se.states,vc={...Se.defaultOptions,variant:"image"},Cc=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Lc=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return ka(_i,{...o,children:ka(v,{icon:"star"})});case"text":return ka(Di,{...o,children:"JO"});default:return ka(Hi,{...o,children:ka("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};uo.options=kc;uo.states=gc;uo.variants=Cc;uo.defaultOptions=vc;uo.modifiers=Lc;uo.className=Se.className;var ga="chip",Qa=ga;import{jsx as fo,jsxs as Ac}from"react/jsx-runtime";var Za="k-chip",Mc=[i.hover,i.focus,i.active,i.selected,i.disabled],Sc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},zi={avatarImage:"/packages/html/assets/avatar.jpg"},Y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=zi.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Ac("div",{...M,className:n(e.className,Za,I(Za,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Za,{hover:N,focus:k,active:m,disabled:C,selected:L})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[l&&fo(v,{className:"k-chip-icon",icon:l,size:"small"}),b&&fo(Se,{className:"k-chip-avatar",type:"image",children:fo("img",{src:x,alt:""})}),fo("span",{className:"k-chip-content",children:e.children?e.children:s&&fo("span",{className:"k-chip-label",children:s})}),p&&fo("span",{className:"k-chip-actions",children:p})]})};Y.states=Mc;Y.options=Sc;Y.className=Za;Y.defaultOptions=zi;Y.moduleName=ga;Y.folderName=Qa;Y.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Qe=Y;import{jsx as Ec}from"react/jsx-runtime";var Wr="k-chip-list",Ic=[],Tc={size:[c.undefined,c.small,c.medium,c.large]},yc={},se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Ec("div",{...r,className:n(e.className,Wr,I(Wr,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:a||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};se.states=Ic;se.options=Tc;se.className=Wr;se.defaultOptions=yc;se.moduleName=ga;se.folderName=Qa;se.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as Kg}from"react/jsx-runtime";import{jsx as zg}from"react/jsx-runtime";import{jsx as Oc}from"react/jsx-runtime";var ja=e=>Oc(Qe,{text:"text",...e});import{jsx as Wg}from"react/jsx-runtime";import{jsx as Zg}from"react/jsx-runtime";import{Fragment as rv,jsx as av,jsxs as nv}from"react/jsx-runtime";import{jsx as cv,jsxs as pv}from"react/jsx-runtime";import{jsx as hv,jsxs as xv}from"react/jsx-runtime";import{jsx as Lv,jsxs as Mv}from"react/jsx-runtime";import{jsx as bo,jsxs as _c}from"react/jsx-runtime";var Bc={...Qe.options,...se.options},Pc=[],wc=se.states,Rc={...Qe.defaultOptions,...se.defaultOptions},Kc=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ho=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return _c(se,{size:a.size,className:o,children:[bo(ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?bo(gt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),bo(ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?bo(gt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),bo(ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?bo(gt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};ho.options=Bc;ho.states=wc;ho.variants=Pc;ho.defaultOptions=Rc;ho.modifiers=Kc;ho.className=se.className;import{jsx as Jr}from"react/jsx-runtime";var Dc=Y.states,Hc=Y.defaultOptions,zc=Y.options,Fc=[],Uc=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[r]?Jr(gt,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[r]?Jr(gt,{type:"remove"}):void 0;break;default:break}}),Jr(Y,{...o,...a,children:"Chip component"})};xo.options=zc;xo.states=Dc;xo.variants=Fc;xo.defaultOptions=Hc;xo.modifiers=Uc;xo.className=Y.className;var Yr="button",Fi=Yr;import{jsx as Xc}from"react/jsx-runtime";var va="k-button-group",Gc=[i.disabled],Vc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},$c={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Xc("div",{role:"group",...r,className:n(e.className,va,I(va,{fillMode:t}),S(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Gc;B.options=Vc;B.className=va;B.defaultOptions=$c;B.moduleName=Yr;B.folderName=Fi;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 dC,jsx as lC,jsxs as cC}from"react/jsx-runtime";import{Fragment as hC,jsx as bC,jsxs as xC}from"react/jsx-runtime";import{Fragment as LC,jsx as CC,jsxs as MC}from"react/jsx-runtime";import{Fragment as EC,jsx as yC,jsxs as OC}from"react/jsx-runtime";import{Fragment as _C,jsx as KC,jsxs as DC}from"react/jsx-runtime";import{Fragment as VC,jsx as GC,jsxs as $C}from"react/jsx-runtime";import{jsx as vt,jsxs as Qr}from"react/jsx-runtime";var qc={...d.options,...B.options},Wc=d.states,Jc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Yc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Qc=[],No=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Qr(B,{fillMode:a.fillMode,className:o,children:[vt(d,{...a,icon:"star"}),vt(d,{...a,icon:"star"}),vt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Qr(B,{fillMode:a.fillMode,className:o,children:[vt(d,{...a,icon:"star",children:"First"}),vt(d,{...a,icon:"star",children:"Middle"}),vt(d,{...a,icon:"star",children:"Last"})]}):Qr(B,{fillMode:a.fillMode,className:o,children:[vt(d,{...a,children:"First"}),vt(d,{...a,children:"Middle"}),vt(d,{...a,children:"Last"})]})};No.options=qc;No.states=Wc;No.variants=Yc;No.defaultOptions=Jc;No.modifiers=Qc;No.className=B.className;var Ca="input",er=Ca;import{jsx as tp}from"react/jsx-runtime";var tr="k-input",Zc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],jc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ep={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return tp("span",{...k,className:n(e.className,tr,I(tr,{size:b,rounded:x,fillMode:N}),S(tr,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Z.states=Zc;Z.options=jc;Z.className=tr;Z.defaultOptions=ep;Z.moduleName=Ca;Z.folderName=er;import{jsx as np}from"react/jsx-runtime";var or="k-picker",op=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ap={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rp={},ft=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return np("span",{...k,className:n(e.className,or,I(or,{size:b,rounded:x,fillMode:N}),S(or,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ft.states=op;ft.options=ap;ft.className=or;ft.defaultOptions=rp;ft.moduleName=Ca;ft.folderName=er;import{Fragment as lp,jsx as Zr}from"react/jsx-runtime";var Ui="k-clear-value",ip=[i.disabled,i.loading,i.readonly],sp={},ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Zr(lp,{}):Zr("span",{className:n(e.className,Ui),children:Zr(v,{icon:"x"})})};ze.states=ip;ze.options=sp;ze.className=Ui;import{jsx as pp}from"react/jsx-runtime";var jr="k-input-inner",dp=[],cp={},ar={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=ar.value,type:o=ar.type,placeholder:a=ar.placeholder,autocomplete:r=ar.autocomplete,disabled:s,readOnly:l,...p}=e;return pp("input",{...p,type:o,className:n(e.className,jr,I(jr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Fe.states=dp;Fe.options=cp;Fe.className=jr;import{jsx as Gi,jsxs as fp}from"react/jsx-runtime";var en="k-input-inner",mp=[],up={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return fp("span",{...l,className:n(e.className,en,I(en,e)),children:[r,!r&&s&&Gi(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Gi("span",{className:"k-input-value-text",children:t})]})};Jt.states=mp;Jt.options=up;Jt.className=en;import{jsx as xp}from"react/jsx-runtime";var tn="k-input-inner",bp=[],hp={},Vi={value:"",placeholder:""},La=e=>{let{value:t=Vi.value,placeholder:o=Vi.placeholder,rows:a,disabled:r,...s}=e;return xp("textarea",{...s,className:n(e.className,tn,I(tn,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};La.states=bp;La.options=hp;La.className=tn;import{Fragment as kp,jsx as $i}from"react/jsx-runtime";var Xi="k-input-loading-icon",Np=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t||!o?$i(kp,{}):$i("span",{className:n(e.className,Xi,"k-icon k-i-loading")})};Ke.states=Np;Ke.className=Xi;import{Fragment as Cp,jsx as qi}from"react/jsx-runtime";var Wi="k-input-validation-icon",gp=[i.valid,i.invalid,i.disabled,i.loading],vp={},Ae=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?qi(Cp,{}):qi(v,{className:n(Wi),icon:s})};Ae.states=gp;Ae.options=vp;Ae.className=Wi;import{Fragment as Sp,jsx as Ji}from"react/jsx-runtime";var Lp="k-input-prefix",Mp={direction:"horizontal"},_e=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?Ji("span",{...o,className:n(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ji(Sp,{})};import{Fragment as Tp,jsx as Yi}from"react/jsx-runtime";var Ap="k-input-suffix",Ip={direction:"horizontal"},De=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?Yi("span",{...o,className:n(Ap,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Yi(Tp,{})};import{jsx as $L}from"react/jsx-runtime";import{jsx as Ep}from"react/jsx-runtime";var yp="k-input-suffix-text",on=e=>{let{children:t,...o}=e;return Ep("span",{...o,className:n(yp,e.className),children:t})};import{jsx as Bp}from"react/jsx-runtime";var Qi="k-input-separator",Op={direction:"vertical"},Ie=e=>{let{direction:t=Op.direction,...o}=e;return Bp("span",{...o,className:n(Qi,e.className,{[`${Qi}-${t}`]:t})})};import{Fragment as Zi,jsx as bt,jsxs as an}from"react/jsx-runtime";var Pp=Z.states,wp=Z.defaultOptions,Rp=Z.options,Kp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],_p=[],ko=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:l,...p}=e,b=t?.prefix,x=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return an(Z,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&an(Zi,{children:[bt(_e,{children:bt(v,{icon:"lock"})}),m&&bt(Ie,{})]}),bt(Fe,{placeholder:"Placeholder",value:"Value"}),k&&bt(Ae,{valid:o,invalid:a,loading:r,disabled:s}),bt(Ke,{loading:r,disabled:s}),N&&bt(ze,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&an(Zi,{children:[m&&bt(Ie,{}),bt(De,{children:bt(qt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ko.options=Rp;ko.states=Pp;ko.variants=_p;ko.defaultOptions=wp;ko.modifiers=Kp;ko.className=Z.className;import{jsx as ji,jsxs as zp}from"react/jsx-runtime";var es="k-color-preview",Dp=[],Hp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return zp("span",{...a,className:n(e.className,es,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ji(v,{icon:o,className:"k-color-preview-icon"}),ji("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Dp;Ot.options=Hp;Ot.className=es;var rn="popup",ts=rn;import{jsx as os}from"react/jsx-runtime";var as="k-animation-container",Fp=[],Up={},rs={positionMode:"absolute"},ht=e=>{let{positionMode:t=rs.positionMode,animationStyle:o,offset:a,...r}=e;return os("div",{...r,style:{...a,...e.style},className:n(e.className,as,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:os("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=Fp;ht.options=Up;ht.className=as;ht.defaultOptions=rs;ht.moduleName=rn;ht.folderName=ts;var nn="popup",ns=nn;import{jsx as is}from"react/jsx-runtime";var ss="k-popup",Gp=[],Vp={},ls={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=ls.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return is(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:is("div",{...p,className:n(e.className,ss),children:e.children})})};U.states=Gp;U.options=Vp;U.className=ss;U.defaultOptions=ls;U.moduleName=nn;U.folderName=ns;U.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{jsx as Xp}from"react/jsx-runtime";var $p="k-actionsheet-footer",ds={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=ds.alignment,orientation:o=ds.orientation,template:a,as:r=a?"div":z,...s}=e;return Xp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,$p),children:e.children})};var sn="searchbox",cs=sn;import{jsx as Ma,jsxs as Jp}from"react/jsx-runtime";var ps="k-searchbox",qp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Wp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ln={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=ln.showIcon,icon:C=ln.icon,"aria-label":M,...E}=e;return Jp(Z,{...E,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,className:n(e.className,ps),children:[L&&Ma(v,{className:"k-input-icon",icon:C}),Ma(Fe,{placeholder:o,value:t,"aria-label":M}),Ma(Ke,{...e}),Ma(Ae,{...e}),Ma(ze,{...e})]})};Ze.states=qp;Ze.options=Wp;Ze.className=ps;Ze.defaultOptions=ln;Ze.moduleName=sn;Ze.folderName=cs;import{jsx as dS}from"react/jsx-runtime";var dn="textbox",ms=dn;import{Fragment as us,jsx as Pt,jsxs as cn}from"react/jsx-runtime";var fs="k-textbox",Yp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rr={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:r=rr.separators,showClearButton:s=rr.showClearButton,showValidationIcon:l=rr.showValidationIcon,prefix:p,suffix:b,type:x,value:N,placeholder:k,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,id:ue,"aria-label":he,"aria-describedby":xe,...Me}=e;return cn(Z,{...Me,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,className:n(e.className,fs),children:[p&&cn(us,{children:[Pt(_e,{children:p}),r&&Pt(Ie,{})]}),Pt(Fe,{id:ue,placeholder:k,value:N,type:x,disabled:w,"aria-label":he,"aria-describedby":xe,"aria-invalid":M?"true":void 0}),l&&Pt(Ae,{valid:C,invalid:M,loading:A,disabled:w}),Pt(Ke,{loading:A,disabled:w}),s&&Pt(ze,{loading:A,disabled:w,readonly:J,value:N}),b&&cn(us,{children:[r&&Pt(Ie,{}),Pt(De,{children:b})]})]})};Ne.states=Yp;Ne.options=Qp;Ne.className=fs;Ne.defaultOptions=rr;Ne.moduleName=dn;Ne.folderName=ms;Ne.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 Sa=Ne;import{jsx as Zp}from"react/jsx-runtime";var bs=e=>Zp(Sa,{...e});import{Fragment as IS,jsx as AS}from"react/jsx-runtime";import{Fragment as PS,jsx as BS}from"react/jsx-runtime";import{jsx as _S}from"react/jsx-runtime";import{jsx as pn}from"react/jsx-runtime";var jp=Ne.states,em=Ne.defaultOptions,tm=Ne.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?pn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?pn(qt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),pn(bs,{value:"Value",style:{width:300},...o,...a})};go.options=tm;go.states=jp;go.variants=am;go.defaultOptions=em;go.modifiers=om;go.className=Ne.className;import{jsx as wt,jsxs as mn}from"react/jsx-runtime";var hs="k-actionsheet-titlebar",rm={},Te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:l,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:N,children:k,...m}=e;return mn("div",{...m,className:n(e.className,hs),children:[mn("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&mn("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&wt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&wt("div",{className:"k-actionsheet-actions",children:r})]}),(l||s)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(Ne,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):wt(Ze,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Te.className=hs;Te.defaultOptions=rm;import{jsx as un,jsxs as lm}from"react/jsx-runtime";var fn="k-actionsheet-view",nm=[],im={},sm={},vo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Te&&un(Te,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&un(Bt,{...s?.props});return lm("div",{...p,className:n(e.className,fn,{[`${fn}-animated`]:o}),children:[b,un("div",{className:"k-actionsheet-content",children:a}),x]})};vo.states=nm;vo.options=im;vo.className=fn;vo.defaultOptions=sm;var Aa="action-sheet",nr=Aa;var bn="overlay",xs=bn;import{jsx as mm}from"react/jsx-runtime";var Ns="k-overlay",dm=[],cm={},pm={},Rt=e=>{let{...t}=e;return mm("div",{...t,className:n(e.className,Ns),children:e.children})};Rt.states=dm;Rt.options=cm;Rt.className=Ns;Rt.defaultOptions=pm;Rt.moduleName=bn;Rt.folderName=xs;import{jsx as ir,jsxs as bm}from"react/jsx-runtime";var ks="k-actionsheet",um=[],fm={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:r=Ia.overlay,template:s,children:l,header:p,footer:b,id:x,...N}=e,k=x&&!s&&p?`${x}-title`:void 0;return bm("div",{className:"k-actionsheet-container",children:[r&&ir(Rt,{}),ir(ht,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:ir("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ks,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||ir(vo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};oe.states=um;oe.options=fm;oe.className=ks;oe.defaultOptions=Ia;oe.moduleName=Aa;oe.folderName=nr;oe.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as km}from"react/jsx-runtime";var gs="k-actionsheet-container",hm=[],xm={},Nm={},Co=e=>{let{children:t,...o}=e;return km("div",{...o,className:gs,children:t})};Co.states=hm;Co.options=xm;Co.className=gs;Co.defaultOptions=Nm;Co.moduleName=Aa;Co.folderName=nr;import{jsx as gm}from"react/jsx-runtime";var hn=e=>{let{...t}=e;return gm("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Cm,jsx as Ta,jsxs as xn}from"react/jsx-runtime";var Nn="k-actionsheet-item",vm=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return xn("span",{...b,className:n(e.className,Nn,S(Nn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ta(Cm,{children:xn("span",{className:"k-actionsheet-action",children:[t&&Ta("span",{className:"k-icon-wrap",children:Ta(v,{className:"k-actionsheet-item-icon",icon:t})}),xn("span",{className:"k-actionsheet-item-text",children:[o&&Ta("span",{className:"k-actionsheet-item-title",children:o}),a&&Ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=vm;Kt.className=Nn;import{jsx as KA,jsxs as _A}from"react/jsx-runtime";import{jsx as FA}from"react/jsx-runtime";import{jsx as $A}from"react/jsx-runtime";import{jsx as JA}from"react/jsx-runtime";import{jsx as ke,jsxs as kn}from"react/jsx-runtime";var Lm=oe.options,Mm=oe.states,Cs={...oe.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Am=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={},s=kn(hn,{children:[ke(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ke(Kt,{text:"Add to Favorites",iconName:"heart"}),ke(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),ke("hr",{className:"k-hr"}),ke(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":r.actionsStart=!!o?.[b],r.actionsEnd=!!o?.[b];break;case"subtitle":r.subtitle=o?.[b]?l:void 0;break;case"footer":r.footer=!!o?.[b];break;default:break}}),t==="adaptive"?ke(oe,{...a,adaptive:!0,fullscreen:r.fullScreen,header:ke(Te,{actionsStart:r.actionsStart?ke(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ke(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?kn(Bt,{alignment:"stretched",children:[ke(d,{text:"Cancel",size:"large",themeColor:"base"}),ke(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ke(oe,{...a,fullscreen:r.fullScreen,header:ke(Te,{actionsStart:r.actionsStart?ke(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ke(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?kn(Bt,{alignment:"stretched",children:[ke(d,{text:"Apply",themeColor:"primary"}),ke(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Lo.options=Lm;Lo.states=Mm;Lo.variants=Sm;Lo.defaultOptions=Cs;Lo.modifiers=Am;Lo.className=oe.className;var gn="slider",Ls=gn;import{jsx as Mo,jsxs as vn}from"react/jsx-runtime";var ya="k-slider",Im=[i.hover,i.focus,i.active,i.disabled,i.readonly],Tm={},je={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:r=je.readonly,disabled:s=je.disabled,handlePosition:l=je.handlePosition,showButtons:p=je.showButtons,showTicks:b=je.showTicks,value:x=je.value,min:N=je.min,max:k=je.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:A,dir:w,...J}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Me;return o==="horizontal"?(xe=w==="rtl"?"chevron-left":"chevron-right",Me=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Me="chevron-down"),vn("div",{...J,className:n(ya,e.className,S(ya,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&Mo(d,{className:"k-button-decrease",rounded:"full",icon:Me,tabIndex:-1,title:"Decrease"}),vn("div",{className:"k-slider-track-wrap",children:[b&&Mo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),vn("div",{className:"k-slider-track",style:A,children:[Mo("div",{className:"k-slider-selection"}),t==="range"&&Mo("span",{className:n("k-draghandle","k-draghandle-start",S(ya,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??k,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),Mo("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(ya,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??k:x,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":k,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),p&&Mo(d,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};q.states=Im;q.options=Tm;q.className=ya;q.defaultOptions=je;q.moduleName=gn;q.folderName=Ls;q.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 Ms}from"react/jsx-runtime";var Ss="k-tick",ym=[],Em={},As={label:!1},O=e=>{let{style:t,label:o=As.label,orientation:a,large:r,text:s,...l}=e;return Ms("li",{...l,role:"presentation",title:s||"Tick",className:n(e.className,Ss,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Ms("span",{className:"k-label",children:s})})};O.states=ym;O.options=Em;O.className=Ss;O.defaultOptions=As;import{Fragment as Om,jsx as et,jsxs as Bm}from"react/jsx-runtime";var Is=e=>et(q,{"aria-label":e["aria-label"]||"Slider",children:Bm(Om,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Pm,jsx as tt,jsxs as wm}from"react/jsx-runtime";var Ts=e=>tt(q,{children:wm(Pm,{children:[tt(O,{className:"k-first",label:!0,large:!0,text:"0"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{label:!0,large:!0,text:"5"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as _I,jsx as KI,jsxs as DI}from"react/jsx-runtime";import{Fragment as GI,jsx as UI,jsxs as VI}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";var Cn=e=>Rm(q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Km}from"react/jsx-runtime";var Ln=e=>Km(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as tT,jsx as eT,jsxs as oT}from"react/jsx-runtime";import{Fragment as sT,jsx as iT,jsxs as lT}from"react/jsx-runtime";import{jsx as xt,jsxs as ys}from"react/jsx-runtime";var _m=q.options,Dm=q.states,Es={...q.defaultOptions,variant:"horizontal",label:!0},Hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],So=e=>{let{variant:t,modifiers:o,...a}={...Es,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:p}=r,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ys(Ts,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ys(Is,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};So.options=_m;So.states=Dm;So.variants=Hm;So.defaultOptions=Es;So.modifiers=zm;So.className=q.className;import{jsx as Os,jsxs as $m}from"react/jsx-runtime";var Bs="k-spin-button",Gm=[],Vm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Mn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Mn.increaseLabel,decreaseLabel:s=Mn.decreaseLabel,...l}=e;return $m("span",{...l,className:n(Bs,e.className),children:[Os(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Os(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};_t.states=Gm;_t.options=Vm;_t.className=Bs;_t.defaultOptions=Mn;_t.moduleName=null;_t.folderName=null;var Ps="numeric-textbox",ws="numerictextbox";import{Fragment as Rs,jsx as Ct,jsxs as Sn}from"react/jsx-runtime";var Ks="k-numerictextbox",Xm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],qm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},sr={showSpinButton:!0,showClearButton:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:r=sr.separators,showClearButton:s=sr.showClearButton,showSpinButton:l=sr.showSpinButton,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,id:J,"aria-label":ue,"aria-describedby":he,...xe}=e;return Sn(Z,{...xe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Ks),children:[p&&Sn(Rs,{children:[Ct(_e,{children:p}),r&&Ct(Ie,{})]}),Ct(Fe,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ue,"aria-describedby":he,"aria-invalid":C?"true":void 0}),Ct(Ae,{valid:L,invalid:C,loading:E,disabled:A}),Ct(Ke,{loading:E,disabled:A}),s&&Ct(ze,{loading:E,disabled:A,readonly:w,value:x}),b&&Sn(Rs,{children:[r&&Ct(Ie,{}),Ct(De,{children:b})]}),l&&Ct(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};G.states=Xm;G.options=qm;G.className=Ks;G.defaultOptions=sr;G.moduleName=Ps;G.folderName=ws;G.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ea=G;import{jsx as Wm}from"react/jsx-runtime";var _s=e=>Wm(Ea,{...e});import In from"react";import{jsx as Ds}from"react/jsx-runtime";var Jm="k-list-group-sticky-header",An=e=>Ds("div",{className:n(Jm,e.className),children:Ds("div",{className:"k-list-header-text",children:e.children})});import{jsx as Qm}from"react/jsx-runtime";var Ym="k-no-data",lr=e=>{let{live:t,...o}=e;return Qm("span",{...o,className:n(Ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Ao=Yt;import{jsx as Hs,jsxs as zs}from"react/jsx-runtime";var Tn="k-list",Zm=[],jm={size:[c.undefined,c.small,c.medium,c.large]},eu={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=In.Children.toArray(a)[0],m=k?.props?.children?In.Children.count(k.props.children):In.Children.count(a);return zs("div",{...x,className:n(e.className,Tn,I(Tn,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Hs(An,{children:r}),a||(p!==void 0?p:Hs(lr,{live:!0,children:"No data found."})),b&&a&&zs(lr,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=Zm;D.options=jm;D.className=Tn;D.defaultOptions=eu;D.moduleName=Yt;D.folderName=Ao;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as ru}from"react/jsx-runtime";var Fs="k-list-container",tu=[],ou={},au={},Io=e=>{let{...t}=e;return ru("div",{...t,className:n(e.className,Fs),children:e.children})};Io.states=tu;Io.options=ou;Io.className=Fs;Io.defaultOptions=au;Io.moduleName=Yt;Io.folderName=Ao;var Qt="checkbox",To=Qt;import{jsx as Us}from"react/jsx-runtime";var dr="k-checkbox",nu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],iu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},su={},ot=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return Us("span",{className:"k-checkbox-wrap",role:m,children:Us("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,dr,I(dr,{size:N,rounded:k}),S(dr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};ot.states=nu;ot.options=iu;ot.className=dr;ot.defaultOptions=su;ot.moduleName=Qt;ot.folderName=To;ot.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ct=ot;import{jsx as cu}from"react/jsx-runtime";var Gs="k-checkbox-list",lu=[],du={},Vs={layout:"vertical"},ye=e=>{let{layout:t=Vs.layout,...o}=e;return cu("ul",{...o,className:n(e.className,Gs,{[`k-list-${t}`]:t}),children:e.children})};ye.states=lu;ye.options=du;ye.className=Gs;ye.defaultOptions=Vs;ye.moduleName=Qt;ye.folderName=To;import{jsx as fu}from"react/jsx-runtime";var $s="k-checkbox-list-item",pu=[],mu={},uu={},Ee=e=>{let{...t}=e;return fu("li",{...t,className:n(e.className,$s),children:e.children})};Ee.states=pu;Ee.options=mu;Ee.className=$s;Ee.defaultOptions=uu;Ee.moduleName=Qt;Ee.folderName=To;import{Fragment as bu,jsx as Xs,jsxs as hu}from"react/jsx-runtime";var Lt=({children:e="Label",id:t="cb-label-after",...o})=>hu(bu,{children:[Xs(ct,{id:t,...o}),Xs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as By,jsx as Oy,jsxs as Py}from"react/jsx-runtime";import{Fragment as Dy,jsx as _y,jsxs as Hy}from"react/jsx-runtime";import{Fragment as Vy,jsx as Gy,jsxs as $y}from"react/jsx-runtime";import{jsx as Jy}from"react/jsx-runtime";import{jsx as jy}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as at,jsxs as qs}from"react/jsx-runtime";var xu=ye.options,Nu=ye.states,ku={...ye.defaultOptions,variant:"vertical"},gu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?qs(ye,{layout:"horizontal",...o,children:[at(Ee,{children:at(Lt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})})]}):qs(ye,{...o,children:[at(Ee,{children:at(Lt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})})]})};yo.options=xu;yo.states=Nu;yo.variants=gu;yo.defaultOptions=ku;yo.modifiers=vu;yo.className=ye.className;import{jsx as Iu}from"react/jsx-runtime";var Cu=ct.options,Lu=ct.states,Mu=ct.defaultOptions,Su=[],Au=[],Eo=e=>Iu(Lt,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Eo.options=Cu;Eo.states=Lu;Eo.variants=Su;Eo.defaultOptions=Mu;Eo.modifiers=Au;Eo.className=ct.className;import{jsx as Zt,jsxs as Ou}from"react/jsx-runtime";var yn="k-list-item",Tu=[i.hover,i.focus,i.selected,i.disabled],yu={},Eu={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:l,checked:p,hover:b,focus:x,selected:N,disabled:k,actions:m,description:L,id:C,...M}=e,E=t||e.children;return Ou("li",{...M,id:C,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":yn,S(yn,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Zt(ot,{checked:p}),r&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:r,className:n("k-list-item-icon",s)})}),Zt("span",{className:"k-list-item-text",children:E}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Tu;P.options=yu;P.className=yn;P.defaultOptions=Eu;P.moduleName=Yt;P.folderName=Ao;P.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Pu}from"react/jsx-runtime";var Bu="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...r}=e;return Pu("ul",{...r,id:a,role:o,className:n(Bu,e.className),children:t})};Mt.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 En,jsxs as Ru}from"react/jsx-runtime";var wu="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return Ru("div",{...l,className:n(wu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:En(Mt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&En("div",{className:"k-height-container",children:En("div",{})})]})};$.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as qE,jsx as XE,jsxs as WE}from"react/jsx-runtime";import{jsx as On,jsxs as _u}from"react/jsx-runtime";var Ku="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:n(Ku,e.className),children:[t&&On("span",{className:"k-list-item-icon-wrapper",children:On(v,{icon:t,className:"k-list-item-icon"})}),On("span",{className:"k-list-item-text",children:e.children})]})};jt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Fu}from"react/jsx-runtime";var Bn="k-list-optionlabel",Du=[i.hover,i.focus,i.selected,i.disabled],Hu={},zu={},cr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Fu("div",{...l,className:n(Bn,S(Bn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};cr.states=Du;cr.options=Hu;cr.className=Bn;cr.defaultOptions=zu;import{jsx as $u}from"react/jsx-runtime";var Pn="k-list-custom-value",Uu=[i.hover,i.focus,i.selected,i.disabled],Gu={},Vu={},Dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return $u("div",{...l,className:n(Pn,S(Pn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=Uu;Dt.options=Gu;Dt.className=Pn;Dt.defaultOptions=Vu;import{Fragment as cO,jsx as dO,jsxs as pO}from"react/jsx-runtime";import{Fragment as xO,jsx as hO,jsxs as NO}from"react/jsx-runtime";import{Fragment as SO,jsx as LO,jsxs as MO}from"react/jsx-runtime";import{Fragment as BO,jsx as EO,jsxs as OO}from"react/jsx-runtime";import{jsx as KO}from"react/jsx-runtime";import{Fragment as UO,jsx as FO,jsxs as GO}from"react/jsx-runtime";var Ws="dropdown-list",Js="dropdownlist";import{Fragment as Wu,jsx as Oe,jsxs as wn}from"react/jsx-runtime";var Ys="k-dropdownlist",Xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Rn={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Rn.arrowIconName,showValue:s=Rn.showValue,valueIconName:l,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,popup:J,opened:ue,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Me,adaptiveSubtitle:Xt,adaptiveFilter:Br,id:Et,activeDescendant:Xa,"aria-label":Pr,...wr}=e,Hd=Et?`${Et}-listbox`:void 0,Ci=Et?`${Et}-value`:void 0;return wn(Wu,{children:[wn(ft,{...wr,id:Et,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Ys,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ue?"true":"false","aria-controls":ue?Hd:void 0,"aria-activedescendant":ue&&Xa?Xa:void 0,"aria-describedby":ue?Ci:void 0,"aria-disabled":A?"true":void 0,"aria-label":Pr,tabIndex:0,children:[Oe(_e,{children:p}),Oe(Jt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:Ci}),Oe(Ae,{valid:L,invalid:C,loading:E,disabled:A}),Oe(Ke,{loading:E,disabled:A}),Oe(De,{children:b}),Oe(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),ue&&J&&Oe(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),he&&Oe(oe,{adaptive:!0,...xe,header:Oe(Te,{actionsEnd:Oe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Br,inputValue:x,inputPlaceholder:N,title:Me,subtitle:Xt}),children:Oe("div",{className:"k-list-container",children:Oe(D,{size:"large",children:wn($,{"aria-label":"Options",children:[Oe(P,{text:"List item"}),Oe(P,{text:"List item"}),Oe(P,{text:"List item"})]})})})})]})};le.states=Xu;le.options=qu;le.className=Ys;le.defaultOptions=Rn;le.moduleName=Ws;le.folderName=Js;le.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 CB}from"react/jsx-runtime";import{jsx as TB,jsxs as yB}from"react/jsx-runtime";import{Fragment as DB,jsx as KB,jsxs as _B}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{Fragment as nP,jsx as aP,jsxs as rP}from"react/jsx-runtime";import{jsx as cP}from"react/jsx-runtime";import{Fragment as ef,jsx as Ht,jsxs as Qs}from"react/jsx-runtime";var Ju=le.states,Yu=le.defaultOptions,Qu=le.options,Zu=[{name:"opened",title:"Opened"}],ju=[],Bo=e=>{let{modifiers:t,...o}=e,a={},r=Qs(ef,{children:[Ht("div",{className:"k-list-filter",children:Ht(Ze,{})}),Ht(D,{style:{width:300},size:o.size,children:Qs($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ht("div",{children:Ht(le,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=Qu;Bo.states=Ju;Bo.variants=ju;Bo.defaultOptions=Yu;Bo.modifiers=Zu;Bo.className=le.className;import{Fragment as BP,jsx as OP}from"react/jsx-runtime";import{Fragment as DP,jsx as _P}from"react/jsx-runtime";import{jsx as UP}from"react/jsx-runtime";import{jsx as Kn}from"react/jsx-runtime";var tf=G.states,of=G.defaultOptions,af=G.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Kn(le,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Kn(on,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Kn(_s,{value:"Value",style:{width:300},...o,...a})};Po.options=af;Po.states=tf;Po.variants=nf;Po.defaultOptions=of;Po.modifiers=rf;Po.className=G.className;import{Fragment as Oa,jsx as K,jsxs as ie}from"react/jsx-runtime";var Zs="k-colorgradient-inputs",sf=[],lf={size:[c.undefined,c.small,c.medium,c.large]},js={mode:"rgba"},wo=e=>{let{mode:t=js.mode,size:o,...a}=e;return ie("div",{...a,className:n(Zs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(Oa,{children:ie("div",{className:"k-vstack k-flex-1",children:[K(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=sf;wo.options=lf;wo.className=Zs;wo.defaultOptions=js;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var el="k-colorgradient-color-contrast",df=[],cf={},pf={},Ro=()=>to("div",{className:n(el,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Ro.states=df;Ro.options=cf;Ro.className=el;Ro.defaultOptions=pf;var tl="color-gradient",ol="colorgradient";import{jsx as rt,jsxs as Ba}from"react/jsx-runtime";var pr="k-colorgradient",mf=[i.hover,i.focus,i.readonly,i.disabled],uf={size:[c.undefined,c.small,c.medium,c.large]},Nt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},fe=e=>{let{size:t,mode:o=Nt.mode,readonly:a=Nt.readonly,disabled:r=Nt.disabled,gradientStyle:s=Nt.gradientStyle,dragHandleStyle:l=Nt.dragHandleStyle,alphaStyle:p=Nt.alphaStyle,alphaStyleHorizontal:b=Nt.alphaStyleHorizontal,contrast:x=Nt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=Nt.canvasOrientation,role:E,tabIndex:A,...w}=e;return Ba("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:n(e.className,pr,I(pr,{size:t}),S(pr,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M||M==="horizontal"&&Ba("div",{className:"k-colorgradient-canvas k-hstack",children:[rt("div",{className:"k-hsv-rectangle",style:s,children:rt("div",{className:"k-hsv-gradient",children:rt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ba("div",{className:"k-hsv-controls k-hstack",children:[rt(Ln,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&rt(Ln,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ba("div",{className:"k-colorgradient-canvas k-vstack",children:[rt("div",{className:"k-hsv-rectangle",style:s,children:rt("div",{className:"k-hsv-gradient",children:rt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ba("div",{className:"k-hsv-controls k-vstack",children:[rt(Cn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&rt(Cn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),rt(wo,{mode:e.mode,size:t}),x&&rt(Ro,{})]})};fe.states=mf;fe.options=uf;fe.className=pr;fe.defaultOptions=Nt;fe.moduleName=tl;fe.folderName=ol;fe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as ff}from"react/jsx-runtime";var mr=e=>ff(fe,{...e});import{jsx as Iw}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var bf=fe.options,hf=fe.states,xf={...fe.defaultOptions,variant:"rgba"},Nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kf=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return _n(mr,{...o,mode:t});case"rgb":return _n(mr,{...o,mode:t});default:return _n(mr,{...o,mode:t})}};Ko.options=bf;Ko.states=hf;Ko.variants=Nf;Ko.defaultOptions=xf;Ko.modifiers=kf;Ko.className=fe.className;import{jsx as gf}from"react/jsx-runtime";var Dn=e=>gf("tr",{role:"row",children:e.children});import{jsx as Lf}from"react/jsx-runtime";var Hn="k-colorpalette-tile",vf=[i.hover,i.focus,i.selected],Cf={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...l}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Lf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,Hn,S(Hn,{hover:a,focus:r,selected:s})),style:p})};_o.states=vf;_o.options=Cf;_o.className=Hn;var al="color-palette",rl="colorpalette";import{jsx as Pa}from"react/jsx-runtime";var ur="k-colorpalette",Mf=[i.disabled],Sf={size:[c.undefined,c.small,c.medium,c.large]},nl={columns:10},Be=e=>{let{size:t,palette:o,columns:a=nl.columns,tileSize:r,disabled:s,...l}=e,p=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,k)=>{let m=[];x.slice(k*b,(k+1)*b).map((C,M)=>{m.push(Pa(_o,{color:C,tileSize:r},M))});let L=Pa(Dn,{children:m},k);p.push(L)})}return Pa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,ur,S(ur,{disabled:s}),I(ur,{size:t})),children:Pa("table",{className:"k-colorpalette-table",role:"none",children:Pa("tbody",{children:p.length>0?p:e.children})})})};Be.states=Mf;Be.options=Sf;Be.className=ur;Be.defaultOptions=nl;Be.moduleName=al;Be.folderName=rl;Be.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 fr=Be;var wa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Af}from"react/jsx-runtime";var il=e=>Af(fr,{palette:wa.basic,...e});import{jsx as mR}from"react/jsx-runtime";import{jsx as NR,jsxs as kR}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var If=Be.options,Tf=Be.states,yf={...Be.defaultOptions,variant:"basic"},Ef=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Of={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Bf=[],Do=e=>{let{variant:t="basic",...o}=e,a=Of[t];return Pf(il,{columns:a.columns,palette:a,...o})};Do.options=If;Do.states=Tf;Do.variants=Ef;Do.defaultOptions=yf;Do.modifiers=Bf;Do.className=Be.className;var sl="color-editor",ll="coloreditor";import{jsx as nt,jsxs as Ho}from"react/jsx-runtime";var br="k-coloreditor",wf=[i.focus],Rf={size:[c.undefined,c.small,c.medium,c.large]},Ra={view:"gradient",palette:wa.office,actionButtons:!0,canvasOrientation:"horizontal"},ae=e=>{let{size:t,view:o=Ra.view,palette:a=Ra.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Ra.actionButtons,canvasOrientation:k=Ra.canvasOrientation,...m}=e;return Ho("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",br,I(br,{size:t}),S(br,{focus:l})),dir:b,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[nt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Ho(B,{fillMode:"flat",children:[nt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),nt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),nt("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[nt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[nt(Ot,{className:"k-coloreditor-preview-color",color:r}),nt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?nt(fe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):nt(Be,{palette:a,size:t})}),N&&Ho(z,{className:"k-coloreditor-footer",alignment:"start",children:[nt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),nt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ae.states=wf;ae.options=Rf;ae.className=br;ae.defaultOptions=Ra;ae.moduleName=sl;ae.folderName=ll;ae.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zo=ae;import{jsx as WR}from"react/jsx-runtime";import{jsx as ZR}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var dl=e=>Kf(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var cl=e=>_f(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as pl}from"react/jsx-runtime";var Df=ae.options,Hf=ae.states,zf={...ae.defaultOptions,variant:"gradient"},Ff=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?pl(cl,{...o,color:"white"}):pl(dl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=Df;Fo.states=Hf;Fo.variants=Ff;Fo.defaultOptions=zf;Fo.modifiers=Uf;Fo.className=ae.className;var ml="color-picker",ul="colorpicker";import{Fragment as $f,jsx as it,jsxs as zn}from"react/jsx-runtime";var fl="k-colorpicker",Gf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Vf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},bl={arrowIconName:"chevron-down"},Ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=bl.arrowIconName,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,valueIconName:M,popup:E,opened:A,adaptive:w,adaptiveSettings:J,adaptiveTitle:ue,adaptiveSubtitle:he,...xe}=e,Me="colorpicker-popup";return zn($f,{children:[zn(ft,{...xe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A||w?Me:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,fl,"k-icon-picker"),children:[it(_e,{children:s}),it(Jt,{placeholder:b,value:p,showValue:!1,valueIcon:it(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),it(De,{children:l}),it(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&it(U,{id:Me,className:"k-colorpicker-popup",children:E}),w&&it(oe,{adaptive:!0,id:Me,...J,header:it(Te,{actionsEnd:it(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ue,subtitle:he}),footer:zn(Bt,{children:[it(d,{text:"Cancel",size:"large"}),it(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:it(ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ue.states=Gf;Ue.options=Vf;Ue.className=fl;Ue.defaultOptions=bl;Ue.moduleName=ml;Ue.folderName=ul;Ue.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 St=Ue;import{jsx as Xf}from"react/jsx-runtime";var hr=e=>Xf(St,{...e});import{jsx as RK}from"react/jsx-runtime";import{jsx as zK}from"react/jsx-runtime";import{jsx as VK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{jsx as ZK}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var qf=St.options,Wf=St.states,hl={...St.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...hl,...e},r={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?oo(ae,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return oo("div",{style:s,children:oo(hr,{...a,...r})});case"icon":return oo("div",{style:s,children:oo(hr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return oo("div",{style:s,children:oo(hr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Uo.options=qf;Uo.states=Wf;Uo.variants=Jf;Uo.defaultOptions=hl;Uo.modifiers=Yf;Uo.className=St.className;var Fn="combobox",xl=Fn;import{Fragment as Un,jsx as de,jsxs as Ka}from"react/jsx-runtime";var Nl="k-combobox",Qf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},kl={separators:!0},ve=e=>{let{size:t,rounded:o,fillMode:a,separators:r=kl.separators,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,popup:E,opened:A,readonly:w,adaptive:J,adaptiveSettings:ue,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Me,id:Xt,autocomplete:Br,activeDescendant:Et,"aria-label":Xa,...Pr}=e,wr=Xt?`${Xt}-listbox`:void 0;return Ka(Un,{children:[Ka(Z,{...Pr,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,readonly:w,className:n(e.className,Nl),children:[s&&Ka(Un,{children:[de(_e,{children:s}),r&&de(Ie,{})]}),de(Fe,{id:Xt,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?wr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Br,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Xa,disabled:M,readOnly:w}),de(Ae,{valid:k,invalid:m,loading:C,disabled:M}),de(Ke,{loading:C,disabled:M}),de(ze,{loading:C,disabled:M,readonly:w,value:p}),l&&Ka(Un,{children:[r&&de(Ie,{}),de(De,{children:l})]}),de(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&E&&de(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&de(oe,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...ue,header:de(Te,{actionsEnd:de(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:he,subtitle:xe}),children:de("div",{className:"k-list-container",children:de(D,{customValue:Me?de(Dt,{text:`Use "${p}"`}):void 0,size:"large",children:Ka($,{"aria-label":he||"Options",children:[de(P,{text:"List item"}),de(P,{text:"List item"}),de(P,{text:"List item"})]})})})})]})};ve.states=Qf;ve.options=Zf;ve.className=Nl;ve.defaultOptions=kl;ve.moduleName=Fn;ve.folderName=xl;ve.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 Ge=ve;import{jsx as jf}from"react/jsx-runtime";var gl=e=>jf(Ge,{...e});import{jsx as D_,jsxs as H_}from"react/jsx-runtime";import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Z_,jsxs as j_}from"react/jsx-runtime";import{Fragment as n0,jsx as r0}from"react/jsx-runtime";import{Fragment as p0,jsx as c0}from"react/jsx-runtime";import{jsx as x0,jsxs as N0}from"react/jsx-runtime";import{Fragment as A0,jsx as M0,jsxs as S0}from"react/jsx-runtime";import{jsx as E0}from"react/jsx-runtime";import{jsx as w0}from"react/jsx-runtime";import{jsx as z0,jsxs as F0}from"react/jsx-runtime";import{jsx as q0,jsxs as W0}from"react/jsx-runtime";import{jsx as zt,jsxs as nb}from"react/jsx-runtime";var eb=ve.states,tb=ve.defaultOptions,ob=ve.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rb=[],Go=e=>{let{modifiers:t,...o}=e,a={},r=zt(D,{style:{width:300},size:o.size,children:nb($,{children:[zt(P,{children:"List item"}),zt(P,{children:"List item"}),zt(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?zt(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),zt("div",{children:zt(gl,{value:"Value",style:{width:300},...o,...a})})};Go.options=ob;Go.states=eb;Go.variants=rb;Go.defaultOptions=tb;Go.modifiers=ab;Go.className=ve.className;var Gn="menu-button",vl=Gn;import{jsx as lb}from"react/jsx-runtime";var Cl="k-menu-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],sb={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Vn={showArrow:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,showArrow:m=Vn.showArrow,arrowIconName:L=Vn.arrowIconName,expanded:C,...M}=e;return lb(d,{...M,className:n(e.className,Cl),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};X.states=ib;X.options=sb;X.className=Cl;X.defaultOptions=Vn;X.moduleName=Gn;X.folderName=vl;X.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as ID}from"react/jsx-runtime";import{jsx as OD}from"react/jsx-runtime";import{jsx as RD}from"react/jsx-runtime";var Ve="menu",st=Ve;import{jsx as _a,jsxs as Ll}from"react/jsx-runtime";var $n="k-menu-item",db=[i.hover,i.focus,i.active,i.selected,i.disabled],cb={},Ml={iconPosition:"before"},Ce=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=Ml.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),Ll("li",{...E,className:n(e.className,$n,"k-item",S($n,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ll("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&_a(v,{className:"k-menu-link-icon",icon:l}),_a("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&_a(v,{className:"k-menu-link-icon",icon:l}),N&&_a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:_a(v,{icon:A})})]}),C]})};Ce.states=db;Ce.options=cb;Ce.className=$n;Ce.defaultOptions=Ml;Ce.moduleName=Ve;Ce.folderName=st;import{jsx as Da,jsxs as Sl}from"react/jsx-runtime";var Xn="k-menu-item",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={},qn={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=qn.iconPosition,dir:L=qn.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w||(w=L==="rtl"?"chevron-left":"chevron-right"),Sl("li",{...A,className:n(e.className,Xn,"k-item",S(Xn,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Sl("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[l&&m==="before"&&Da(v,{className:"k-menu-link-icon",icon:l}),Da("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Da(v,{className:"k-menu-link-icon",icon:l}),N&&Da("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Da(v,{icon:w})})]}),C,M]})};j.states=pb;j.options=mb;j.className=Xn;j.defaultOptions=qn;j.moduleName=Ve;j.folderName=st;import{jsx as hb}from"react/jsx-runtime";var Al="k-menu-scroll-wrapper",ub=[],fb={},bb={},ao=e=>{let{className:t,children:o,orientation:a,...r}=e;return hb("div",{...r,className:n(t,Al,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=ub;ao.options=fb;ao.className=Al;ao.defaultOptions=bb;ao.moduleName=Ve;ao.folderName=st;var Il=ao;import{Fragment as Wn,jsx as ro,jsxs as Nr}from"react/jsx-runtime";var Jn="k-menu",xb=[],Nb={},kr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},be=e=>{let{children:t,orientation:o=kr.orientation,header:a=kr.header,scrollable:r,scrollButtonsPosition:s=kr.scrollButtonsPosition,wrapperStyles:l,dir:p,popup:b,contextMenu:x,...N}=e,k={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ro("ul",{dir:p,...N,className:n(e.className,"k-reset",Jn,{[`${Jn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Nr(Wn,{children:[r?Nr(Il,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Nr(Wn,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&Nr(Wn,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,b]})};be.states=xb;be.options=Nb;be.className=Jn;be.defaultOptions=kr;be.moduleName=Ve;be.folderName=st;be.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as kb}from"react/jsx-runtime";var Yn="k-separator",Tl={orientation:"horizontal"},Vo=e=>{let{orientation:t=Tl.orientation,...o}=e;return kb("li",{...o,className:n(e.className,"k-item",Yn,{[`${Yn}-${t}`]:t}),role:"separator"})};Vo.className=Yn;Vo.defaultOptions=Tl;Vo.moduleName=Ve;Vo.folderName=st;import{Fragment as cH,jsx as pH}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var Qn="k-menu-group",gb=[],vb={size:[c.undefined,c.small,c.medium,c.large]},Cb={},Le=e=>{let{children:t,size:o,...a}=e;return Lb("ul",{...a,className:n(e.className,Qn,I(Qn,{size:o})),role:"menu",children:t})};Le.states=gb;Le.options=vb;Le.className=Qn;Le.defaultOptions=Cb;Le.moduleName=Ve;Le.folderName=st;import{Fragment as Mb,jsx as $o,jsxs as Sb}from"react/jsx-runtime";var Zn=e=>$o(be,{children:Sb(Mb,{children:[$o(Ce,{first:!0,text:"Item 1"}),$o(Ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),$o(Ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),$o(Ce,{text:"Item 4"}),$o(Ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as SH,jsx as LH,jsxs as MH}from"react/jsx-runtime";import{Fragment as EH,jsx as yH,jsxs as OH}from"react/jsx-runtime";import{Fragment as KH,jsx as RH,jsxs as _H}from"react/jsx-runtime";import{Fragment as UH,jsx as FH,jsxs as GH}from"react/jsx-runtime";import{jsx as no,jsxs as Eb}from"react/jsx-runtime";var Ab=be.options,Ib=be.states,yl={...be.defaultOptions,variant:"horizontal"},Tb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...yl,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=no(U,{className:"k-menu-popup",children:Eb(Le,{children:[no(j,{text:"Item 1"}),no(j,{text:"Item 2"}),no(Vo,{}),no(j,{text:"Item 3"})]})});break}}),t==="vertical"?no(Zn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):no(Zn,{...a,...r})};Xo.options=Ab;Xo.states=Ib;Xo.variants=Tb;Xo.defaultOptions=yl;Xo.modifiers=yb;Xo.className=be.className;import{Fragment as v1,jsx as k1,jsxs as g1}from"react/jsx-runtime";import{jsx as S1}from"react/jsx-runtime";import{Fragment as Rb,jsx as kt,jsxs as El}from"react/jsx-runtime";var Ob=d.states,Ol={...d.defaultOptions,variant:"text"},Bb=d.options,Pb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Ol,...e},r={},s=kt(U,{className:"k-menu-popup",children:El(Le,{size:a.size,children:[kt(j,{first:!0,text:"Menu Item"}),kt(j,{text:"Menu Item"}),kt(j,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=kt("div",{children:kt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=kt("div",{children:kt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=kt("div",{children:kt(X,{...a,...r,children:"Dropdown Button"})});break}return El(Rb,{children:[l,o?.opened&&s]})};qo.options=Bb;qo.states=Ob;qo.variants=Pb;qo.defaultOptions=Ol;qo.modifiers=wb;qo.className=X.className;var jn="split-button",Bl=jn;import{Fragment as Db,jsx as ei,jsxs as Pl}from"react/jsx-runtime";var ti="k-split-button",Kb=[i.hover,i.focus,i.active,i.selected,i.disabled],_b={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},wl={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,arrowIconName:m=wl.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Pl(Db,{children:[Pl("div",{...E,className:n(e.className,ti,"k-button-group",I(ti,{rounded:o})),children:[ei(d,{text:k,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),ei(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&L&&ei(U,{className:"k-menu-popup",children:L})]})};_.states=Kb;_.options=_b;_.className=ti;_.defaultOptions=wl;_.moduleName=jn;_.folderName=Bl;_.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 oi=_;import{jsx as zb}from"react/jsx-runtime";var Hb="k-toolbar-separator",pt=e=>zb("div",{className:n(Hb,e.className,"k-separator")});var At="toolbar",Ft=At;import{Fragment as ai,jsx as H,jsxs as Wo}from"react/jsx-runtime";var It="k-toolbar",Fb=[i.focus],Ub={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Gb={scrollButtons:"around"},R=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:l,scrollingPosition:p,section:b,...x}=e,N=[],k=(m,L)=>{let C=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))C.push(H(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===d)C.push(H(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===F)C.push(H(F,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===V)C.push(H(V,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===X)C.push(H(X,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===oi)C.push(H(oi,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B||m.props.className&&m.props.className.includes("k-button-group")){let M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,w)=>{M.push(H(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${w}-${new Date().getTime()}`))}),C.push(H(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${L}-${new Date().getTime()}`))}else m.type===ve?C.push(H(ve,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===le?C.push(H(le,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ue?C.push(H(Ue,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),Wo("div",{...x,className:n(e.className,It,I(It,{size:t,fillMode:o}),S(It,{focus:a}),{[`${It}-resizable`]:r,[`${It}-scrollable`]:s,[`${It}-scrollable-overlay`]:s&&l==="hidden",[`${It}-scrollable-${p}`]:p&&p!=="both",[`${It}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&l==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&l==="start"&&Wo(ai,{children:[Wo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Wo(ai,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),Wo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&Wo(ai,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};R.states=Fb;R.options=Ub;R.className=It;R.defaultOptions=Gb;R.moduleName=At;R.folderName=Ft;R.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as qb}from"react/jsx-runtime";var Rl="k-floating-toolbar",Vb=[],$b={},Xb={},Jo=e=>{let{...t}=e;return qb("div",{...t,className:n(e.className,Rl),children:e.children})};Jo.states=Vb;Jo.options=$b;Jo.className=Rl;Jo.defaultOptions=Xb;Jo.moduleName=At;Jo.folderName=Ft;import{jsx as Qb}from"react/jsx-runtime";var ri="k-toolbar-item",Wb=[i.focus],Jb={},Yb={},Yo=e=>{let{focus:t,...o}=e;return Qb("div",{...o,className:n(e.className,ri,S(ri,{focus:t})),children:e.children})};Yo.states=Wb;Yo.options=Jb;Yo.className=ri;Yo.defaultOptions=Yb;Yo.moduleName=At;Yo.folderName=Ft;import{jsx as Kl}from"react/jsx-runtime";var _l="k-toolbar-popup",Zb=[],jb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},eh={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Kl(U,{...r,className:n(e.className,_l),children:a?Kl("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Zb;io.options=jb;io.className=_l;io.defaultOptions=eh;io.moduleName=At;io.folderName=Ft;var gr=io;import{jsx as T2}from"react/jsx-runtime";import{jsx as B2}from"react/jsx-runtime";import{jsx as K2}from"react/jsx-runtime";import{jsx as U2,jsxs as G2}from"react/jsx-runtime";import{jsx as q2}from"react/jsx-runtime";import{jsx as Tt,jsxs as nh}from"react/jsx-runtime";var th=_.states,Dl={..._.defaultOptions,variant:"text"},oh=_.options,ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rh=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Dl,...e},r={},s=nh(Le,{size:a.size,children:[Tt(j,{first:!0,text:"Menu Item"}),Tt(j,{text:"Menu Item"}),Tt(j,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?s:"")}),t){case"icon-only":return Tt("div",{children:Tt(_,{...a,...r,icon:"star"})});case"icon-and-text":return Tt("div",{children:Tt(_,{...a,...r,icon:"star",children:"Split Button"})});default:return Tt("div",{children:Tt(_,{...a,...r,children:"Split Button"})})}};Qo.options=oh;Qo.states=th;Qo.variants=ah;Qo.defaultOptions=Dl;Qo.modifiers=rh;Qo.className=_.className;import{jsx as so,jsxs as ih}from"react/jsx-runtime";var Hl=e=>so(R,{children:[so(d,{children:"Button"},"toolbar-button"),so(X,{text:"Menu button"},"toolbar-menu-button"),so(_,{children:"Split button"},"toolbar-split-button"),ih(B,{children:[so(d,{className:"k-group-start",icon:"align-left",children:"Left"}),so(d,{icon:"align-center",children:"Center"}),so(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Cz,jsxs as Lz}from"react/jsx-runtime";import{jsx as $e,jsxs as zl}from"react/jsx-runtime";var Fl=e=>$e(R,{scrollable:!0,...e,children:[$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),zl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),zl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Ul}from"react/jsx-runtime";var Gl=({scrollingPosition:e="start",...t})=>Xe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Ul(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Ul(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as sh,jsx as He,jsxs as vr}from"react/jsx-runtime";var Vl=({fillMode:e,size:t,...o})=>vr(sh,{children:[He(R,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),vr(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(pt,{className:"k-toolbar-button-separator"}),He(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),vr(gr,{size:t,fillMode:e,section:!0,...o,children:[He(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(pt,{}),He(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),vr(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as o3,jsx as e3,jsxs as t3}from"react/jsx-runtime";import{Fragment as u3,jsx as p3,jsxs as m3}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var lh=R.options,dh=R.states,$l={...R.defaultOptions,variant:"default"},ch=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ph=[],Zo=e=>{let{variant:t,...o}={...$l,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Vl,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Gl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Fl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Hl,{style:{width:"583px"},...o})})}};Zo.options=lh;Zo.states=dh;Zo.variants=ch;Zo.defaultOptions=$l;Zo.modifiers=ph;Zo.className=R.className;var ni="prompt",Xl=ni;import{Fragment as bh,jsx as ql}from"react/jsx-runtime";var Wl="k-prompt",mh=[],uh={},fh={},W=e=>{let{...t}=e;return ql("div",{...t,className:n(e.className,Wl),children:ql(bh,{children:e.children})})};W.states=mh;W.options=uh;W.className=Wl;W.defaultOptions=fh;W.moduleName=ni;W.folderName=Xl;W.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};import{jsx as xh}from"react/jsx-runtime";var hh="k-prompt-header",mt=e=>{let{...t}=e;return xh("div",{...t,className:n(e.className,hh),children:e.children})};import{Fragment as kh,jsx as Jl}from"react/jsx-runtime";var Nh="k-prompt-content",qe=e=>{let{...t}=e;return Jl("div",{...t,className:n(e.className,Nh),children:Jl(kh,{children:e.children})})};import{jsx as vh}from"react/jsx-runtime";var gh="k-prompt-view",We=e=>{let{...t}=e;return vh("div",{...t,className:n(e.className,gh),children:e.children})};import{jsx as Yl,jsxs as Lh}from"react/jsx-runtime";var Ch="k-prompt-expander",Ha=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return Lh("div",{...r,className:n(e.className,Ch),children:[Yl(F,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Yl("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Sh}from"react/jsx-runtime";var Mh="k-prompt-footer",lo=e=>{let{...t}=e;return Sh("div",{...t,className:n(e.className,Mh),children:e.children})};import{jsx as Ih}from"react/jsx-runtime";var Ah="k-prompt-setting",ii=e=>{let{...t}=e;return Ih("div",{...t,className:n(e.className,Ah),children:e.children})};import{jsx as Th}from"react/jsx-runtime";var Ql="k-prompt-send",Zl={generating:!1},jo=e=>{let{generating:t=Zl.generating,...o}=e;return Th(d,{...o,className:n(e.className,Ql,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};jo.states=d.states;jo.options=d.options;jo.className=Ql;jo.defaultOptions=Zl;import{jsx as jl,jsxs as Ph}from"react/jsx-runtime";var Cr="k-fab",Oh=[i.hover,i.focus,i.active,i.selected,i.disabled],Bh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},ed={type:"button"},re=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=ed.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return Ph("button",{...L,type:l,className:n(e.className,Cr,I(Cr,{size:t,rounded:o,themeColor:a}),S(Cr,{hover:b,focus:x,active:N,disabled:m,selected:k}),{[`!k-pos-absolute k-${p}`]:p}),...!r&&s&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[s&&jl(v,{className:"k-fab-icon",icon:s}),r&&jl("span",{className:"k-fab-text",children:r})]})};re.states=Oh;re.options=Bh;re.className=Cr;re.defaultOptions=ed;re.moduleName="fab";re.folderName="fab";re.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 Rh}from"react/jsx-runtime";var wh="k-fab-items",td=e=>{let{position:t,...o}=e;return Rh("ul",{...o,className:n(e.className,wh,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ad,jsxs as _h}from"react/jsx-runtime";var od="k-fab-item",Kh=[i.hover,i.focus,i.active,i.disabled],si=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return _h("li",{...b,className:n(e.className,od,{[`k-text-${a}`]:a},S(od,{hover:r,focus:s,active:l,disabled:p})),children:[ad("span",{className:"k-fab-item-text",children:t}),ad(v,{className:"k-fab-item-icon",icon:o})]})};si.states=Kh;import{jsx as T5}from"react/jsx-runtime";import{jsx as B5}from"react/jsx-runtime";import{jsx as K5}from"react/jsx-runtime";import{jsx as z5}from"react/jsx-runtime";import{jsx as ea,jsxs as Gh}from"react/jsx-runtime";var Dh=re.options,Hh=re.states,zh={...re.defaultOptions,variant:"text"},Fh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Uh=[{name:"opened",title:"Opened"}],ta=e=>{let{variant:t,modifiers:o,...a}=e,{opened:r}=o||{},s=r?ea("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:ea(td,{position:"bottom",children:ea(si,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=ea(re,{...a,icon:"star"});break;case"icon-and-text":l=ea(re,{...a,icon:"star",text:"Action"});break;default:l=ea(re,{...a,text:"Action"});break}return Gh("span",{style:{position:"relative"},children:[l,s]})};ta.options=Dh;ta.states=Hh;ta.variants=Fh;ta.defaultOptions=zh;ta.modifiers=Uh;ta.className=re.className;import{jsx as Vh}from"react/jsx-runtime";var rd="k-prompt-stop-fab",nd={generating:!0},co=e=>{let{generating:t=nd.generating,icon:o,...a}=e;return Vh(re,{...a,className:n(e.className,rd,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};co.states=d.states;co.options=d.options;co.className=rd;co.defaultOptions=nd;var li="speech-to-text-button",id=li;import{jsx as $h}from"react/jsx-runtime";var sd="k-speech-to-text-button",ld={icon:"microphone-outline"},ne=e=>{let{listening:t=!1,icon:o=ld.icon,...a}=e;return $h(d,{...a,icon:t?"stop-sm":o,className:n(e.className,sd,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};ne.states=d.states;ne.options=d.options;ne.className=sd;ne.defaultOptions=ld;ne.moduleName=li;ne.folderName=id;ne.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 LF}from"react/jsx-runtime";import{jsx as IF}from"react/jsx-runtime";import{jsx as Yh}from"react/jsx-runtime";var Xh=d.states,dd={...d.defaultOptions,variant:"normal"},qh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Wh=[],Jh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],oa=e=>{let{variant:t,...o}={...dd,...e},a={};return t==="listening"&&(a.listening=!0),Yh(ne,{...o,...a})};oa.options=qh;oa.states=Xh;oa.variants=Jh;oa.defaultOptions=dd;oa.modifiers=Wh;oa.className=ne.className;var di="textarea",cd=di;import{Fragment as pd,jsx as za,jsxs as ci}from"react/jsx-runtime";var md="k-textarea",Qh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zh={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]},aa={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Q=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=aa.prefixSeparator,suffixSeparator:s=aa.prefixSeparator,affixesOrientation:l=aa.affixesOrientation,flow:p=aa.flow,resize:b=aa.resize,prefix:x,suffix:N,rows:k,value:m,placeholder:L,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,id:ue,"aria-label":he,"aria-describedby":xe,...Me}=e;return ci(Z,{...Me,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,md,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ci(pd,{children:[za(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&za(Ie,{direction:p==="horizontal"?"vertical":"horizontal"})]}),za(La,{className:n("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:L,rows:k,disabled:J,id:ue,"aria-label":he,"aria-describedby":xe,"aria-invalid":A?"true":void 0}),N&&ci(pd,{children:[s&&za(Ie,{direction:p==="horizontal"?"vertical":"horizontal"}),za(De,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Q.states=Qh;Q.options=Zh;Q.className=md;Q.defaultOptions=aa;Q.moduleName=di;Q.folderName=cd;Q.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 qF}from"react/jsx-runtime";import{Fragment as jF,jsx as ZF}from"react/jsx-runtime";import{Fragment as nU,jsx as rU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var jh=Q.options,ex=Q.states,ud={...Q.defaultOptions,variant:"vertical"},tx=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],ox=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ra=e=>{let{variant:t,modifiers:o,...a}={...ud,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Lr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Lr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Lr(Q,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Lr(Q,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};ra.options=jh;ra.states=ex;ra.variants=tx;ra.defaultOptions=ud;ra.modifiers=ox;ra.className=Q.className;import{Fragment as BU,jsx as EU,jsxs as OU}from"react/jsx-runtime";var mi="suggestion",fd=mi;import{jsx as Mr,jsxs as nx}from"react/jsx-runtime";var Sr="k-suggestion-group",ax=[],rx={},bd={layout:"scrollable",scrollingPosition:"start"},lt=e=>{let{layout:t=bd.layout,scrollingPosition:o,...a}=e,r=Mr("div",{...a,className:n(Sr,{"k-suggestion-group-scrollable":t=="scrollable",[`${Sr}-scrollable-start`]:o==="start"||o==="both",[`${Sr}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Mr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?nx("div",{className:"k-suggestion-scrollwrap",children:[Mr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,Mr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};lt.states=ax;lt.options=rx;lt.className=Sr;lt.defaultOptions=bd;lt.moduleName=mi;lt.folderName=fd;import{jsx as dx}from"react/jsx-runtime";var Ar="k-suggestion",ix=[i.active,i.hover,i.focus],sx={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},lx={text:"Suggestion"},ut=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return dx("span",{...l,className:n(e.className,Ar,S(Ar,{hover:a,active:o,focus:r}),I(Ar,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ut.states=ix;ut.options=sx;ut.className=Ar;ut.item=lx;import{Fragment as XU,jsx as $U,jsxs as qU}from"react/jsx-runtime";import{Fragment as ZU,jsx as QU,jsxs as jU}from"react/jsx-runtime";import{Fragment as rG,jsx as aG,jsxs as nG}from"react/jsx-runtime";import{Fragment as LG,jsx as vG,jsxs as CG}from"react/jsx-runtime";import{jsx as px}from"react/jsx-runtime";var cx="k-card-callout",hd=e=>{let{callout:t,...o}=e;return px("span",{...o,className:n(e.className,cx,{[`k-callout-${Mi.calloutMap[t]||t}`]:t})})};var Je="card",dt=Je;import{Fragment as bx,jsx as xd,jsxs as hx}from"react/jsx-runtime";var ui="k-card",mx=[i.hover,i.focus,i.selected,i.disabled],ux={},fx={},ee=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return hx("div",{...p,className:n(e.className,ui,S(ui,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&xd(hd,{callout:o}),xd(bx,{children:e.children})]})};ee.states=mx;ee.options=ux;ee.className=ui;ee.defaultOptions=fx;ee.moduleName=Je;ee.folderName=dt;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 gx,jsx as Nd}from"react/jsx-runtime";var fi="k-card-list",xx=[],Nx={},kx={},Gt=e=>{let{...t}=e;return Nd("div",{...t,className:n(e.className,fi,S(fi,{})),role:"list",children:Nd(gx,{children:e.children})})};Gt.states=xx;Gt.options=Nx;Gt.className=fi;Gt.defaultOptions=kx;Gt.moduleName=Je;Gt.folderName=dt;Gt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as Mx}from"react/jsx-runtime";var kd="k-card-group",vx=[],Cx={},Lx={},na=e=>{let{...t}=e;return Mx("div",{...t,className:n(e.className,kd),children:e.children})};na.states=vx;na.options=Cx;na.className=kd;na.defaultOptions=Lx;na.moduleName=Je;na.folderName=dt;import{jsx as Tx}from"react/jsx-runtime";var bi="k-card-wrap",Sx=[i.focus,i.selected],Ax={},Ix={},ia=e=>{let{focus:t,selected:o,...a}=e;return Tx("div",{...a,className:n(e.className,bi,S(bi,{focus:t,selected:o})),children:e.children})};ia.states=Sx;ia.options=Ax;ia.className=bi;ia.defaultOptions=Ix;ia.moduleName=Je;ia.folderName=dt;import{jsx as Ex}from"react/jsx-runtime";var hi="k-card-title",yx=[i.hover,i.focus],po=e=>{let{hover:t,focus:o,...a}=e;return Ex("div",{...a,className:n(e.className,hi,S(hi,{hover:t,focus:o})),children:e.children})};po.states=yx;po.className=hi;import{jsx as Bx}from"react/jsx-runtime";var Ox="k-card-subtitle",Ir=e=>{let{...t}=e;return Bx("div",{...t,className:n(e.className,Ox),children:e.children})};import{Fragment as vd,jsx as Tr}from"react/jsx-runtime";var gd="k-card-media",xi=e=>{let{src:t,...o}=e;return Tr(vd,{children:t?Tr("img",{...o,className:n(e.className,gd),src:t}):Tr("span",{...o,className:n(e.className,gd),children:Tr(vd,{children:e.children})})})};import{Fragment as wx,jsx as Fa,jsxs as Rx}from"react/jsx-runtime";var Px="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Rx("div",{...r,className:n(e.className,Px),children:[t&&Fa(po,{children:t}),o&&Fa(Ir,{children:o}),Fa(wx,{children:e.children}),a&&Fa("span",{className:"k-card-header-actions",children:Fa(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as _x}from"react/jsx-runtime";var Kx="k-card-footer",Ni=e=>{let{...t}=e;return _x("div",{...t,className:n(e.className,Kx),children:e.children})};import{Fragment as Hx,jsx as Ua,jsxs as zx}from"react/jsx-runtime";var Dx="k-card-body",Ye=e=>{let{title:t,subtitle:o,details:a,...r}=e;return zx("div",{...r,className:n(e.className,Dx),children:[t&&Ua(po,{children:t}),o&&Ua(Ir,{children:o}),Ua(Hx,{children:e.children}),a&&Ua("span",{className:"k-card-header-actions",children:Ua(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Vx}from"react/jsx-runtime";var Cd="k-card-deck",Fx=[],Ux={},Gx={},sa=e=>{let{...t}=e;return Vx("div",{...t,className:n(e.className,Cd),children:e.children})};sa.states=Fx;sa.options=Ux;sa.className=Cd;sa.defaultOptions=Gx;sa.moduleName=Je;sa.folderName=dt;import{jsx as Wx}from"react/jsx-runtime";var Ld="k-card-deck-scrollwrap",$x=[],Xx={},qx={},la=e=>{let{...t}=e;return Wx("div",{...t,className:n(e.className,Ld),children:e.children})};la.states=$x;la.options=Xx;la.className=Ld;la.defaultOptions=qx;la.moduleName=Je;la.folderName=dt;import{Fragment as Jx,jsx as da,jsxs as Md}from"react/jsx-runtime";var Sd=e=>da(ee,{orientation:"vertical",children:Md(Jx,{children:[da(yt,{children:"Card Header"}),da(Ye,{children:da("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Md(z,{className:"k-card-actions",children:[da(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),da(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Yx,jsx as Ga,jsxs as Ad}from"react/jsx-runtime";var Id=e=>Ga(ee,{orientation:"horizontal",children:Ad(Yx,{children:[Ga(Ye,{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."})}),Ad(z,{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 H9,jsxs as z9}from"react/jsx-runtime";import{jsx as Pe,jsxs as Va}from"react/jsx-runtime";var Qx=ee.options,Zx=ee.states,Td={...ee.defaultOptions,variant:"vertical"},jx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],eN=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Td,...e},r=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(p=>{switch(p){case"media":{r=!!o?.[p];break}case"header":{s=!!o?.[p];break}case"footer":{l=!!o?.[p];break}}}),t==="horizontal"?Va(Id,{style:{maxWidth:"420px"},...a,children:[r&&Pe(xi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Va("div",{children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(Ni,{children:"Card Footer"})]}),(s||l)&&Pe("span",{className:"k-separator k-separator-vertical"}),Va(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Va(Sd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Pe(xi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(Ni,{children:"Card Footer"}),Va(z,{className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ca.options=Qx;ca.states=Zx;ca.variants=jx;ca.defaultOptions=Td;ca.modifiers=eN;ca.className=ee.className;import{jsx as M6,jsxs as S6}from"react/jsx-runtime";var ki="panelbar",yd=ki;import{jsx as rN}from"react/jsx-runtime";var Ed="k-panelbar",tN=[],oN={},aN={},ge=e=>{let{activeDescendant:t,...o}=e;return rN("ul",{...o,className:n(e.className,Ed),role:"tree","aria-activedescendant":t,children:e.children})};ge.states=tN;ge.options=oN;ge.className=Ed;ge.defaultOptions=aN;ge.moduleName=ki;ge.folderName=yd;ge.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 gi from"react";import{jsx as yr,jsxs as Od}from"react/jsx-runtime";var Bd="k-panelbar-item",nN=[i.hover,i.focus,i.selected,i.disabled],iN={},Er={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=Er.text,level:o=Er.level,expanded:a=Er.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return Od("li",{...L,className:n(e.className,Bd,{"k-panelbar-header":r,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":C?a?"true":"false":void 0,"aria-selected":k?"true":"false","aria-disabled":b?"true":void 0,children:[Od("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&yr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&yr("span",{className:`k-panelbar-item-icon ${N}`}),yr("span",{className:"k-panelbar-item-text",children:t}),C&&yr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&gi.Children.map(m,M=>gi.isValidElement(M)?gi.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=nN;y.options=iN;y.className=Bd;y.defaultOptions=Er;import{jsx as cN}from"react/jsx-runtime";var Pd="k-panelbar-group",sN=[],lN={},dN={},we=e=>{let{ariaHidden:t,...o}=e;return cN("ul",{...o,className:n(e.className,Pd),role:"group","aria-hidden":t?"true":void 0,children:e.children})};we.states=sN;we.options=lN;we.className=Pd;we.defaultOptions=dN;import{jsx as fN}from"react/jsx-runtime";var wd="k-panelbar-content",pN=[],mN={},uN={},ce=e=>{let{...t}=e;return fN("div",{...t,className:n(e.className,wd),children:e.children})};ce.states=pN;ce.options=mN;ce.className=wd;ce.defaultOptions=uN;import{Fragment as bN,jsx as Vt,jsxs as hN}from"react/jsx-runtime";var $a=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Vt(ge,{children:hN(bN,{children:[Vt(y,{header:!0,text:"Item 1",id:t,children:Vt(ce,{children:"content"})}),Vt(y,{header:!0,text:"Item 2",id:o,children:Vt(ce,{children:"content"})}),Vt(y,{header:!0,text:"Item 3",id:a,children:Vt(ce,{children:"content"})}),Vt(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as Q6,jsx as Y6,jsxs as Z6}from"react/jsx-runtime";import{Fragment as xN,jsx as Re,jsxs as vi}from"react/jsx-runtime";var Rd=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item"),s=T("pb-child"),l=T("pb-child"),p=T("pb-child"),b=T("pb-child"),x=T("pb-child"),N=T("pb-child"),k=T("pb-child");return Re(ge,{activeDescendant:o,children:vi(xN,{children:[Re(y,{header:!0,text:"Item 1",id:t,children:Re(ce,{children:"content"})}),Re(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:vi(we,{children:[Re(y,{level:1,text:"Child 1",id:s}),Re(y,{level:1,expanded:!0,text:"Child 2",id:l,children:vi(we,{children:[Re(y,{level:2,text:"Child 2.1",id:p}),Re(y,{level:2,text:"Child 2.2",id:b})]})}),Re(y,{level:1,text:"Child 3",id:x,children:Re(we,{children:Re(y,{level:2,text:"Child 3.1",id:N})})}),Re(y,{level:1,text:"Child 4",id:k})]})}),Re(y,{header:!0,text:"Item 3",id:a,children:Re(ce,{children:"content"})}),Re(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as Kd,jsx as te,jsxs as Or}from"react/jsx-runtime";var NN=ge.options,kN=ge.states,_d={...ge.defaultOptions,variant:"normal"},gN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],vN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],pa=e=>{let{variant:t,modifiers:o,...a}={..._d,...e},r={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{r.icon=o?.[l]?s:void 0;break}case"disabled":r.disabled=!!o?.[l]}}),t==="expand"?te(Kd,{children:Or(Rd,{style:{width:"300px"},...a,children:[te(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Or(we,{children:[te(y,{level:1,text:"Child 1"}),te(y,{level:1,expanded:!0,text:"Child 2",children:Or(we,{children:[te(y,{level:2,text:"Child 2.1"}),te(y,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),te(y,{disabled:r.disabled,level:1,text:"Child 3",children:te(ce,{children:"content"})}),te(y,{level:1,text:"Child 4"})]})}),te(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):te(Kd,{children:Or($a,{style:{width:"300px"},...a,children:[te(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.folder,header:!0,text:"Item 2",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};pa.options=NN;pa.states=kN;pa.variants=gN;pa.defaultOptions=_d;pa.modifiers=vN;pa.className=ge.className;import{jsx as A7,jsxs as I7}from"react/jsx-runtime";import{Fragment as H7,jsx as _7,jsxs as D7}from"react/jsx-runtime";import{Fragment as Y7,jsx as W7,jsxs as J7}from"react/jsx-runtime";import{Fragment as r4,jsx as a4,jsxs as n4}from"react/jsx-runtime";import{Fragment as Dd,jsx as g,jsxs as pe}from"react/jsx-runtime";var CN=W.options,LN=W.states,MN={...W.defaultOptions,variant:"ask"},SN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],AN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],ma=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(Dd,{children:pe(lt,{layout:"wrap",children:[g(ut,{text:"Post for work-life balance importance"}),g(ut,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(U,{className:"k-prompt-popup",children:pe(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:pe(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(qe,{children:g(We,{children:pe($a,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:pe(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:pe(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(U,{className:"k-prompt-popup",children:pe(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:pe(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),pe(qe,{children:[g(co,{}),g(We,{children:pe("div",{className:"k-card-list",children:[pe(ee,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Ye,{children:pe("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"]})}),pe(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),pe(ee,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Ye,{children:pe("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]"]})}),pe(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]})]})})]})]})});default:return g(U,{className:"k-prompt-popup",children:pe(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:pe(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(qe,{children:pe(We,{children:[g(Q,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(Dd,{children:s.stt?g(ne,{fillMode:"flat"}):null})}),g(Ha,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(lo,{children:g(z,{className:"k-prompt-actions",alignment:"start",children:g(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ma.options=CN;ma.states=LN;ma.variants=SN;ma.defaultOptions=MN;ma.modifiers=AN;ma.className=W.className;import{Fragment as IN,jsx as me,jsxs as $t}from"react/jsx-runtime";var Z4=e=>$t(W,{...e,children:[me(mt,{children:$t(R,{fillMode:"flat",children:[me(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),me(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),me(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full","aria-label":"More actions"})]})}),me(qe,{children:$t(We,{children:[me(Q,{resize:"y",rows:1,suffixSeparator:!1,placeholder:"Ask or generate content with AI","aria-label":"Ask or generate content with AI",suffix:me(IN,{children:me(ne,{fillMode:"flat"})})}),$t(Ha,{expanded:!0,title:"Settings",children:[$t(ii,{children:["Length:",$t(se,{ariaLabel:"Length",children:[me(Y,{text:"Small",role:"option"}),me(Y,{text:"Medium",role:"option"}),me(Y,{text:"Large",role:"option"})]})]}),$t(ii,{children:["Tone:",$t(se,{ariaLabel:"Tone",children:[me(Y,{text:"Professional",role:"option"}),me(Y,{text:"Friendly",role:"option"}),me(Y,{text:"Casual",role:"option"}),me(Y,{text:"Straightforward",role:"option"}),me(Y,{text:"Confident",role:"option"})]})]})]})]})}),me(lo,{children:me(z,{className:"k-prompt-actions",alignment:"start",children:me(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]});export{Z4 as PromptSettings};
+var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:l,active:p,selected:b,disabled:x,indeterminate:N,loading:k,empty:m,readonly:L,highlighted:C,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":l,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":N&&!l,"k-loading":k,"k-empty":m,"k-readonly":L,"k-highlighted":C},Object.keys(M).reduce((E,A)=>(A.startsWith("k-")?E[A]=M[A]:E[`k-${A}`]=M[A],E),{}))};function Li(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Mi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Rr={};function T(e){return Rr[e]=(Rr[e]||0)+1,`k-${e}-${Rr[e]}`}var Kr="action-buttons",Si=Kr;import{jsx as Ud}from"react/jsx-runtime";var qa="k-actions",zd=[],Fd={},_r={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=_r.alignment,orientation:o=_r.orientation,...a}=e;return Ud("div",{...a,className:n(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};z.states=zd;z.options=Fd;z.className=qa;z.defaultOptions=_r;z.moduleName=Kr;z.folderName=Si;import{Fragment as Xd,jsx as Ai}from"react/jsx-runtime";var Dr="k-font-icon",Gd=[],Vd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},$d={},ua=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...l}=e;return a?Ai("span",{...l,className:n(e.className,Dr,I(Dr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Ai(Xd,{})};ua.states=Gd;ua.options=Vd;ua.className=Dr;ua.defaultOptions=$d;var Ii=ua;import{Fragment as Jd,jsx as Wa}from"react/jsx-runtime";var Hr="k-svg-icon",qd=[],Wd={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ti={viewBox:"0 0 24 24"},fa=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Ti.viewBox,icon:l,...p}=e;if(!l)return Wa(Jd,{});if(l==="none")return Wa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof l=="object"&&l.name&&l.name;return Wa("span",{...p,className:n(e.className,Hr,I("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:Wa("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})})};fa.states=qd;fa.options=Wd;fa.className=Hr;fa.defaultOptions=Ti;var zr=fa;import*as Fr from"@progress/kendo-svg-icons";var yi="icon",Ei="icons";import{useContext as Qd}from"react";import{createContext as Yd}from"react";var Oi=Yd({iconsType:"svg"});import{Fragment as Bi,jsx as ba}from"react/jsx-runtime";var Ja="k-icon",Zd=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),jd=[],ec={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Ur={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{iconsType:t}=Qd(Oi),{size:o,themeColor:a,icon:r,type:s=t||Ur.type,rotate:l,flip:p,viewBox:b=Ur.viewBox,...x}=e;if(!r)return ba(Bi,{});if((t||s)==="svg"){if(r==="none")return ba(zr,{...x,className:n(e.className,Ja),icon:r,size:o});let k=Fr[r]?r:Zd(`${r}-icon`);return Fr[k]?ba(zr,{...x,className:n(e.className,Ja),icon:Fr[k],size:o,themeColor:a,rotate:l,flip:p,viewBox:b}):ba(Bi,{})}return ba(Ii,{...x,className:n(e.className,Ja),icon:r,size:o,themeColor:a,rotate:l,flip:p})};v.states=jd;v.options=ec;v.defaultOptions=Ur;v.className=Ja;v.moduleName=yi;v.folderName=Ei;v.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Gr="button",Pi=Gr;import{Fragment as rc,jsx as ha,jsxs as wi}from"react/jsx-runtime";var xa="k-button",tc=["icon-button"],oc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],ac={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Vr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:l=Vr.showArrow,arrowIconName:p=Vr.arrowIconName,variant:b,hover:x,focus:N,active:k,selected:m,disabled:L,togglable:C,ariaDisabled:M,icon:E,text:A,iconClassName:w,className:J,...ue}=e,he=E!==void 0,xe=e.children!==void 0;return wi(t,{className:n(J,xa,Li(xa,b),I(xa,{size:o,rounded:a,fillMode:r,themeColor:s}),S(xa,{hover:x,focus:N,active:k,disabled:L||M,selected:m}),{"k-icon-button":!A&&!xe&&he}),...ue,"aria-pressed":C?m?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:L||void 0,children:[E&&ha(v,{className:n(w,"k-button-icon"),icon:E}),A?wi(rc,{children:[A&&ha("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ha("span",{className:"k-button-text",children:e.children}),l&&ha("span",{className:"k-menu-button-arrow k-button-arrow",children:ha(v,{icon:p})})]})};d.states=oc;d.options=ac;d.variants=tc;d.className=xa;d.defaultOptions=Vr;d.moduleName=Gr;d.folderName=Pi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as nc}from"react/jsx-runtime";var V=e=>nc(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ic}from"react/jsx-runtime";var F=e=>ic(d,{icon:"folder",children:"Button",...e});import{jsx as sc}from"react/jsx-runtime";var qt=e=>sc(d,{children:"Button",...e});import{jsx as $r}from"react/jsx-runtime";var lc=d.options,dc=d.states,cc={...d.defaultOptions,variant:"text"},pc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mc=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return $r(V,{...o,icon:"star"});case"icon-and-text":return $r(F,{...o,icon:"star",children:"Button"});default:return $r(qt,{...o,children:"Button"})}};mo.options=lc;mo.states=dc;mo.variants=pc;mo.defaultOptions=cc;mo.modifiers=mc;mo.className=d.className;import{jsx as Ya}from"react/jsx-runtime";var uc="k-chip-action";var gt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Ya(v,{icon:"x-circle",size:"small"});break;case"more":a=Ya(v,{icon:"more-vertical",size:"small"});break;default:return Ya(v,{icon:t,size:"small"})}return Ya("span",{...o,className:n(e.className,uc,`k-chip-${t}-action`),children:a})};var Xr="avatar",Ri=Xr;import{jsx as Ki}from"react/jsx-runtime";var Na="k-avatar";var fc=[i.hover,i.focus,i.active,i.selected,i.disabled],bc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},qr={type:"text",border:!1},Se=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,type:s=qr.type,border:l=qr.border,...p}=e;return Ki("div",{...p,className:n(e.className,Na,I(Na,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Na}-bordered`]:l}),children:Ki("span",{className:`${Na}-${s}`,children:e.children})})};Se.states=fc;Se.options=bc;Se.className=Na;Se.defaultOptions=qr;Se.moduleName=Xr;Se.folderName=Ri;Se.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Wt=Se;import{jsx as hc}from"react/jsx-runtime";var _i=e=>hc(Wt,{type:"icon",...e});import{jsx as xc}from"react/jsx-runtime";var Di=e=>xc(Wt,{type:"text",...e});import{jsx as Nc}from"react/jsx-runtime";var Hi=e=>Nc(Wt,{type:"image",...e});import{jsx as ig}from"react/jsx-runtime";import{jsx as ka}from"react/jsx-runtime";var kc=Se.options,gc=Se.states,vc={...Se.defaultOptions,variant:"image"},Cc=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Lc=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return ka(_i,{...o,children:ka(v,{icon:"star"})});case"text":return ka(Di,{...o,children:"JO"});default:return ka(Hi,{...o,children:ka("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};uo.options=kc;uo.states=gc;uo.variants=Cc;uo.defaultOptions=vc;uo.modifiers=Lc;uo.className=Se.className;var ga="chip",Qa=ga;import{jsx as fo,jsxs as Ac}from"react/jsx-runtime";var Za="k-chip",Mc=[i.hover,i.focus,i.active,i.selected,i.disabled],Sc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},zi={avatarImage:"/packages/html/assets/avatar.jpg"},Y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,text:s,icon:l,actions:p,showAvatar:b,avatarImage:x=zi.avatarImage,hover:N,focus:k,active:m,selected:L,disabled:C,...M}=e;return Ac("div",{...M,className:n(e.className,Za,I(Za,{size:t,rounded:o,fillMode:a,themeColor:r}),S(Za,{hover:N,focus:k,active:m,disabled:C,selected:L})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:L?"true":"false",...e.role==="option"&&L!==void 0&&{"aria-selected":L?"true":"false"},"aria-disabled":C?"true":void 0,children:[l&&fo(v,{className:"k-chip-icon",icon:l,size:"small"}),b&&fo(Se,{className:"k-chip-avatar",type:"image",children:fo("img",{src:x,alt:""})}),fo("span",{className:"k-chip-content",children:e.children?e.children:s&&fo("span",{className:"k-chip-label",children:s})}),p&&fo("span",{className:"k-chip-actions",children:p})]})};Y.states=Mc;Y.options=Sc;Y.className=Za;Y.defaultOptions=zi;Y.moduleName=ga;Y.folderName=Qa;Y.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Qe=Y;import{jsx as Ec}from"react/jsx-runtime";var Wr="k-chip-list",Ic=[],Tc={size:[c.undefined,c.small,c.medium,c.large]},yc={},se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...r}=e;return Ec("div",{...r,className:n(e.className,Wr,I(Wr,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:a||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};se.states=Ic;se.options=Tc;se.className=Wr;se.defaultOptions=yc;se.moduleName=ga;se.folderName=Qa;se.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as Kg}from"react/jsx-runtime";import{jsx as zg}from"react/jsx-runtime";import{jsx as Oc}from"react/jsx-runtime";var ja=e=>Oc(Qe,{text:"text",...e});import{jsx as Wg}from"react/jsx-runtime";import{jsx as Zg}from"react/jsx-runtime";import{Fragment as rv,jsx as av,jsxs as nv}from"react/jsx-runtime";import{jsx as cv,jsxs as pv}from"react/jsx-runtime";import{jsx as hv,jsxs as xv}from"react/jsx-runtime";import{jsx as Lv,jsxs as Mv}from"react/jsx-runtime";import{jsx as bo,jsxs as _c}from"react/jsx-runtime";var Bc={...Qe.options,...se.options},Pc=[],wc=se.states,Rc={...Qe.defaultOptions,...se.defaultOptions},Kc=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],ho=e=>{let{modifiers:t,className:o,...a}=e,r=t?.icon,s=t?.actions,l=t?.avatar;return _c(se,{size:a.size,className:o,children:[bo(ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?bo(gt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),bo(ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?bo(gt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"}),bo(ja,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:r?"star":void 0,actions:s?bo(gt,{type:"remove"}):void 0,showAvatar:l,children:"Chip"})]})};ho.options=Bc;ho.states=wc;ho.variants=Pc;ho.defaultOptions=Rc;ho.modifiers=Kc;ho.className=se.className;import{jsx as Jr}from"react/jsx-runtime";var Dc=Y.states,Hc=Y.defaultOptions,zc=Y.options,Fc=[],Uc=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"icon":a.icon=t?.[r]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[r],a.avatarImage=t?.[r]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[r]?Jr(gt,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[r]?Jr(gt,{type:"remove"}):void 0;break;default:break}}),Jr(Y,{...o,...a,children:"Chip component"})};xo.options=zc;xo.states=Dc;xo.variants=Fc;xo.defaultOptions=Hc;xo.modifiers=Uc;xo.className=Y.className;var Yr="button",Fi=Yr;import{jsx as Xc}from"react/jsx-runtime";var va="k-button-group",Gc=[i.disabled],Vc={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},$c={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Xc("div",{role:"group",...r,className:n(e.className,va,I(va,{fillMode:t}),S(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Gc;B.options=Vc;B.className=va;B.defaultOptions=$c;B.moduleName=Yr;B.folderName=Fi;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 dC,jsx as lC,jsxs as cC}from"react/jsx-runtime";import{Fragment as hC,jsx as bC,jsxs as xC}from"react/jsx-runtime";import{Fragment as LC,jsx as CC,jsxs as MC}from"react/jsx-runtime";import{Fragment as EC,jsx as yC,jsxs as OC}from"react/jsx-runtime";import{Fragment as _C,jsx as KC,jsxs as DC}from"react/jsx-runtime";import{Fragment as VC,jsx as GC,jsxs as $C}from"react/jsx-runtime";import{jsx as vt,jsxs as Qr}from"react/jsx-runtime";var qc={...d.options,...B.options},Wc=d.states,Jc={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Yc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Qc=[],No=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Qr(B,{fillMode:a.fillMode,className:o,children:[vt(d,{...a,icon:"star"}),vt(d,{...a,icon:"star"}),vt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Qr(B,{fillMode:a.fillMode,className:o,children:[vt(d,{...a,icon:"star",children:"First"}),vt(d,{...a,icon:"star",children:"Middle"}),vt(d,{...a,icon:"star",children:"Last"})]}):Qr(B,{fillMode:a.fillMode,className:o,children:[vt(d,{...a,children:"First"}),vt(d,{...a,children:"Middle"}),vt(d,{...a,children:"Last"})]})};No.options=qc;No.states=Wc;No.variants=Yc;No.defaultOptions=Jc;No.modifiers=Qc;No.className=B.className;var Ca="input",er=Ca;import{jsx as tp}from"react/jsx-runtime";var tr="k-input",Zc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],jc={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ep={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return tp("span",{...k,className:n(e.className,tr,I(tr,{size:b,rounded:x,fillMode:N}),S(tr,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p}))})};Z.states=Zc;Z.options=jc;Z.className=tr;Z.defaultOptions=ep;Z.moduleName=Ca;Z.folderName=er;import{jsx as np}from"react/jsx-runtime";var or="k-picker",op=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ap={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rp={},ft=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p,size:b,rounded:x,fillMode:N,...k}=e;return np("span",{...k,className:n(e.className,or,I(or,{size:b,rounded:x,fillMode:N}),S(or,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:l,readonly:p})),children:e.children})};ft.states=op;ft.options=ap;ft.className=or;ft.defaultOptions=rp;ft.moduleName=Ca;ft.folderName=er;import{Fragment as lp,jsx as Zr}from"react/jsx-runtime";var Ui="k-clear-value",ip=[i.disabled,i.loading,i.readonly],sp={},ze=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?Zr(lp,{}):Zr("span",{className:n(e.className,Ui),children:Zr(v,{icon:"x"})})};ze.states=ip;ze.options=sp;ze.className=Ui;import{jsx as pp}from"react/jsx-runtime";var jr="k-input-inner",dp=[],cp={},ar={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=ar.value,type:o=ar.type,placeholder:a=ar.placeholder,autocomplete:r=ar.autocomplete,disabled:s,readOnly:l,...p}=e;return pp("input",{...p,type:o,className:n(e.className,jr,I(jr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Fe.states=dp;Fe.options=cp;Fe.className=jr;import{jsx as Gi,jsxs as fp}from"react/jsx-runtime";var en="k-input-inner",mp=[],up={},Jt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...l}=e;return fp("span",{...l,className:n(e.className,en,I(en,e)),children:[r,!r&&s&&Gi(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Gi("span",{className:"k-input-value-text",children:t})]})};Jt.states=mp;Jt.options=up;Jt.className=en;import{jsx as xp}from"react/jsx-runtime";var tn="k-input-inner",bp=[],hp={},Vi={value:"",placeholder:""},La=e=>{let{value:t=Vi.value,placeholder:o=Vi.placeholder,rows:a,disabled:r,...s}=e;return xp("textarea",{...s,className:n(e.className,tn,I(tn,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};La.states=bp;La.options=hp;La.className=tn;import{Fragment as kp,jsx as $i}from"react/jsx-runtime";var Xi="k-input-loading-icon",Np=[i.disabled,i.loading],Ke=e=>{let{disabled:t,loading:o}=e;return t||!o?$i(kp,{}):$i("span",{className:n(e.className,Xi,"k-icon k-i-loading")})};Ke.states=Np;Ke.className=Xi;import{Fragment as Cp,jsx as qi}from"react/jsx-runtime";var Wi="k-input-validation-icon",gp=[i.valid,i.invalid,i.disabled,i.loading],vp={},Ae=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?qi(Cp,{}):qi(v,{className:n(Wi),icon:s})};Ae.states=gp;Ae.options=vp;Ae.className=Wi;import{Fragment as Sp,jsx as Ji}from"react/jsx-runtime";var Lp="k-input-prefix",Mp={direction:"horizontal"},_e=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?Ji("span",{...o,className:n(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ji(Sp,{})};import{Fragment as Tp,jsx as Yi}from"react/jsx-runtime";var Ap="k-input-suffix",Ip={direction:"horizontal"},De=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?Yi("span",{...o,className:n(Ap,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Yi(Tp,{})};import{jsx as $L}from"react/jsx-runtime";import{jsx as Ep}from"react/jsx-runtime";var yp="k-input-suffix-text",on=e=>{let{children:t,...o}=e;return Ep("span",{...o,className:n(yp,e.className),children:t})};import{jsx as Bp}from"react/jsx-runtime";var Qi="k-input-separator",Op={direction:"vertical"},Ie=e=>{let{direction:t=Op.direction,...o}=e;return Bp("span",{...o,className:n(Qi,e.className,{[`${Qi}-${t}`]:t})})};import{Fragment as Zi,jsx as bt,jsxs as an}from"react/jsx-runtime";var Pp=Z.states,wp=Z.defaultOptions,Rp=Z.options,Kp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],_p=[],ko=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:l,...p}=e,b=t?.prefix,x=t?.suffix,N=t?.["clear-button"],k=t?.["validation-icon"],m=t?.separators;return an(Z,{...p,valid:o,invalid:a,loading:r,disabled:s,readonly:l,style:{width:300},children:[b&&an(Zi,{children:[bt(_e,{children:bt(v,{icon:"lock"})}),m&&bt(Ie,{})]}),bt(Fe,{placeholder:"Placeholder",value:"Value"}),k&&bt(Ae,{valid:o,invalid:a,loading:r,disabled:s}),bt(Ke,{loading:r,disabled:s}),N&&bt(ze,{loading:r,disabled:s,readonly:l,value:"Value"}),x&&an(Zi,{children:[m&&bt(Ie,{}),bt(De,{children:bt(qt,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};ko.options=Rp;ko.states=Pp;ko.variants=_p;ko.defaultOptions=wp;ko.modifiers=Kp;ko.className=Z.className;import{jsx as ji,jsxs as zp}from"react/jsx-runtime";var es="k-color-preview",Dp=[],Hp={},Ot=e=>{let{color:t,iconName:o,...a}=e;return zp("span",{...a,className:n(e.className,es,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ji(v,{icon:o,className:"k-color-preview-icon"}),ji("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Dp;Ot.options=Hp;Ot.className=es;var rn="popup",ts=rn;import{jsx as os}from"react/jsx-runtime";var as="k-animation-container",Fp=[],Up={},rs={positionMode:"absolute"},ht=e=>{let{positionMode:t=rs.positionMode,animationStyle:o,offset:a,...r}=e;return os("div",{...r,style:{...a,...e.style},className:n(e.className,as,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:os("div",{className:"k-child-animation-container",style:o,children:e.children})})};ht.states=Fp;ht.options=Up;ht.className=as;ht.defaultOptions=rs;ht.moduleName=rn;ht.folderName=ts;var nn="popup",ns=nn;import{jsx as is}from"react/jsx-runtime";var ss="k-popup",Gp=[],Vp={},ls={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=ls.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:l,...p}=e;return is(ht,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":l,children:is("div",{...p,className:n(e.className,ss),children:e.children})})};U.states=Gp;U.options=Vp;U.className=ss;U.defaultOptions=ls;U.moduleName=nn;U.folderName=ns;U.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{jsx as Xp}from"react/jsx-runtime";var $p="k-actionsheet-footer",ds={alignment:"stretched",orientation:"horizontal"},Bt=e=>{let{alignment:t=ds.alignment,orientation:o=ds.orientation,template:a,as:r=a?"div":z,...s}=e;return Xp(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,$p),children:e.children})};var sn="searchbox",cs=sn;import{jsx as Ma,jsxs as Jp}from"react/jsx-runtime";var ps="k-searchbox",qp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Wp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ln={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,showIcon:L=ln.showIcon,icon:C=ln.icon,"aria-label":M,...E}=e;return Jp(Z,{...E,size:a,rounded:r,fillMode:s,hover:l,focus:p,valid:b,invalid:x,required:N,loading:k,disabled:m,className:n(e.className,ps),children:[L&&Ma(v,{className:"k-input-icon",icon:C}),Ma(Fe,{placeholder:o,value:t,"aria-label":M}),Ma(Ke,{...e}),Ma(Ae,{...e}),Ma(ze,{...e})]})};Ze.states=qp;Ze.options=Wp;Ze.className=ps;Ze.defaultOptions=ln;Ze.moduleName=sn;Ze.folderName=cs;import{jsx as dS}from"react/jsx-runtime";var dn="textbox",ms=dn;import{Fragment as us,jsx as Pt,jsxs as cn}from"react/jsx-runtime";var fs="k-textbox",Yp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rr={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:r=rr.separators,showClearButton:s=rr.showClearButton,showValidationIcon:l=rr.showValidationIcon,prefix:p,suffix:b,type:x,value:N,placeholder:k,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,id:ue,"aria-label":he,"aria-describedby":xe,...Me}=e;return cn(Z,{...Me,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:C,invalid:M,required:E,loading:A,disabled:w,readonly:J,className:n(e.className,fs),children:[p&&cn(us,{children:[Pt(_e,{children:p}),r&&Pt(Ie,{})]}),Pt(Fe,{id:ue,placeholder:k,value:N,type:x,disabled:w,"aria-label":he,"aria-describedby":xe,"aria-invalid":M?"true":void 0}),l&&Pt(Ae,{valid:C,invalid:M,loading:A,disabled:w}),Pt(Ke,{loading:A,disabled:w}),s&&Pt(ze,{loading:A,disabled:w,readonly:J,value:N}),b&&cn(us,{children:[r&&Pt(Ie,{}),Pt(De,{children:b})]})]})};Ne.states=Yp;Ne.options=Qp;Ne.className=fs;Ne.defaultOptions=rr;Ne.moduleName=dn;Ne.folderName=ms;Ne.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 Sa=Ne;import{jsx as Zp}from"react/jsx-runtime";var bs=e=>Zp(Sa,{...e});import{Fragment as IS,jsx as AS}from"react/jsx-runtime";import{Fragment as PS,jsx as BS}from"react/jsx-runtime";import{jsx as _S}from"react/jsx-runtime";import{jsx as pn}from"react/jsx-runtime";var jp=Ne.states,em=Ne.defaultOptions,tm=Ne.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],go=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?pn(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?pn(qt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),pn(bs,{value:"Value",style:{width:300},...o,...a})};go.options=tm;go.states=jp;go.variants=am;go.defaultOptions=em;go.modifiers=om;go.className=Ne.className;import{jsx as wt,jsxs as mn}from"react/jsx-runtime";var hs="k-actionsheet-titlebar",rm={},Te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:l,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:N,children:k,...m}=e;return mn("div",{...m,className:n(e.className,hs),children:[mn("div",{className:"k-actionsheet-titlebar-group",children:[a&&wt("div",{className:"k-actionsheet-actions",children:a}),!k&&mn("div",{className:"k-actionsheet-title",id:N,children:[t&&wt("div",{className:"k-text-center",children:t}),o&&wt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&wt("div",{className:"k-actionsheet-title",id:N,children:k}),r&&wt("div",{className:"k-actionsheet-actions",children:r})]}),(l||s)&&wt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?wt(Ne,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):wt(Ze,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Te.className=hs;Te.defaultOptions=rm;import{jsx as un,jsxs as lm}from"react/jsx-runtime";var fn="k-actionsheet-view",nm=[],im={},sm={},vo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:l,...p}=e,b=r?.type===Te&&un(Te,{adaptive:t,titleId:l,...r?.props}),x=s?.type===Bt&&un(Bt,{...s?.props});return lm("div",{...p,className:n(e.className,fn,{[`${fn}-animated`]:o}),children:[b,un("div",{className:"k-actionsheet-content",children:a}),x]})};vo.states=nm;vo.options=im;vo.className=fn;vo.defaultOptions=sm;var Aa="action-sheet",nr=Aa;var bn="overlay",xs=bn;import{jsx as mm}from"react/jsx-runtime";var Ns="k-overlay",dm=[],cm={},pm={},Rt=e=>{let{...t}=e;return mm("div",{...t,className:n(e.className,Ns),children:e.children})};Rt.states=dm;Rt.options=cm;Rt.className=Ns;Rt.defaultOptions=pm;Rt.moduleName=bn;Rt.folderName=xs;import{jsx as ir,jsxs as bm}from"react/jsx-runtime";var ks="k-actionsheet",um=[],fm={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:r=Ia.overlay,template:s,children:l,header:p,footer:b,id:x,...N}=e,k=x&&!s&&p?`${x}-title`:void 0;return bm("div",{className:"k-actionsheet-container",children:[r&&ir(Rt,{}),ir(ht,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:ir("div",{...N,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":k,className:n(e.className,ks,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||ir(vo,{header:p,footer:b,adaptive:a,titleId:k,...e,children:l})})})]})};oe.states=um;oe.options=fm;oe.className=ks;oe.defaultOptions=Ia;oe.moduleName=Aa;oe.folderName=nr;oe.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as km}from"react/jsx-runtime";var gs="k-actionsheet-container",hm=[],xm={},Nm={},Co=e=>{let{children:t,...o}=e;return km("div",{...o,className:gs,children:t})};Co.states=hm;Co.options=xm;Co.className=gs;Co.defaultOptions=Nm;Co.moduleName=Aa;Co.folderName=nr;import{jsx as gm}from"react/jsx-runtime";var hn=e=>{let{...t}=e;return gm("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Cm,jsx as Ta,jsxs as xn}from"react/jsx-runtime";var Nn="k-actionsheet-item",vm=[i.hover,i.focus,i.selected,i.disabled],Kt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:l,disabled:p,...b}=e;return xn("span",{...b,className:n(e.className,Nn,S(Nn,{hover:r,focus:s,selected:l,disabled:p})),children:[!e.children&&Ta(Cm,{children:xn("span",{className:"k-actionsheet-action",children:[t&&Ta("span",{className:"k-icon-wrap",children:Ta(v,{className:"k-actionsheet-item-icon",icon:t})}),xn("span",{className:"k-actionsheet-item-text",children:[o&&Ta("span",{className:"k-actionsheet-item-title",children:o}),a&&Ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Kt.states=vm;Kt.className=Nn;import{jsx as KA,jsxs as _A}from"react/jsx-runtime";import{jsx as FA}from"react/jsx-runtime";import{jsx as $A}from"react/jsx-runtime";import{jsx as JA}from"react/jsx-runtime";import{jsx as ke,jsxs as kn}from"react/jsx-runtime";var Lm=oe.options,Mm=oe.states,Cs={...oe.defaultOptions,variant:"normal"},Sm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Am=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Lo=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={},s=kn(hn,{children:[ke(Kt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ke(Kt,{text:"Add to Favorites",iconName:"heart"}),ke(Kt,{text:"Upload New",iconName:"upload",disabled:!0}),ke("hr",{className:"k-hr"}),ke(Kt,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",p="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":r.actionsStart=!!o?.[b],r.actionsEnd=!!o?.[b];break;case"subtitle":r.subtitle=o?.[b]?l:void 0;break;case"footer":r.footer=!!o?.[b];break;default:break}}),t==="adaptive"?ke(oe,{...a,adaptive:!0,fullscreen:r.fullScreen,header:ke(Te,{actionsStart:r.actionsStart?ke(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ke(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:r.subtitle}),footer:r.footer?kn(Bt,{alignment:"stretched",children:[ke(d,{text:"Cancel",size:"large",themeColor:"base"}),ke(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ke(oe,{...a,fullscreen:r.fullScreen,header:ke(Te,{actionsStart:r.actionsStart?ke(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?ke(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?kn(Bt,{alignment:"stretched",children:[ke(d,{text:"Apply",themeColor:"primary"}),ke(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Lo.options=Lm;Lo.states=Mm;Lo.variants=Sm;Lo.defaultOptions=Cs;Lo.modifiers=Am;Lo.className=oe.className;var gn="slider",Ls=gn;import{jsx as Mo,jsxs as vn}from"react/jsx-runtime";var ya="k-slider",Im=[i.hover,i.focus,i.active,i.disabled,i.readonly],Tm={},je={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},q=e=>{let{type:t=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:r=je.readonly,disabled:s=je.disabled,handlePosition:l=je.handlePosition,showButtons:p=je.showButtons,showTicks:b=je.showTicks,value:x=je.value,min:N=je.min,max:k=je.max,startValue:m,endValue:L,hover:C,focus:M,active:E,trackStyle:A,dir:w,...J}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xe,Me;return o==="horizontal"?(xe=w==="rtl"?"chevron-left":"chevron-right",Me=w==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(xe="chevron-up",Me="chevron-down"),vn("div",{...J,className:n(ya,e.className,S(ya,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:w,children:[p&&Mo(d,{className:"k-button-decrease",rounded:"full",icon:Me,tabIndex:-1,title:"Decrease"}),vn("div",{className:"k-slider-track-wrap",children:[b&&Mo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),vn("div",{className:"k-slider-track",style:A,children:[Mo("div",{className:"k-slider-selection"}),t==="range"&&Mo("span",{className:n("k-draghandle","k-draghandle-start",S(ya,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??N,"aria-valuemin":N,"aria-valuemax":L??k,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":J["aria-label"]?`${J["aria-label"]} start`:"Range start"}),Mo("span",{className:n("k-draghandle",`k-draghandle-${l}`,S(ya,{hover:C,focus:M,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??k:x,"aria-valuemin":t==="range"?m??N:N,"aria-valuemax":k,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?J["aria-label"]?`${J["aria-label"]} end`:"Range end":J["aria-label"]})]})]}),p&&Mo(d,{className:"k-button-increase",rounded:"full",icon:xe,tabIndex:-1,title:"Increase"})]})};q.states=Im;q.options=Tm;q.className=ya;q.defaultOptions=je;q.moduleName=gn;q.folderName=Ls;q.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 Ms}from"react/jsx-runtime";var Ss="k-tick",ym=[],Em={},As={label:!1},O=e=>{let{style:t,label:o=As.label,orientation:a,large:r,text:s,...l}=e;return Ms("li",{...l,role:"presentation",title:s||"Tick",className:n(e.className,Ss,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Ms("span",{className:"k-label",children:s})})};O.states=ym;O.options=Em;O.className=Ss;O.defaultOptions=As;import{Fragment as Om,jsx as et,jsxs as Bm}from"react/jsx-runtime";var Is=e=>et(q,{"aria-label":e["aria-label"]||"Slider",children:Bm(Om,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Pm,jsx as tt,jsxs as wm}from"react/jsx-runtime";var Ts=e=>tt(q,{children:wm(Pm,{children:[tt(O,{className:"k-first",label:!0,large:!0,text:"0"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{label:!0,large:!0,text:"5"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as _I,jsx as KI,jsxs as DI}from"react/jsx-runtime";import{Fragment as GI,jsx as UI,jsxs as VI}from"react/jsx-runtime";import{jsx as Rm}from"react/jsx-runtime";var Cn=e=>Rm(q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Km}from"react/jsx-runtime";var Ln=e=>Km(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as tT,jsx as eT,jsxs as oT}from"react/jsx-runtime";import{Fragment as sT,jsx as iT,jsxs as lT}from"react/jsx-runtime";import{jsx as xt,jsxs as ys}from"react/jsx-runtime";var _m=q.options,Dm=q.states,Es={...q.defaultOptions,variant:"horizontal",label:!0},Hm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],So=e=>{let{variant:t,modifiers:o,...a}={...Es,...e},r={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{r.showButtons=!!o?.[x];break}case"label":{r.label=!!o?.[x];break}case"tick":{r.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:l,showTicks:p}=r,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ys(Ts,{showTicks:p,showButtons:l,style:{height:"300px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),xt(O,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ys(Is,{showTicks:p,showButtons:l,style:{width:"400px",...b},...a,children:[xt(O,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),xt(O,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};So.options=_m;So.states=Dm;So.variants=Hm;So.defaultOptions=Es;So.modifiers=zm;So.className=q.className;import{jsx as Os,jsxs as $m}from"react/jsx-runtime";var Bs="k-spin-button",Gm=[],Vm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Mn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},_t=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Mn.increaseLabel,decreaseLabel:s=Mn.decreaseLabel,...l}=e;return $m("span",{...l,className:n(Bs,e.className),children:[Os(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),Os(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};_t.states=Gm;_t.options=Vm;_t.className=Bs;_t.defaultOptions=Mn;_t.moduleName=null;_t.folderName=null;var Ps="numeric-textbox",ws="numerictextbox";import{Fragment as Rs,jsx as Ct,jsxs as Sn}from"react/jsx-runtime";var Ks="k-numerictextbox",Xm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],qm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},sr={showSpinButton:!0,showClearButton:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:r=sr.separators,showClearButton:s=sr.showClearButton,showSpinButton:l=sr.showSpinButton,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,id:J,"aria-label":ue,"aria-describedby":he,...xe}=e;return Sn(Z,{...xe,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Ks),children:[p&&Sn(Rs,{children:[Ct(_e,{children:p}),r&&Ct(Ie,{})]}),Ct(Fe,{id:J,placeholder:N,value:x,role:"spinbutton",disabled:A,"aria-label":ue,"aria-describedby":he,"aria-invalid":C?"true":void 0}),Ct(Ae,{valid:L,invalid:C,loading:E,disabled:A}),Ct(Ke,{loading:E,disabled:A}),s&&Ct(ze,{loading:E,disabled:A,readonly:w,value:x}),b&&Sn(Rs,{children:[r&&Ct(Ie,{}),Ct(De,{children:b})]}),l&&Ct(_t,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};G.states=Xm;G.options=qm;G.className=Ks;G.defaultOptions=sr;G.moduleName=Ps;G.folderName=ws;G.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Ea=G;import{jsx as Wm}from"react/jsx-runtime";var _s=e=>Wm(Ea,{...e});import In from"react";import{jsx as Ds}from"react/jsx-runtime";var Jm="k-list-group-sticky-header",An=e=>Ds("div",{className:n(Jm,e.className),children:Ds("div",{className:"k-list-header-text",children:e.children})});import{jsx as Qm}from"react/jsx-runtime";var Ym="k-no-data",lr=e=>{let{live:t,...o}=e;return Qm("span",{...o,className:n(Ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Ao=Yt;import{jsx as Hs,jsxs as zs}from"react/jsx-runtime";var Tn="k-list",Zm=[],jm={size:[c.undefined,c.small,c.medium,c.large]},eu={},D=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:l,noData:p,screenReaders:b,...x}=e,k=In.Children.toArray(a)[0],m=k?.props?.children?In.Children.count(k.props.children):In.Children.count(a);return zs("div",{...x,className:n(e.className,Tn,I(Tn,{size:t}),{"k-virtual-list":o}),children:[s,l,r&&Hs(An,{children:r}),a||(p!==void 0?p:Hs(lr,{live:!0,children:"No data found."})),b&&a&&zs(lr,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};D.states=Zm;D.options=jm;D.className=Tn;D.defaultOptions=eu;D.moduleName=Yt;D.folderName=Ao;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as ru}from"react/jsx-runtime";var Fs="k-list-container",tu=[],ou={},au={},Io=e=>{let{...t}=e;return ru("div",{...t,className:n(e.className,Fs),children:e.children})};Io.states=tu;Io.options=ou;Io.className=Fs;Io.defaultOptions=au;Io.moduleName=Yt;Io.folderName=Ao;var Qt="checkbox",To=Qt;import{jsx as Us}from"react/jsx-runtime";var dr="k-checkbox",nu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],iu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},su={},ot=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:l,invalid:p,valid:b,required:x,size:N,rounded:k,wrapperRole:m,...L}=e;return Us("span",{className:"k-checkbox-wrap",role:m,children:Us("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:l||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,dr,I(dr,{size:N,rounded:k}),S(dr,{hover:r,focus:s,disabled:l,invalid:p,valid:b,indeterminate:a,checked:o}))})})};ot.states=nu;ot.options=iu;ot.className=dr;ot.defaultOptions=su;ot.moduleName=Qt;ot.folderName=To;ot.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var ct=ot;import{jsx as cu}from"react/jsx-runtime";var Gs="k-checkbox-list",lu=[],du={},Vs={layout:"vertical"},ye=e=>{let{layout:t=Vs.layout,...o}=e;return cu("ul",{...o,className:n(e.className,Gs,{[`k-list-${t}`]:t}),children:e.children})};ye.states=lu;ye.options=du;ye.className=Gs;ye.defaultOptions=Vs;ye.moduleName=Qt;ye.folderName=To;import{jsx as fu}from"react/jsx-runtime";var $s="k-checkbox-list-item",pu=[],mu={},uu={},Ee=e=>{let{...t}=e;return fu("li",{...t,className:n(e.className,$s),children:e.children})};Ee.states=pu;Ee.options=mu;Ee.className=$s;Ee.defaultOptions=uu;Ee.moduleName=Qt;Ee.folderName=To;import{Fragment as bu,jsx as Xs,jsxs as hu}from"react/jsx-runtime";var Lt=({children:e="Label",id:t="cb-label-after",...o})=>hu(bu,{children:[Xs(ct,{id:t,...o}),Xs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as By,jsx as Oy,jsxs as Py}from"react/jsx-runtime";import{Fragment as Dy,jsx as _y,jsxs as Hy}from"react/jsx-runtime";import{Fragment as Vy,jsx as Gy,jsxs as $y}from"react/jsx-runtime";import{jsx as Jy}from"react/jsx-runtime";import{jsx as jy}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as at,jsxs as qs}from"react/jsx-runtime";var xu=ye.options,Nu=ye.states,ku={...ye.defaultOptions,variant:"vertical"},gu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vu=[],yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?qs(ye,{layout:"horizontal",...o,children:[at(Ee,{children:at(Lt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})})]}):qs(ye,{...o,children:[at(Ee,{children:at(Lt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})}),at(Ee,{children:at(Lt,{id:T("cb"),children:"Label"})})]})};yo.options=xu;yo.states=Nu;yo.variants=gu;yo.defaultOptions=ku;yo.modifiers=vu;yo.className=ye.className;import{jsx as Iu}from"react/jsx-runtime";var Cu=ct.options,Lu=ct.states,Mu=ct.defaultOptions,Su=[],Au=[],Eo=e=>Iu(Lt,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Eo.options=Cu;Eo.states=Lu;Eo.variants=Su;Eo.defaultOptions=Mu;Eo.modifiers=Au;Eo.className=ct.className;import{jsx as Zt,jsxs as Ou}from"react/jsx-runtime";var yn="k-list-item",Tu=[i.hover,i.focus,i.selected,i.disabled],yu={},Eu={},P=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:l,checked:p,hover:b,focus:x,selected:N,disabled:k,actions:m,description:L,id:C,...M}=e,E=t||e.children;return Ou("li",{...M,id:C,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&N?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:n(e.className,a?"k-list-group-item":yn,S(yn,{hover:b,focus:x,disabled:k,selected:N})),children:[l&&Zt(ot,{checked:p}),r&&Zt("span",{className:"k-list-item-icon-wrapper",children:Zt(v,{icon:r,className:n("k-list-item-icon",s)})}),Zt("span",{className:"k-list-item-text",children:E}),m&&Zt("div",{className:"k-list-item-actions",children:m}),L&&Zt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Zt("div",{className:"k-list-item-group-label",children:o})]})};P.states=Tu;P.options=yu;P.className=yn;P.defaultOptions=Eu;P.moduleName=Yt;P.folderName=Ao;P.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Pu}from"react/jsx-runtime";var Bu="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...r}=e;return Pu("ul",{...r,id:a,role:o,className:n(Bu,e.className),children:t})};Mt.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 En,jsxs as Ru}from"react/jsx-runtime";var wu="k-list-content",$=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...l}=e;return Ru("div",{...l,className:n(wu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:En(Mt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&En("div",{className:"k-height-container",children:En("div",{})})]})};$.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as qE,jsx as XE,jsxs as WE}from"react/jsx-runtime";import{jsx as On,jsxs as _u}from"react/jsx-runtime";var Ku="k-list-group-item",jt=e=>{let{groupIconName:t,...o}=e;return _u("li",{...o,role:"presentation",className:n(Ku,e.className),children:[t&&On("span",{className:"k-list-item-icon-wrapper",children:On(v,{icon:t,className:"k-list-item-icon"})}),On("span",{className:"k-list-item-text",children:e.children})]})};jt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Fu}from"react/jsx-runtime";var Bn="k-list-optionlabel",Du=[i.hover,i.focus,i.selected,i.disabled],Hu={},zu={},cr=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return Fu("div",{...l,className:n(Bn,S(Bn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};cr.states=Du;cr.options=Hu;cr.className=Bn;cr.defaultOptions=zu;import{jsx as $u}from"react/jsx-runtime";var Pn="k-list-custom-value",Uu=[i.hover,i.focus,i.selected,i.disabled],Gu={},Vu={},Dt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...l}=e;return $u("div",{...l,className:n(Pn,S(Pn,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Dt.states=Uu;Dt.options=Gu;Dt.className=Pn;Dt.defaultOptions=Vu;import{Fragment as cO,jsx as dO,jsxs as pO}from"react/jsx-runtime";import{Fragment as xO,jsx as hO,jsxs as NO}from"react/jsx-runtime";import{Fragment as SO,jsx as LO,jsxs as MO}from"react/jsx-runtime";import{Fragment as BO,jsx as EO,jsxs as OO}from"react/jsx-runtime";import{jsx as KO}from"react/jsx-runtime";import{Fragment as UO,jsx as FO,jsxs as GO}from"react/jsx-runtime";var Ws="dropdown-list",Js="dropdownlist";import{Fragment as Wu,jsx as Oe,jsxs as wn}from"react/jsx-runtime";var Ys="k-dropdownlist",Xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Rn={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Rn.arrowIconName,showValue:s=Rn.showValue,valueIconName:l,prefix:p,suffix:b,value:x,placeholder:N,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,popup:J,opened:ue,adaptive:he,adaptiveSettings:xe,adaptiveTitle:Me,adaptiveSubtitle:Xt,adaptiveFilter:Br,id:Et,activeDescendant:Xa,"aria-label":Pr,...wr}=e,Hd=Et?`${Et}-listbox`:void 0,Ci=Et?`${Et}-value`:void 0;return wn(Wu,{children:[wn(ft,{...wr,id:Et,size:t,rounded:o,fillMode:a,hover:k,focus:m,valid:L,invalid:C,required:M,loading:E,disabled:A,readonly:w,className:n(e.className,Ys,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ue?"true":"false","aria-controls":ue?Hd:void 0,"aria-activedescendant":ue&&Xa?Xa:void 0,"aria-describedby":ue?Ci:void 0,"aria-disabled":A?"true":void 0,"aria-label":Pr,tabIndex:0,children:[Oe(_e,{children:p}),Oe(Jt,{placeholder:N,value:x,showValue:s,valueIconName:l,id:Ci}),Oe(Ae,{valid:L,invalid:C,loading:E,disabled:A}),Oe(Ke,{loading:E,disabled:A}),Oe(De,{children:b}),Oe(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":N||"Toggle dropdown",tabIndex:-1})]}),ue&&J&&Oe(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:J}),he&&Oe(oe,{adaptive:!0,...xe,header:Oe(Te,{actionsEnd:Oe(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Br,inputValue:x,inputPlaceholder:N,title:Me,subtitle:Xt}),children:Oe("div",{className:"k-list-container",children:Oe(D,{size:"large",children:wn($,{"aria-label":"Options",children:[Oe(P,{text:"List item"}),Oe(P,{text:"List item"}),Oe(P,{text:"List item"})]})})})})]})};le.states=Xu;le.options=qu;le.className=Ys;le.defaultOptions=Rn;le.moduleName=Ws;le.folderName=Js;le.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 CB}from"react/jsx-runtime";import{jsx as TB,jsxs as yB}from"react/jsx-runtime";import{Fragment as DB,jsx as KB,jsxs as _B}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as JB,jsxs as YB}from"react/jsx-runtime";import{Fragment as nP,jsx as aP,jsxs as rP}from"react/jsx-runtime";import{jsx as cP}from"react/jsx-runtime";import{Fragment as ef,jsx as Ht,jsxs as Qs}from"react/jsx-runtime";var Ju=le.states,Yu=le.defaultOptions,Qu=le.options,Zu=[{name:"opened",title:"Opened"}],ju=[],Bo=e=>{let{modifiers:t,...o}=e,a={},r=Qs(ef,{children:[Ht("div",{className:"k-list-filter",children:Ht(Ze,{})}),Ht(D,{style:{width:300},size:o.size,children:Qs($,{children:[Ht(P,{children:"List item"}),Ht(P,{children:"List item"}),Ht(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),Ht("div",{children:Ht(le,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=Qu;Bo.states=Ju;Bo.variants=ju;Bo.defaultOptions=Yu;Bo.modifiers=Zu;Bo.className=le.className;import{Fragment as BP,jsx as OP}from"react/jsx-runtime";import{Fragment as DP,jsx as _P}from"react/jsx-runtime";import{jsx as UP}from"react/jsx-runtime";import{jsx as Kn}from"react/jsx-runtime";var tf=G.states,of=G.defaultOptions,af=G.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Kn(le,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?Kn(on,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),Kn(_s,{value:"Value",style:{width:300},...o,...a})};Po.options=af;Po.states=tf;Po.variants=nf;Po.defaultOptions=of;Po.modifiers=rf;Po.className=G.className;import{Fragment as Oa,jsx as K,jsxs as ie}from"react/jsx-runtime";var Zs="k-colorgradient-inputs",sf=[],lf={size:[c.undefined,c.small,c.medium,c.large]},js={mode:"rgba"},wo=e=>{let{mode:t=js.mode,size:o,...a}=e;return ie("div",{...a,className:n(Zs,"k-hstack"),children:[K("div",{className:"k-vstack",children:K(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),K("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),K("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),K("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),K("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ie(Oa,{children:[ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),K("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),K("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[K(G,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),K("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&K(Oa,{children:ie("div",{className:"k-vstack k-flex-1",children:[K(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),K("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};wo.states=sf;wo.options=lf;wo.className=Zs;wo.defaultOptions=js;import{jsx as eo,jsxs as to}from"react/jsx-runtime";var el="k-colorgradient-color-contrast",df=[],cf={},pf={},Ro=()=>to("div",{className:n(el,"k-vbox"),children:[to("div",{className:"k-contrast-ratio",children:[eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),to("span",{className:"k-contrast-validation !k-text-success",children:[eo(v,{icon:"check"}),eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AA: 4.5"}),to("span",{className:"k-contrast-validation !k-text-success",children:["Pass",eo(v,{icon:"check"})]})]}),to("div",{children:[eo("span",{children:"AAA: 7.0"}),to("span",{className:"k-contrast-validation !k-text-error",children:["Fail",eo(v,{icon:"x"})]})]})]});Ro.states=df;Ro.options=cf;Ro.className=el;Ro.defaultOptions=pf;var tl="color-gradient",ol="colorgradient";import{jsx as rt,jsxs as Ba}from"react/jsx-runtime";var pr="k-colorgradient",mf=[i.hover,i.focus,i.readonly,i.disabled],uf={size:[c.undefined,c.small,c.medium,c.large]},Nt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},fe=e=>{let{size:t,mode:o=Nt.mode,readonly:a=Nt.readonly,disabled:r=Nt.disabled,gradientStyle:s=Nt.gradientStyle,dragHandleStyle:l=Nt.dragHandleStyle,alphaStyle:p=Nt.alphaStyle,alphaStyleHorizontal:b=Nt.alphaStyleHorizontal,contrast:x=Nt.contrast,dir:N,hover:k,focus:m,hoverHandle:L,focusHandle:C,canvasOrientation:M=Nt.canvasOrientation,role:E,tabIndex:A,...w}=e;return Ba("div",{...w,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:n(e.className,pr,I(pr,{size:t}),S(pr,{hover:k,focus:m,readonly:a,disabled:r})),dir:N,children:[!M||M==="horizontal"&&Ba("div",{className:"k-colorgradient-canvas k-hstack",children:[rt("div",{className:"k-hsv-rectangle",style:s,children:rt("div",{className:"k-hsv-gradient",children:rt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ba("div",{className:"k-hsv-controls k-hstack",children:[rt(Ln,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&rt(Ln,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:p})]})]}),M==="vertical"&&Ba("div",{className:"k-colorgradient-canvas k-vstack",children:[rt("div",{className:"k-hsv-rectangle",style:s,children:rt("div",{className:"k-hsv-gradient",children:rt("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":C}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ba("div",{className:"k-hsv-controls k-vstack",children:[rt(Cn,{className:"k-hue-slider",hover:L,focus:C}),o!=="rgb"&&o!=="hsv"&&rt(Cn,{className:"k-alpha-slider",hover:L,focus:C,trackStyle:b})]})]}),rt(wo,{mode:e.mode,size:t}),x&&rt(Ro,{})]})};fe.states=mf;fe.options=uf;fe.className=pr;fe.defaultOptions=Nt;fe.moduleName=tl;fe.folderName=ol;fe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as ff}from"react/jsx-runtime";var mr=e=>ff(fe,{...e});import{jsx as Iw}from"react/jsx-runtime";import{jsx as Ow}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var bf=fe.options,hf=fe.states,xf={...fe.defaultOptions,variant:"rgba"},Nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kf=[],Ko=e=>{let{variant:t,...o}=e;switch(t){case"hex":return _n(mr,{...o,mode:t});case"rgb":return _n(mr,{...o,mode:t});default:return _n(mr,{...o,mode:t})}};Ko.options=bf;Ko.states=hf;Ko.variants=Nf;Ko.defaultOptions=xf;Ko.modifiers=kf;Ko.className=fe.className;import{jsx as gf}from"react/jsx-runtime";var Dn=e=>gf("tr",{role:"row",children:e.children});import{jsx as Lf}from"react/jsx-runtime";var Hn="k-colorpalette-tile",vf=[i.hover,i.focus,i.selected],Cf={},_o=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...l}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Lf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,Hn,S(Hn,{hover:a,focus:r,selected:s})),style:p})};_o.states=vf;_o.options=Cf;_o.className=Hn;var al="color-palette",rl="colorpalette";import{jsx as Pa}from"react/jsx-runtime";var ur="k-colorpalette",Mf=[i.disabled],Sf={size:[c.undefined,c.small,c.medium,c.large]},nl={columns:10},Be=e=>{let{size:t,palette:o,columns:a=nl.columns,tileSize:r,disabled:s,...l}=e,p=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,k)=>{let m=[];x.slice(k*b,(k+1)*b).map((C,M)=>{m.push(Pa(_o,{color:C,tileSize:r},M))});let L=Pa(Dn,{children:m},k);p.push(L)})}return Pa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,ur,S(ur,{disabled:s}),I(ur,{size:t})),children:Pa("table",{className:"k-colorpalette-table",role:"none",children:Pa("tbody",{children:p.length>0?p:e.children})})})};Be.states=Mf;Be.options=Sf;Be.className=ur;Be.defaultOptions=nl;Be.moduleName=al;Be.folderName=rl;Be.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 fr=Be;var wa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Af}from"react/jsx-runtime";var il=e=>Af(fr,{palette:wa.basic,...e});import{jsx as mR}from"react/jsx-runtime";import{jsx as NR,jsxs as kR}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var If=Be.options,Tf=Be.states,yf={...Be.defaultOptions,variant:"basic"},Ef=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Of={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Bf=[],Do=e=>{let{variant:t="basic",...o}=e,a=Of[t];return Pf(il,{columns:a.columns,palette:a,...o})};Do.options=If;Do.states=Tf;Do.variants=Ef;Do.defaultOptions=yf;Do.modifiers=Bf;Do.className=Be.className;var sl="color-editor",ll="coloreditor";import{jsx as nt,jsxs as Ho}from"react/jsx-runtime";var br="k-coloreditor",wf=[i.focus],Rf={size:[c.undefined,c.small,c.medium,c.large]},Ra={view:"gradient",palette:wa.office,actionButtons:!0,canvasOrientation:"horizontal"},ae=e=>{let{size:t,view:o=Ra.view,palette:a=Ra.palette,color:r,currentColor:s,focus:l,focusView:p,dir:b,group:x,actionButtons:N=Ra.actionButtons,canvasOrientation:k=Ra.canvasOrientation,...m}=e;return Ho("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",br,I(br,{size:t}),S(br,{focus:l})),dir:b,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[nt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Ho(B,{fillMode:"flat",children:[nt(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),nt(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),nt("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[nt(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[nt(Ot,{className:"k-coloreditor-preview-color",color:r}),nt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?nt(fe,{focus:p,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):nt(Be,{palette:a,size:t})}),N&&Ho(z,{className:"k-coloreditor-footer",alignment:"start",children:[nt(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),nt(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ae.states=wf;ae.options=Rf;ae.className=br;ae.defaultOptions=Ra;ae.moduleName=sl;ae.folderName=ll;ae.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zo=ae;import{jsx as WR}from"react/jsx-runtime";import{jsx as ZR}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var dl=e=>Kf(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var cl=e=>_f(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as pl}from"react/jsx-runtime";var Df=ae.options,Hf=ae.states,zf={...ae.defaultOptions,variant:"gradient"},Ff=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Fo=e=>{let{variant:t,...o}=e;return t==="palette"?pl(cl,{...o,color:"white"}):pl(dl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Fo.options=Df;Fo.states=Hf;Fo.variants=Ff;Fo.defaultOptions=zf;Fo.modifiers=Uf;Fo.className=ae.className;var ml="color-picker",ul="colorpicker";import{Fragment as $f,jsx as it,jsxs as zn}from"react/jsx-runtime";var fl="k-colorpicker",Gf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Vf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},bl={arrowIconName:"chevron-down"},Ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=bl.arrowIconName,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,valueIconName:M,popup:E,opened:A,adaptive:w,adaptiveSettings:J,adaptiveTitle:ue,adaptiveSubtitle:he,...xe}=e,Me="colorpicker-popup";return zn($f,{children:[zn(ft,{...xe,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A||w?Me:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:n(e.className,fl,"k-icon-picker"),children:[it(_e,{children:s}),it(Jt,{placeholder:b,value:p,showValue:!1,valueIcon:it(Ot,{className:"k-value-icon",color:p,iconName:M}),valueIconName:M}),it(De,{children:l}),it(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),A&&E&&it(U,{id:Me,className:"k-colorpicker-popup",children:E}),w&&it(oe,{adaptive:!0,id:Me,...J,header:it(Te,{actionsEnd:it(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ue,subtitle:he}),footer:zn(Bt,{children:[it(d,{text:"Cancel",size:"large"}),it(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:it(ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ue.states=Gf;Ue.options=Vf;Ue.className=fl;Ue.defaultOptions=bl;Ue.moduleName=ml;Ue.folderName=ul;Ue.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 St=Ue;import{jsx as Xf}from"react/jsx-runtime";var hr=e=>Xf(St,{...e});import{jsx as RK}from"react/jsx-runtime";import{jsx as zK}from"react/jsx-runtime";import{jsx as VK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{jsx as ZK}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var qf=St.options,Wf=St.states,hl={...St.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...hl,...e},r={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?oo(ae,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return oo("div",{style:s,children:oo(hr,{...a,...r})});case"icon":return oo("div",{style:s,children:oo(hr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return oo("div",{style:s,children:oo(hr,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Uo.options=qf;Uo.states=Wf;Uo.variants=Jf;Uo.defaultOptions=hl;Uo.modifiers=Yf;Uo.className=St.className;var Fn="combobox",xl=Fn;import{Fragment as Un,jsx as de,jsxs as Ka}from"react/jsx-runtime";var Nl="k-combobox",Qf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},kl={separators:!0},ve=e=>{let{size:t,rounded:o,fillMode:a,separators:r=kl.separators,prefix:s,suffix:l,value:p,placeholder:b,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,popup:E,opened:A,readonly:w,adaptive:J,adaptiveSettings:ue,adaptiveTitle:he,adaptiveSubtitle:xe,adaptiveCustomValue:Me,id:Xt,autocomplete:Br,activeDescendant:Et,"aria-label":Xa,...Pr}=e,wr=Xt?`${Xt}-listbox`:void 0;return Ka(Un,{children:[Ka(Z,{...Pr,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:k,invalid:m,required:L,loading:C,disabled:M,readonly:w,className:n(e.className,Nl),children:[s&&Ka(Un,{children:[de(_e,{children:s}),r&&de(Ie,{})]}),de(Fe,{id:Xt,placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?wr:void 0,"aria-activedescendant":A&&Et?Et:void 0,"aria-autocomplete":Br,"aria-invalid":m?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":Xa,disabled:M,readOnly:w}),de(Ae,{valid:k,invalid:m,loading:C,disabled:M}),de(Ke,{loading:C,disabled:M}),de(ze,{loading:C,disabled:M,readonly:w,value:p}),l&&Ka(Un,{children:[r&&de(Ie,{}),de(De,{children:l})]}),de(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&E&&de(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),J&&de(oe,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...ue,header:de(Te,{actionsEnd:de(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:he,subtitle:xe}),children:de("div",{className:"k-list-container",children:de(D,{customValue:Me?de(Dt,{text:`Use "${p}"`}):void 0,size:"large",children:Ka($,{"aria-label":he||"Options",children:[de(P,{text:"List item"}),de(P,{text:"List item"}),de(P,{text:"List item"})]})})})})]})};ve.states=Qf;ve.options=Zf;ve.className=Nl;ve.defaultOptions=kl;ve.moduleName=Fn;ve.folderName=xl;ve.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 Ge=ve;import{jsx as jf}from"react/jsx-runtime";var gl=e=>jf(Ge,{...e});import{jsx as D_,jsxs as H_}from"react/jsx-runtime";import{jsx as $_,jsxs as X_}from"react/jsx-runtime";import{jsx as Z_,jsxs as j_}from"react/jsx-runtime";import{Fragment as n0,jsx as r0}from"react/jsx-runtime";import{Fragment as p0,jsx as c0}from"react/jsx-runtime";import{jsx as x0,jsxs as N0}from"react/jsx-runtime";import{Fragment as A0,jsx as M0,jsxs as S0}from"react/jsx-runtime";import{jsx as E0}from"react/jsx-runtime";import{jsx as w0}from"react/jsx-runtime";import{jsx as z0,jsxs as F0}from"react/jsx-runtime";import{jsx as q0,jsxs as W0}from"react/jsx-runtime";import{jsx as zt,jsxs as nb}from"react/jsx-runtime";var eb=ve.states,tb=ve.defaultOptions,ob=ve.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rb=[],Go=e=>{let{modifiers:t,...o}=e,a={},r=zt(D,{style:{width:300},size:o.size,children:nb($,{children:[zt(P,{children:"List item"}),zt(P,{children:"List item"}),zt(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?zt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?zt(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),zt("div",{children:zt(gl,{value:"Value",style:{width:300},...o,...a})})};Go.options=ob;Go.states=eb;Go.variants=rb;Go.defaultOptions=tb;Go.modifiers=ab;Go.className=ve.className;var Gn="menu-button",vl=Gn;import{jsx as lb}from"react/jsx-runtime";var Cl="k-menu-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],sb={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Vn={showArrow:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,showArrow:m=Vn.showArrow,arrowIconName:L=Vn.arrowIconName,expanded:C,...M}=e;return lb(d,{...M,className:n(e.className,Cl),text:k,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:L,"aria-expanded":C?"true":"false",...!k&&N&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};X.states=ib;X.options=sb;X.className=Cl;X.defaultOptions=Vn;X.moduleName=Gn;X.folderName=vl;X.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as ID}from"react/jsx-runtime";import{jsx as OD}from"react/jsx-runtime";import{jsx as RD}from"react/jsx-runtime";var Ve="menu",st=Ve;import{jsx as _a,jsxs as Ll}from"react/jsx-runtime";var $n="k-menu-item",db=[i.hover,i.focus,i.active,i.selected,i.disabled],cb={},Ml={iconPosition:"before"},Ce=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=Ml.iconPosition,dir:L,children:C,expanded:M,...E}=e,A=k;return A||(A=L==="rtl"?"chevron-left":"chevron-right"),Ll("li",{...E,className:n(e.className,$n,"k-item",S($n,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ll("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&_a(v,{className:"k-menu-link-icon",icon:l}),_a("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&_a(v,{className:"k-menu-link-icon",icon:l}),N&&_a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:_a(v,{icon:A})})]}),C]})};Ce.states=db;Ce.options=cb;Ce.className=$n;Ce.defaultOptions=Ml;Ce.moduleName=Ve;Ce.folderName=st;import{jsx as Da,jsxs as Sl}from"react/jsx-runtime";var Xn="k-menu-item",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={},qn={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:l,text:p,first:b,last:x,showArrow:N,arrowIconName:k,iconPosition:m=qn.iconPosition,dir:L=qn.dir,children:C,popup:M,expanded:E,...A}=e,w=k;return w||(w=L==="rtl"?"chevron-left":"chevron-right"),Sl("li",{...A,className:n(e.className,Xn,"k-item",S(Xn,{focus:o,disabled:s}),{"k-first":b,"k-last":x}),role:"menuitem",...N&&{"aria-haspopup":"menu"},...N&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Sl("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[l&&m==="before"&&Da(v,{className:"k-menu-link-icon",icon:l}),Da("span",{className:"k-menu-link-text",children:p}),l&&m==="after"&&Da(v,{className:"k-menu-link-icon",icon:l}),N&&Da("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Da(v,{icon:w})})]}),C,M]})};j.states=pb;j.options=mb;j.className=Xn;j.defaultOptions=qn;j.moduleName=Ve;j.folderName=st;import{jsx as hb}from"react/jsx-runtime";var Al="k-menu-scroll-wrapper",ub=[],fb={},bb={},ao=e=>{let{className:t,children:o,orientation:a,...r}=e;return hb("div",{...r,className:n(t,Al,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=ub;ao.options=fb;ao.className=Al;ao.defaultOptions=bb;ao.moduleName=Ve;ao.folderName=st;var Il=ao;import{Fragment as Wn,jsx as ro,jsxs as Nr}from"react/jsx-runtime";var Jn="k-menu",xb=[],Nb={},kr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},be=e=>{let{children:t,orientation:o=kr.orientation,header:a=kr.header,scrollable:r,scrollButtonsPosition:s=kr.scrollButtonsPosition,wrapperStyles:l,dir:p,popup:b,contextMenu:x,...N}=e,k={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=ro("ul",{dir:p,...N,className:n(e.className,"k-reset",Jn,{[`${Jn}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Nr(Wn,{children:[r?Nr(Il,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Nr(Wn,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&Nr(Wn,{children:[ro(d,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ro(d,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,b]})};be.states=xb;be.options=Nb;be.className=Jn;be.defaultOptions=kr;be.moduleName=Ve;be.folderName=st;be.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as kb}from"react/jsx-runtime";var Yn="k-separator",Tl={orientation:"horizontal"},Vo=e=>{let{orientation:t=Tl.orientation,...o}=e;return kb("li",{...o,className:n(e.className,"k-item",Yn,{[`${Yn}-${t}`]:t}),role:"separator"})};Vo.className=Yn;Vo.defaultOptions=Tl;Vo.moduleName=Ve;Vo.folderName=st;import{Fragment as cH,jsx as pH}from"react/jsx-runtime";import{jsx as Lb}from"react/jsx-runtime";var Qn="k-menu-group",gb=[],vb={size:[c.undefined,c.small,c.medium,c.large]},Cb={},Le=e=>{let{children:t,size:o,...a}=e;return Lb("ul",{...a,className:n(e.className,Qn,I(Qn,{size:o})),role:"menu",children:t})};Le.states=gb;Le.options=vb;Le.className=Qn;Le.defaultOptions=Cb;Le.moduleName=Ve;Le.folderName=st;import{Fragment as Mb,jsx as $o,jsxs as Sb}from"react/jsx-runtime";var Zn=e=>$o(be,{children:Sb(Mb,{children:[$o(Ce,{first:!0,text:"Item 1"}),$o(Ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),$o(Ce,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),$o(Ce,{text:"Item 4"}),$o(Ce,{last:!0,text:"Item 5"})]}),...e});import{Fragment as SH,jsx as LH,jsxs as MH}from"react/jsx-runtime";import{Fragment as EH,jsx as yH,jsxs as OH}from"react/jsx-runtime";import{Fragment as KH,jsx as RH,jsxs as _H}from"react/jsx-runtime";import{Fragment as UH,jsx as FH,jsxs as GH}from"react/jsx-runtime";import{jsx as no,jsxs as Eb}from"react/jsx-runtime";var Ab=be.options,Ib=be.states,yl={...be.defaultOptions,variant:"horizontal"},Tb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yb=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...yl,...e},r={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!o?.[s];break;case"opened":r.opened=!!o?.[s],r.popup=no(U,{className:"k-menu-popup",children:Eb(Le,{children:[no(j,{text:"Item 1"}),no(j,{text:"Item 2"}),no(Vo,{}),no(j,{text:"Item 3"})]})});break}}),t==="vertical"?no(Zn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):no(Zn,{...a,...r})};Xo.options=Ab;Xo.states=Ib;Xo.variants=Tb;Xo.defaultOptions=yl;Xo.modifiers=yb;Xo.className=be.className;import{Fragment as v1,jsx as k1,jsxs as g1}from"react/jsx-runtime";import{jsx as S1}from"react/jsx-runtime";import{Fragment as Rb,jsx as kt,jsxs as El}from"react/jsx-runtime";var Ob=d.states,Ol={...d.defaultOptions,variant:"text"},Bb=d.options,Pb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],wb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...Ol,...e},r={},s=kt(U,{className:"k-menu-popup",children:El(Le,{size:a.size,children:[kt(j,{first:!0,text:"Menu Item"}),kt(j,{text:"Menu Item"}),kt(j,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=kt("div",{children:kt(X,{...a,...r,icon:"star"})});break;case"icon-and-text":l=kt("div",{children:kt(X,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:l=kt("div",{children:kt(X,{...a,...r,children:"Dropdown Button"})});break}return El(Rb,{children:[l,o?.opened&&s]})};qo.options=Bb;qo.states=Ob;qo.variants=Pb;qo.defaultOptions=Ol;qo.modifiers=wb;qo.className=X.className;var jn="split-button",Bl=jn;import{Fragment as Db,jsx as ei,jsxs as Pl}from"react/jsx-runtime";var ti="k-split-button",Kb=[i.hover,i.focus,i.active,i.selected,i.disabled],_b={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},wl={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,icon:N,text:k,arrowIconName:m=wl.arrowIconName,popup:L,opened:C,popupId:M,...E}=e;return Pl(Db,{children:[Pl("div",{...E,className:n(e.className,ti,"k-button-group",I(ti,{rounded:o})),children:[ei(d,{text:k,icon:N,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:l,active:p,selected:b,disabled:x,...!k&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),ei(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?M:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&L&&ei(U,{className:"k-menu-popup",children:L})]})};_.states=Kb;_.options=_b;_.className=ti;_.defaultOptions=wl;_.moduleName=jn;_.folderName=Bl;_.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 oi=_;import{jsx as zb}from"react/jsx-runtime";var Hb="k-toolbar-separator",pt=e=>zb("div",{className:n(Hb,e.className,"k-separator")});var At="toolbar",Ft=At;import{Fragment as ai,jsx as H,jsxs as Wo}from"react/jsx-runtime";var It="k-toolbar",Fb=[i.focus],Ub={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Gb={scrollButtons:"around"},R=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:l,scrollingPosition:p,section:b,...x}=e,N=[],k=(m,L)=>{let C=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))C.push(H(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===d)C.push(H(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===F)C.push(H(F,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===V)C.push(H(V,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===X)C.push(H(X,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===oi)C.push(H(oi,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===B||m.props.className&&m.props.className.includes("k-button-group")){let M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((A,w)=>{M.push(H(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${w}-${new Date().getTime()}`))}),C.push(H(B,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${L}-${new Date().getTime()}`))}else m.type===ve?C.push(H(ve,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===le?C.push(H(le,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Ue?C.push(H(Ue,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):C.push(m);C.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,C)=>{k(L,C)}),Wo("div",{...x,className:n(e.className,It,I(It,{size:t,fillMode:o}),S(It,{focus:a}),{[`${It}-resizable`]:r,[`${It}-scrollable`]:s,[`${It}-scrollable-overlay`]:s&&l==="hidden",[`${It}-scrollable-${p}`]:p&&p!=="both",[`${It}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&l==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&l==="start"&&Wo(ai,{children:[Wo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&l==="end"&&Wo(ai,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),Wo(B,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&Wo(ai,{children:[H("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-left"})}),H(pt,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),H(pt,{className:"k-toolbar-button-separator"}),H("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};R.states=Fb;R.options=Ub;R.className=It;R.defaultOptions=Gb;R.moduleName=At;R.folderName=Ft;R.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as qb}from"react/jsx-runtime";var Rl="k-floating-toolbar",Vb=[],$b={},Xb={},Jo=e=>{let{...t}=e;return qb("div",{...t,className:n(e.className,Rl),children:e.children})};Jo.states=Vb;Jo.options=$b;Jo.className=Rl;Jo.defaultOptions=Xb;Jo.moduleName=At;Jo.folderName=Ft;import{jsx as Qb}from"react/jsx-runtime";var ri="k-toolbar-item",Wb=[i.focus],Jb={},Yb={},Yo=e=>{let{focus:t,...o}=e;return Qb("div",{...o,className:n(e.className,ri,S(ri,{focus:t})),children:e.children})};Yo.states=Wb;Yo.options=Jb;Yo.className=ri;Yo.defaultOptions=Yb;Yo.moduleName=At;Yo.folderName=Ft;import{jsx as Kl}from"react/jsx-runtime";var _l="k-toolbar-popup",Zb=[],jb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},eh={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Kl(U,{...r,className:n(e.className,_l),children:a?Kl("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=Zb;io.options=jb;io.className=_l;io.defaultOptions=eh;io.moduleName=At;io.folderName=Ft;var gr=io;import{jsx as T2}from"react/jsx-runtime";import{jsx as B2}from"react/jsx-runtime";import{jsx as K2}from"react/jsx-runtime";import{jsx as U2,jsxs as G2}from"react/jsx-runtime";import{jsx as q2}from"react/jsx-runtime";import{jsx as Tt,jsxs as nh}from"react/jsx-runtime";var th=_.states,Dl={..._.defaultOptions,variant:"text"},oh=_.options,ah=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rh=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Dl,...e},r={},s=nh(Le,{size:a.size,children:[Tt(j,{first:!0,text:"Menu Item"}),Tt(j,{text:"Menu Item"}),Tt(j,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=o?.[l]?s:"")}),t){case"icon-only":return Tt("div",{children:Tt(_,{...a,...r,icon:"star"})});case"icon-and-text":return Tt("div",{children:Tt(_,{...a,...r,icon:"star",children:"Split Button"})});default:return Tt("div",{children:Tt(_,{...a,...r,children:"Split Button"})})}};Qo.options=oh;Qo.states=th;Qo.variants=ah;Qo.defaultOptions=Dl;Qo.modifiers=rh;Qo.className=_.className;import{jsx as so,jsxs as ih}from"react/jsx-runtime";var Hl=e=>so(R,{children:[so(d,{children:"Button"},"toolbar-button"),so(X,{text:"Menu button"},"toolbar-menu-button"),so(_,{children:"Split button"},"toolbar-split-button"),ih(B,{children:[so(d,{className:"k-group-start",icon:"align-left",children:"Left"}),so(d,{icon:"align-center",children:"Center"}),so(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Cz,jsxs as Lz}from"react/jsx-runtime";import{jsx as $e,jsxs as zl}from"react/jsx-runtime";var Fl=e=>$e(R,{scrollable:!0,...e,children:[$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),zl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),$e(d,{children:"Button"},"toolbar-button"),$e(X,{text:"Menu button"},"toolbar-menu-button"),$e(_,{children:"Split button"},"toolbar-split-button"),zl(B,{children:[$e(d,{className:"k-group-start",icon:"align-left",children:"Left"}),$e(d,{icon:"align-center",children:"Center"}),$e(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Ul}from"react/jsx-runtime";var Gl=({scrollingPosition:e="start",...t})=>Xe(R,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Ul(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(d,{children:"Button"},"toolbar-button"),Xe(X,{text:"Menu button"},"toolbar-menu-button"),Xe(_,{children:"Split button"},"toolbar-split-button"),Ul(B,{children:[Xe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(d,{icon:"align-center",children:"Center"}),Xe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as sh,jsx as He,jsxs as vr}from"react/jsx-runtime";var Vl=({fillMode:e,size:t,...o})=>vr(sh,{children:[He(R,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),vr(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(pt,{className:"k-toolbar-button-separator"}),He(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),vr(gr,{size:t,fillMode:e,section:!0,...o,children:[He(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(pt,{}),He(X,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),vr(B,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as o3,jsx as e3,jsxs as t3}from"react/jsx-runtime";import{Fragment as u3,jsx as p3,jsxs as m3}from"react/jsx-runtime";import{jsx as Ut}from"react/jsx-runtime";var lh=R.options,dh=R.states,$l={...R.defaultOptions,variant:"default"},ch=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ph=[],Zo=e=>{let{variant:t,...o}={...$l,...e};switch(t){case"responsive":return Ut("div",{children:Ut(Vl,{style:{width:"583px"},...o})});case"overlay":return Ut("div",{children:Ut(Gl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ut("div",{children:Ut(Fl,{style:{width:"583px"},...o})});default:return Ut("div",{children:Ut(Hl,{style:{width:"583px"},...o})})}};Zo.options=lh;Zo.states=dh;Zo.variants=ch;Zo.defaultOptions=$l;Zo.modifiers=ph;Zo.className=R.className;var ni="prompt",Xl=ni;import{Fragment as bh,jsx as ql}from"react/jsx-runtime";var Wl="k-prompt",mh=[],uh={},fh={},W=e=>{let{...t}=e;return ql("div",{...t,className:n(e.className,Wl),children:ql(bh,{children:e.children})})};W.states=mh;W.options=uh;W.className=Wl;W.defaultOptions=fh;W.moduleName=ni;W.folderName=Xl;W.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};import{jsx as xh}from"react/jsx-runtime";var hh="k-prompt-header",mt=e=>{let{...t}=e;return xh("div",{...t,className:n(e.className,hh),children:e.children})};import{Fragment as kh,jsx as Jl}from"react/jsx-runtime";var Nh="k-prompt-content",qe=e=>{let{...t}=e;return Jl("div",{...t,className:n(e.className,Nh),children:Jl(kh,{children:e.children})})};import{jsx as vh}from"react/jsx-runtime";var gh="k-prompt-view",We=e=>{let{...t}=e;return vh("div",{...t,className:n(e.className,gh),children:e.children})};import{jsx as Yl,jsxs as Lh}from"react/jsx-runtime";var Ch="k-prompt-expander",Ha=e=>{let{title:t,children:o,expanded:a,...r}=e,s=T("prompt-expander-content");return Lh("div",{...r,className:n(e.className,Ch),children:[Yl(F,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Yl("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Sh}from"react/jsx-runtime";var Mh="k-prompt-footer",lo=e=>{let{...t}=e;return Sh("div",{...t,className:n(e.className,Mh),children:e.children})};import{jsx as Ih}from"react/jsx-runtime";var Ah="k-prompt-setting",ii=e=>{let{...t}=e;return Ih("div",{...t,className:n(e.className,Ah),children:e.children})};import{jsx as Th}from"react/jsx-runtime";var Ql="k-prompt-send",Zl={generating:!1},jo=e=>{let{generating:t=Zl.generating,...o}=e;return Th(d,{...o,className:n(e.className,Ql,{"k-generating":t}),icon:t?"stop-sm":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};jo.states=d.states;jo.options=d.options;jo.className=Ql;jo.defaultOptions=Zl;import{jsx as jl,jsxs as Ph}from"react/jsx-runtime";var Cr="k-fab",Oh=[i.hover,i.focus,i.active,i.selected,i.disabled],Bh={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},ed={type:"button"},re=e=>{let{size:t,rounded:o,themeColor:a,text:r,icon:s,type:l=ed.type,position:p,hover:b,focus:x,active:N,selected:k,disabled:m,...L}=e;return Ph("button",{...L,type:l,className:n(e.className,Cr,I(Cr,{size:t,rounded:o,themeColor:a}),S(Cr,{hover:b,focus:x,active:N,disabled:m,selected:k}),{[`!k-pos-absolute k-${p}`]:p}),...!r&&s&&!e["aria-label"]&&{"aria-label":"Action"},...m&&{"aria-disabled":"true"},disabled:m||void 0,children:[s&&jl(v,{className:"k-fab-icon",icon:s}),r&&jl("span",{className:"k-fab-text",children:r})]})};re.states=Oh;re.options=Bh;re.className=Cr;re.defaultOptions=ed;re.moduleName="fab";re.folderName="fab";re.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 Rh}from"react/jsx-runtime";var wh="k-fab-items",td=e=>{let{position:t,...o}=e;return Rh("ul",{...o,className:n(e.className,wh,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ad,jsxs as _h}from"react/jsx-runtime";var od="k-fab-item",Kh=[i.hover,i.focus,i.active,i.disabled],si=e=>{let{text:t,icon:o,align:a,hover:r,focus:s,active:l,disabled:p,...b}=e;return _h("li",{...b,className:n(e.className,od,{[`k-text-${a}`]:a},S(od,{hover:r,focus:s,active:l,disabled:p})),children:[ad("span",{className:"k-fab-item-text",children:t}),ad(v,{className:"k-fab-item-icon",icon:o})]})};si.states=Kh;import{jsx as T5}from"react/jsx-runtime";import{jsx as B5}from"react/jsx-runtime";import{jsx as K5}from"react/jsx-runtime";import{jsx as z5}from"react/jsx-runtime";import{jsx as ea,jsxs as Gh}from"react/jsx-runtime";var Dh=re.options,Hh=re.states,zh={...re.defaultOptions,variant:"text"},Fh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Uh=[{name:"opened",title:"Opened"}],ta=e=>{let{variant:t,modifiers:o,...a}=e,{opened:r}=o||{},s=r?ea("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:ea(td,{position:"bottom",children:ea(si,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=ea(re,{...a,icon:"star"});break;case"icon-and-text":l=ea(re,{...a,icon:"star",text:"Action"});break;default:l=ea(re,{...a,text:"Action"});break}return Gh("span",{style:{position:"relative"},children:[l,s]})};ta.options=Dh;ta.states=Hh;ta.variants=Fh;ta.defaultOptions=zh;ta.modifiers=Uh;ta.className=re.className;import{jsx as Vh}from"react/jsx-runtime";var rd="k-prompt-stop-fab",nd={generating:!0},co=e=>{let{generating:t=nd.generating,icon:o,...a}=e;return Vh(re,{...a,className:n(e.className,rd,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};co.states=d.states;co.options=d.options;co.className=rd;co.defaultOptions=nd;var li="speech-to-text-button",id=li;import{jsx as $h}from"react/jsx-runtime";var sd="k-speech-to-text-button",ld={icon:"microphone"},ne=e=>{let{listening:t=!1,icon:o=ld.icon,...a}=e;return $h(d,{...a,icon:t?"stop":o,className:n(e.className,sd,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};ne.states=d.states;ne.options=d.options;ne.className=sd;ne.defaultOptions=ld;ne.moduleName=li;ne.folderName=id;ne.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 LF}from"react/jsx-runtime";import{jsx as IF}from"react/jsx-runtime";import{jsx as Yh}from"react/jsx-runtime";var Xh=d.states,dd={...d.defaultOptions,variant:"normal"},qh={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Wh=[],Jh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],oa=e=>{let{variant:t,...o}={...dd,...e},a={};return t==="listening"&&(a.listening=!0),Yh(ne,{...o,...a})};oa.options=qh;oa.states=Xh;oa.variants=Jh;oa.defaultOptions=dd;oa.modifiers=Wh;oa.className=ne.className;var di="textarea",cd=di;import{Fragment as pd,jsx as za,jsxs as ci}from"react/jsx-runtime";var md="k-textarea",Qh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zh={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]},aa={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Q=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:r=aa.prefixSeparator,suffixSeparator:s=aa.prefixSeparator,affixesOrientation:l=aa.affixesOrientation,flow:p=aa.flow,resize:b=aa.resize,prefix:x,suffix:N,rows:k,value:m,placeholder:L,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,id:ue,"aria-label":he,"aria-describedby":xe,...Me}=e;return ci(Z,{...Me,size:t,rounded:o,fillMode:a,hover:C,focus:M,valid:E,invalid:A,required:w,disabled:J,className:n(e.className,md,{"!k-flex-col":p==="vertical","!k-flex-row":p==="horizontal"}),children:[x&&ci(pd,{children:[za(_e,{className:n({"!k-align-items-start":p===l}),direction:l,children:x}),r&&za(Ie,{direction:p==="horizontal"?"vertical":"horizontal"})]}),za(La,{className:n("!k-overflow-auto",{"!k-flex-none":p==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:L,rows:k,disabled:J,id:ue,"aria-label":he,"aria-describedby":xe,"aria-invalid":A?"true":void 0}),N&&ci(pd,{children:[s&&za(Ie,{direction:p==="horizontal"?"vertical":"horizontal"}),za(De,{className:n({"!k-align-items-start":p===l}),direction:l,children:N})]})]})};Q.states=Qh;Q.options=Zh;Q.className=md;Q.defaultOptions=aa;Q.moduleName=di;Q.folderName=cd;Q.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 qF}from"react/jsx-runtime";import{Fragment as jF,jsx as ZF}from"react/jsx-runtime";import{Fragment as nU,jsx as rU}from"react/jsx-runtime";import{jsx as dU}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var jh=Q.options,ex=Q.states,ud={...Q.defaultOptions,variant:"vertical"},tx=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],ox=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ra=e=>{let{variant:t,modifiers:o,...a}={...ud,...e},r={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":r.prefix=o?.[s]?Lr(v,{icon:"comment"}):void 0;break;case"suffix":r.suffix=o?.[s]?Lr(v,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Lr(Q,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...r}):Lr(Q,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...r})};ra.options=jh;ra.states=ex;ra.variants=tx;ra.defaultOptions=ud;ra.modifiers=ox;ra.className=Q.className;import{Fragment as BU,jsx as EU,jsxs as OU}from"react/jsx-runtime";var mi="suggestion",fd=mi;import{jsx as Mr,jsxs as nx}from"react/jsx-runtime";var Sr="k-suggestion-group",ax=[],rx={},bd={layout:"scrollable",scrollingPosition:"start"},lt=e=>{let{layout:t=bd.layout,scrollingPosition:o,...a}=e,r=Mr("div",{...a,className:n(Sr,{"k-suggestion-group-scrollable":t=="scrollable",[`${Sr}-scrollable-start`]:o==="start"||o==="both",[`${Sr}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?Mr("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?nx("div",{className:"k-suggestion-scrollwrap",children:[Mr(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),r,Mr(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):r};lt.states=ax;lt.options=rx;lt.className=Sr;lt.defaultOptions=bd;lt.moduleName=mi;lt.folderName=fd;import{jsx as dx}from"react/jsx-runtime";var Ar="k-suggestion",ix=[i.active,i.hover,i.focus],sx={themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary]},lx={text:"Suggestion"},ut=e=>{let{themeColor:t,active:o,hover:a,focus:r,text:s,...l}=e;return dx("span",{...l,className:n(e.className,Ar,S(Ar,{hover:a,active:o,focus:r}),I(Ar,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ut.states=ix;ut.options=sx;ut.className=Ar;ut.item=lx;import{Fragment as XU,jsx as $U,jsxs as qU}from"react/jsx-runtime";import{Fragment as ZU,jsx as QU,jsxs as jU}from"react/jsx-runtime";import{Fragment as rG,jsx as aG,jsxs as nG}from"react/jsx-runtime";import{Fragment as LG,jsx as vG,jsxs as CG}from"react/jsx-runtime";import{jsx as px}from"react/jsx-runtime";var cx="k-card-callout",hd=e=>{let{callout:t,...o}=e;return px("span",{...o,className:n(e.className,cx,{[`k-callout-${Mi.calloutMap[t]||t}`]:t})})};var Je="card",dt=Je;import{Fragment as bx,jsx as xd,jsxs as hx}from"react/jsx-runtime";var ui="k-card",mx=[i.hover,i.focus,i.selected,i.disabled],ux={},fx={},ee=e=>{let{orientation:t,callout:o,hover:a,focus:r,selected:s,disabled:l,...p}=e;return hx("div",{...p,className:n(e.className,ui,S(ui,{hover:a,focus:r,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&xd(hd,{callout:o}),xd(bx,{children:e.children})]})};ee.states=mx;ee.options=ux;ee.className=ui;ee.defaultOptions=fx;ee.moduleName=Je;ee.folderName=dt;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 gx,jsx as Nd}from"react/jsx-runtime";var fi="k-card-list",xx=[],Nx={},kx={},Gt=e=>{let{...t}=e;return Nd("div",{...t,className:n(e.className,fi,S(fi,{})),role:"list",children:Nd(gx,{children:e.children})})};Gt.states=xx;Gt.options=Nx;Gt.className=fi;Gt.defaultOptions=kx;Gt.moduleName=Je;Gt.folderName=dt;Gt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};import{jsx as Mx}from"react/jsx-runtime";var kd="k-card-group",vx=[],Cx={},Lx={},na=e=>{let{...t}=e;return Mx("div",{...t,className:n(e.className,kd),children:e.children})};na.states=vx;na.options=Cx;na.className=kd;na.defaultOptions=Lx;na.moduleName=Je;na.folderName=dt;import{jsx as Tx}from"react/jsx-runtime";var bi="k-card-wrap",Sx=[i.focus,i.selected],Ax={},Ix={},ia=e=>{let{focus:t,selected:o,...a}=e;return Tx("div",{...a,className:n(e.className,bi,S(bi,{focus:t,selected:o})),children:e.children})};ia.states=Sx;ia.options=Ax;ia.className=bi;ia.defaultOptions=Ix;ia.moduleName=Je;ia.folderName=dt;import{jsx as Ex}from"react/jsx-runtime";var hi="k-card-title",yx=[i.hover,i.focus],po=e=>{let{hover:t,focus:o,...a}=e;return Ex("div",{...a,className:n(e.className,hi,S(hi,{hover:t,focus:o})),children:e.children})};po.states=yx;po.className=hi;import{jsx as Bx}from"react/jsx-runtime";var Ox="k-card-subtitle",Ir=e=>{let{...t}=e;return Bx("div",{...t,className:n(e.className,Ox),children:e.children})};import{Fragment as vd,jsx as Tr}from"react/jsx-runtime";var gd="k-card-media",xi=e=>{let{src:t,...o}=e;return Tr(vd,{children:t?Tr("img",{...o,className:n(e.className,gd),src:t}):Tr("span",{...o,className:n(e.className,gd),children:Tr(vd,{children:e.children})})})};import{Fragment as wx,jsx as Fa,jsxs as Rx}from"react/jsx-runtime";var Px="k-card-header",yt=e=>{let{title:t,subtitle:o,details:a,...r}=e;return Rx("div",{...r,className:n(e.className,Px),children:[t&&Fa(po,{children:t}),o&&Fa(Ir,{children:o}),Fa(wx,{children:e.children}),a&&Fa("span",{className:"k-card-header-actions",children:Fa(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as _x}from"react/jsx-runtime";var Kx="k-card-footer",Ni=e=>{let{...t}=e;return _x("div",{...t,className:n(e.className,Kx),children:e.children})};import{Fragment as Hx,jsx as Ua,jsxs as zx}from"react/jsx-runtime";var Dx="k-card-body",Ye=e=>{let{title:t,subtitle:o,details:a,...r}=e;return zx("div",{...r,className:n(e.className,Dx),children:[t&&Ua(po,{children:t}),o&&Ua(Ir,{children:o}),Ua(Hx,{children:e.children}),a&&Ua("span",{className:"k-card-header-actions",children:Ua(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Vx}from"react/jsx-runtime";var Cd="k-card-deck",Fx=[],Ux={},Gx={},sa=e=>{let{...t}=e;return Vx("div",{...t,className:n(e.className,Cd),children:e.children})};sa.states=Fx;sa.options=Ux;sa.className=Cd;sa.defaultOptions=Gx;sa.moduleName=Je;sa.folderName=dt;import{jsx as Wx}from"react/jsx-runtime";var Ld="k-card-deck-scrollwrap",$x=[],Xx={},qx={},la=e=>{let{...t}=e;return Wx("div",{...t,className:n(e.className,Ld),children:e.children})};la.states=$x;la.options=Xx;la.className=Ld;la.defaultOptions=qx;la.moduleName=Je;la.folderName=dt;import{Fragment as Jx,jsx as da,jsxs as Md}from"react/jsx-runtime";var Sd=e=>da(ee,{orientation:"vertical",children:Md(Jx,{children:[da(yt,{children:"Card Header"}),da(Ye,{children:da("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Md(z,{className:"k-card-actions",children:[da(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),da(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Yx,jsx as Ga,jsxs as Ad}from"react/jsx-runtime";var Id=e=>Ga(ee,{orientation:"horizontal",children:Ad(Yx,{children:[Ga(Ye,{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."})}),Ad(z,{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 H9,jsxs as z9}from"react/jsx-runtime";import{jsx as Pe,jsxs as Va}from"react/jsx-runtime";var Qx=ee.options,Zx=ee.states,Td={...ee.defaultOptions,variant:"vertical"},jx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],eN=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Td,...e},r=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(p=>{switch(p){case"media":{r=!!o?.[p];break}case"header":{s=!!o?.[p];break}case"footer":{l=!!o?.[p];break}}}),t==="horizontal"?Va(Id,{style:{maxWidth:"420px"},...a,children:[r&&Pe(xi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Va("div",{children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(Ni,{children:"Card Footer"})]}),(s||l)&&Pe("span",{className:"k-separator k-separator-vertical"}),Va(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Va(Sd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(yt,{title:"Header Title",subtitle:"Header Subtitle"}),r&&Pe(xi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Pe(Ye,{title:"Title",subtitle:"Subtitle",children:Pe("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Pe(Ni,{children:"Card Footer"}),Va(z,{className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ca.options=Qx;ca.states=Zx;ca.variants=jx;ca.defaultOptions=Td;ca.modifiers=eN;ca.className=ee.className;import{jsx as M6,jsxs as S6}from"react/jsx-runtime";var ki="panelbar",yd=ki;import{jsx as rN}from"react/jsx-runtime";var Ed="k-panelbar",tN=[],oN={},aN={},ge=e=>{let{activeDescendant:t,...o}=e;return rN("ul",{...o,className:n(e.className,Ed),role:"tree","aria-activedescendant":t,children:e.children})};ge.states=tN;ge.options=oN;ge.className=Ed;ge.defaultOptions=aN;ge.moduleName=ki;ge.folderName=yd;ge.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 gi from"react";import{jsx as yr,jsxs as Od}from"react/jsx-runtime";var Bd="k-panelbar-item",nN=[i.hover,i.focus,i.selected,i.disabled],iN={},Er={level:0,expanded:!1,text:"Item"},y=e=>{let{text:t=Er.text,level:o=Er.level,expanded:a=Er.expanded,header:r,hover:s,focus:l,selected:p,disabled:b,icon:x,iconClass:N,ariaSelected:k,children:m,...L}=e,C=!!m;return Od("li",{...L,className:n(e.className,Bd,{"k-panelbar-header":r,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":C?a?"true":"false":void 0,"aria-selected":k?"true":"false","aria-disabled":b?"true":void 0,children:[Od("span",{className:n("k-link",S("k-link",{hover:s,focus:l,disabled:b,selected:p})),children:[x&&yr(v,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&yr("span",{className:`k-panelbar-item-icon ${N}`}),yr("span",{className:"k-panelbar-item-text",children:t}),C&&yr(v,{className:n("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&m,!a&&m&&gi.Children.map(m,M=>gi.isValidElement(M)?gi.cloneElement(M,{"aria-hidden":"true",style:{display:"none"}}):M)]})};y.states=nN;y.options=iN;y.className=Bd;y.defaultOptions=Er;import{jsx as cN}from"react/jsx-runtime";var Pd="k-panelbar-group",sN=[],lN={},dN={},we=e=>{let{ariaHidden:t,...o}=e;return cN("ul",{...o,className:n(e.className,Pd),role:"group","aria-hidden":t?"true":void 0,children:e.children})};we.states=sN;we.options=lN;we.className=Pd;we.defaultOptions=dN;import{jsx as fN}from"react/jsx-runtime";var wd="k-panelbar-content",pN=[],mN={},uN={},ce=e=>{let{...t}=e;return fN("div",{...t,className:n(e.className,wd),children:e.children})};ce.states=pN;ce.options=mN;ce.className=wd;ce.defaultOptions=uN;import{Fragment as bN,jsx as Vt,jsxs as hN}from"react/jsx-runtime";var $a=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item");return Vt(ge,{children:hN(bN,{children:[Vt(y,{header:!0,text:"Item 1",id:t,children:Vt(ce,{children:"content"})}),Vt(y,{header:!0,text:"Item 2",id:o,children:Vt(ce,{children:"content"})}),Vt(y,{header:!0,text:"Item 3",id:a,children:Vt(ce,{children:"content"})}),Vt(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as Q6,jsx as Y6,jsxs as Z6}from"react/jsx-runtime";import{Fragment as xN,jsx as Re,jsxs as vi}from"react/jsx-runtime";var Rd=e=>{let t=T("pb-item"),o=T("pb-item"),a=T("pb-item"),r=T("pb-item"),s=T("pb-child"),l=T("pb-child"),p=T("pb-child"),b=T("pb-child"),x=T("pb-child"),N=T("pb-child"),k=T("pb-child");return Re(ge,{activeDescendant:o,children:vi(xN,{children:[Re(y,{header:!0,text:"Item 1",id:t,children:Re(ce,{children:"content"})}),Re(y,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:vi(we,{children:[Re(y,{level:1,text:"Child 1",id:s}),Re(y,{level:1,expanded:!0,text:"Child 2",id:l,children:vi(we,{children:[Re(y,{level:2,text:"Child 2.1",id:p}),Re(y,{level:2,text:"Child 2.2",id:b})]})}),Re(y,{level:1,text:"Child 3",id:x,children:Re(we,{children:Re(y,{level:2,text:"Child 3.1",id:N})})}),Re(y,{level:1,text:"Child 4",id:k})]})}),Re(y,{header:!0,text:"Item 3",id:a,children:Re(ce,{children:"content"})}),Re(y,{header:!0,text:"Item 4",id:r})]}),...e})};import{Fragment as Kd,jsx as te,jsxs as Or}from"react/jsx-runtime";var NN=ge.options,kN=ge.states,_d={...ge.defaultOptions,variant:"normal"},gN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],vN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],pa=e=>{let{variant:t,modifiers:o,...a}={..._d,...e},r={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{r.icon=o?.[l]?s:void 0;break}case"disabled":r.disabled=!!o?.[l]}}),t==="expand"?te(Kd,{children:Or(Rd,{style:{width:"300px"},...a,children:[te(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Or(we,{children:[te(y,{level:1,text:"Child 1"}),te(y,{level:1,expanded:!0,text:"Child 2",children:Or(we,{children:[te(y,{level:2,text:"Child 2.1"}),te(y,{icon:r.icon?.image,level:2,text:"Child 2.2"})]})}),te(y,{disabled:r.disabled,level:1,text:"Child 3",children:te(ce,{children:"content"})}),te(y,{level:1,text:"Child 4"})]})}),te(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})}):te(Kd,{children:Or($a,{style:{width:"300px"},...a,children:[te(y,{icon:r.icon?.gear,header:!0,text:"Item 1",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.folder,header:!0,text:"Item 2",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.folder,disabled:r.disabled,header:!0,text:"Item 3",children:te(ce,{children:"content"})}),te(y,{icon:r.icon?.file,header:!0,text:"Item 4"})]})})};pa.options=NN;pa.states=kN;pa.variants=gN;pa.defaultOptions=_d;pa.modifiers=vN;pa.className=ge.className;import{jsx as A7,jsxs as I7}from"react/jsx-runtime";import{Fragment as H7,jsx as _7,jsxs as D7}from"react/jsx-runtime";import{Fragment as Y7,jsx as W7,jsxs as J7}from"react/jsx-runtime";import{Fragment as r4,jsx as a4,jsxs as n4}from"react/jsx-runtime";import{Fragment as Dd,jsx as g,jsxs as pe}from"react/jsx-runtime";var CN=W.options,LN=W.states,MN={...W.defaultOptions,variant:"ask"},SN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],AN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],ma=e=>{let{variant:t,modifiers:o,...a}={...e},r=g(Dd,{children:pe(lt,{layout:"wrap",children:[g(ut,{text:"Post for work-life balance importance"}),g(ut,{text:"Out of office"})]})}),s={suggestions:r,stt:!0};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return g(U,{className:"k-prompt-popup",children:pe(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:pe(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),g(qe,{children:g(We,{children:pe($a,{children:[g(y,{header:!0,icon:"brush",text:"Change Formality",children:pe(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:pe(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(U,{className:"k-prompt-popup",children:pe(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:pe(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),pe(qe,{children:[g(co,{}),g(We,{children:pe("div",{className:"k-card-list",children:[pe(ee,{children:[g(yt,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),g(Ye,{children:pe("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"]})}),pe(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),pe(ee,{children:[g(yt,{title:"Generated with AI",subtitle:"Out of Office"}),g(Ye,{children:pe("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]"]})}),pe(z,{className:"k-card-actions",alignment:"start",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),g(F,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),g("span",{className:"k-spacer"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),g(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return g(U,{className:"k-prompt-popup",children:pe(W,{style:{width:"330px",height:"350px"},...a,children:[g(mt,{children:pe(R,{className:"k-toolbar-flat",children:[g(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),g(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),g(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),g(qe,{children:pe(We,{children:[g(Q,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:g(Dd,{children:s.stt?g(ne,{fillMode:"flat"}):null})}),g(Ha,{expanded:s.suggestions,title:"Suggestions",children:r})]})}),g(lo,{children:g(z,{className:"k-prompt-actions",alignment:"start",children:g(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ma.options=CN;ma.states=LN;ma.variants=SN;ma.defaultOptions=MN;ma.modifiers=AN;ma.className=W.className;import{Fragment as IN,jsx as me,jsxs as $t}from"react/jsx-runtime";var Z4=e=>$t(W,{...e,children:[me(mt,{children:$t(R,{fillMode:"flat",children:[me(F,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),me(F,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),me(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full","aria-label":"More actions"})]})}),me(qe,{children:$t(We,{children:[me(Q,{resize:"y",rows:1,suffixSeparator:!1,placeholder:"Ask or generate content with AI","aria-label":"Ask or generate content with AI",suffix:me(IN,{children:me(ne,{fillMode:"flat"})})}),$t(Ha,{expanded:!0,title:"Settings",children:[$t(ii,{children:["Length:",$t(se,{ariaLabel:"Length",children:[me(Y,{text:"Small",role:"option"}),me(Y,{text:"Medium",role:"option"}),me(Y,{text:"Large",role:"option"})]})]}),$t(ii,{children:["Tone:",$t(se,{ariaLabel:"Tone",children:[me(Y,{text:"Professional",role:"option"}),me(Y,{text:"Friendly",role:"option"}),me(Y,{text:"Casual",role:"option"}),me(Y,{text:"Straightforward",role:"option"}),me(Y,{text:"Confident",role:"option"})]})]})]})]})}),me(lo,{children:me(z,{className:"k-prompt-actions",alignment:"start",children:me(F,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]});export{Z4 as PromptSettings};