@progress/kendo-themes-html 14.5.1-dev.7 → 14.5.1-dev.8

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

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var k=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:l,active:m,selected:b,disabled:N,indeterminate:h,loading:L,empty:c,readonly:M,highlighted:v,...g}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":L,"k-empty":c,"k-readonly":M,"k-highlighted":v},Object.keys(g).reduce((y,E)=>(E.startsWith("k-")?y[E]=g[E]:y[`k-${E}`]=g[E],y),{}))};function Ei(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},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"},bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},x={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"},Bi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Vn={};function A(e){return Vn[e]=(Vn[e]||0)+1,`k-${e}-${Vn[e]}`}var $n="action-buttons",Oi=$n;import{jsx as Jd}from"react/jsx-runtime";var Wa="k-actions",Xd=[],Wd={},Xn={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Xn.alignment,orientation:o=Xn.orientation,...a}=e;return Jd("div",{...a,className:r(Wa,{[`${Wa}-${t}`]:t,[`${Wa}-${o}`]:o},e.className),children:e.children})};z.states=Xd;z.options=Wd;z.className=Wa;z.defaultOptions=Xn;z.moduleName=$n;z.folderName=Oi;import{Fragment as Zd,jsx as Pi}from"react/jsx-runtime";var Wn="k-font-icon",qd=[],Yd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Qd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?Pi("span",{...l,className:r(e.className,Wn,k(Wn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Pi(Zd,{})};ba.states=qd;ba.options=Yd;ba.className=Wn;ba.defaultOptions=Qd;var Ki=ba;import{Fragment as tp,jsx as Ja}from"react/jsx-runtime";var Jn="k-svg-icon",jd=[],ep={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},qn={viewBox:"0 0 24 24",variant:bt.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=qn.viewBox,variant:l=qn.variant,icon:m,...b}=e;if(!m)return Ja(tp,{});if(m==="none")return Ja("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?l&&m.variants?.[l]||m.variants?.outline||m.content:void 0;return Ja("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};xa.states=jd;xa.options=ep;xa.className=Jn;xa.defaultOptions=qn;var Yn=xa;import*as Qn from"@progress/kendo-svg-icons";var Ri="icon",wi="icons";import{useContext as ap}from"react";import{createContext as op}from"react";var _i=op({iconsType:"svg"});import{Fragment as Di,jsx as ha}from"react/jsx-runtime";var qa="k-icon",np=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],ip={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},Ya={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},S=e=>{let{iconsType:t}=ap(_i),{size:o,themeColor:a,icon:n,type:s=t||Ya.type,rotate:l,flip:m,viewBox:b=Ya.viewBox,variant:N=Ya.variant,...h}=e;if(!n)return ha(Di,{});if((t||s)==="svg"){if(n==="none")return ha(Yn,{...h,className:r(e.className,qa),icon:n,size:o,variant:N});let c=Qn[n]?n:np(`${n}-icon`);return Qn[c]?ha(Yn,{...h,className:r(e.className,qa),icon:Qn[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:b,variant:N}):ha(Di,{})}return ha(Ki,{...h,className:r(e.className,qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};S.states=rp;S.options=ip;S.defaultOptions=Ya;S.className=qa;S.moduleName=Ri;S.folderName=wi;var Zn="button",Hi=Zn;import{Fragment as zi,jsx as co,jsxs as Gi}from"react/jsx-runtime";var Na="k-button",sp=["icon-button"],lp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dp={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},jn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=jn.showArrow,arrowIconName:m=jn.arrowIconName,variant:b,hover:N,focus:h,active:L,selected:c,disabled:M,togglable:v,ariaDisabled:g,icon:y,iconSize:E,text:K,iconClassName:Y,className:de,...me}=e,ce=y!=null,ue=e.children!==void 0;return Gi(t,{className:r(de,Na,Ei(Na,b),k(Na,{size:o,rounded:a,fillMode:n,themeColor:s}),I(Na,{hover:N,focus:h,active:L,disabled:M||g,selected:c}),{"k-icon-button":!K&&!ue&&ce}),"aria-pressed":v?c?"true":"false":void 0,...me,"aria-disabled":g?"true":void 0,disabled:M||void 0,children:[typeof y=="string"&&y&&co(S,{className:r(Y,"k-button-icon"),icon:y,size:E}),y&&typeof y!="string"&&co(zi,{children:y}),K?Gi(zi,{children:[K&&co("span",{className:"k-button-text",children:K}),e.children]}):e.children&&co("span",{className:"k-button-text",children:e.children}),l&&co("span",{className:"k-menu-button-arrow k-button-arrow",children:co(S,{icon:m})})]})};p.states=lp;p.options=dp;p.variants=sp;p.className=Na;p.defaultOptions=jn;p.moduleName=Zn;p.folderName=Hi;import{jsx as pp}from"react/jsx-runtime";var V=e=>pp(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as mp}from"react/jsx-runtime";var R=e=>mp(p,{icon:"folder",children:"Button",...e});import{jsx as cp}from"react/jsx-runtime";var Wt=e=>cp(p,{children:"Button",...e});import{jsx as er}from"react/jsx-runtime";var up=p.options,fp=p.states,bp={...p.defaultOptions,variant:"text"},xp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hp=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return er(V,{...o,icon:"star"});case"icon-and-text":return er(R,{...o,icon:"star",children:"Button"});default:return er(Wt,{...o,children:"Button"})}};uo.options=up;uo.states=fp;uo.variants=xp;uo.defaultOptions=bp;uo.modifiers=hp;uo.className=p.className;var tr="prompt",Ui=tr;import{Fragment as Lp,jsx as Fi}from"react/jsx-runtime";var Vi="k-prompt",Np=[],vp={},Cp={},U=e=>{let{...t}=e;return Fi("div",{...t,className:r(e.className,Vi),children:Fi(Lp,{children:e.children})})};U.states=Np;U.options=vp;U.className=Vi;U.defaultOptions=Cp;U.moduleName=tr;U.folderName=Ui;import{jsx as Sp}from"react/jsx-runtime";var Mp="k-prompt-header",xt=e=>{let{...t}=e;return Sp("div",{...t,className:r(e.className,Mp),children:e.children})};import{Fragment as Ip,jsx as $i}from"react/jsx-runtime";var gp="k-prompt-content",ge=e=>{let{...t}=e;return $i("div",{...t,className:r(e.className,gp),children:$i(Ip,{children:e.children})})};import{jsx as Ap}from"react/jsx-runtime";var kp="k-prompt-view",Ie=e=>{let{...t}=e;return Ap("div",{...t,className:r(e.className,kp),children:e.children})};import{jsx as Xi,jsxs as yp}from"react/jsx-runtime";var Tp="k-prompt-expander",Qa=e=>{let{title:t,children:o,expanded:a,...n}=e,s=A("prompt-expander-content");return yp("div",{...n,className:r(e.className,Tp),children:[Xi(R,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Xi("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Bp}from"react/jsx-runtime";var Ep="k-prompt-footer",fo=e=>{let{...t}=e;return Bp("div",{...t,className:r(e.className,Ep),children:e.children})};import{jsx as fC}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var Wi="k-prompt-send",Ji={generating:!1},mt=e=>{let{generating:t=Ji.generating,...o}=e;return Op(p,{...o,className:r(e.className,Wi,{"k-generating":t}),icon:t?"stop":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};mt.states=p.states;mt.options=p.options;mt.className=Wi;mt.moduleName=null;mt.folderName=null;mt.defaultOptions=Ji;import{jsx as qi,jsxs as _p}from"react/jsx-runtime";var Za="k-fab",Rp=[i.hover,i.focus,i.active,i.selected,i.disabled],wp={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},Yi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=Yi.type,position:m,hover:b,focus:N,active:h,selected:L,disabled:c,...M}=e;return _p("button",{...M,type:l,className:r(e.className,Za,k(Za,{size:t,rounded:o,themeColor:a}),I(Za,{hover:b,focus:N,active:h,disabled:c,selected:L}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c||void 0,children:[s&&qi(S,{className:"k-fab-icon",icon:s}),n&&qi("span",{className:"k-fab-text",children:n})]})};oe.states=Rp;oe.options=wp;oe.className=Za;oe.defaultOptions=Yi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Hp}from"react/jsx-runtime";var Dp="k-fab-items",Qi=e=>{let{position:t,...o}=e;return Hp("ul",{...o,className:r(e.className,Dp,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ji,jsxs as Gp}from"react/jsx-runtime";var Zi="k-fab-item",zp=[i.hover,i.focus,i.active,i.disabled],or=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...b}=e;return Gp("li",{...b,className:r(e.className,Zi,{[`k-text-${a}`]:a},I(Zi,{hover:n,focus:s,active:l,disabled:m})),children:[ji("span",{className:"k-fab-item-text",children:t}),ji(S,{className:"k-fab-item-icon",icon:o})]})};or.states=zp;import{jsx as _C}from"react/jsx-runtime";import{jsx as GC}from"react/jsx-runtime";import{jsx as $C}from"react/jsx-runtime";import{jsx as qC}from"react/jsx-runtime";import{jsx as bo,jsxs as Wp}from"react/jsx-runtime";var Up=oe.options,Fp=oe.states,Vp={...oe.defaultOptions,variant:"text"},$p=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xp=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},s=n?bo("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:bo(Qi,{position:"bottom",children:bo(or,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=bo(oe,{...a,icon:"star"});break;case"icon-and-text":l=bo(oe,{...a,icon:"star",text:"Action"});break;default:l=bo(oe,{...a,text:"Action"});break}return Wp("span",{style:{position:"relative"},children:[l,s]})};xo.options=Up;xo.states=Fp;xo.variants=$p;xo.defaultOptions=Vp;xo.modifiers=Xp;xo.className=oe.className;import{jsx as Jp}from"react/jsx-runtime";var es="k-prompt-stop-fab",ts={generating:!0},Jt=e=>{let{generating:t=ts.generating,icon:o,...a}=e;return Jp(oe,{...a,className:r(e.className,es,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop":o,active:t,"aria-label":t?"Stop generating":"Action"})};Jt.states=p.states;Jt.options=p.options;Jt.className=es;Jt.defaultOptions=ts;var ar="button",os=ar;import{jsx as Zp}from"react/jsx-runtime";var va="k-button-group",qp=[i.disabled],Yp={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Qp={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Zp("div",{role:"group",...n,className:r(e.className,va,k(va,{fillMode:t}),I(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=qp;O.options=Yp;O.className=va;O.defaultOptions=Qp;O.moduleName=ar;O.folderName=os;import{Fragment as EL,jsx as yL,jsxs as BL}from"react/jsx-runtime";import{Fragment as _L,jsx as wL,jsxs as DL}from"react/jsx-runtime";import{Fragment as VL,jsx as FL,jsxs as $L}from"react/jsx-runtime";import{Fragment as QL,jsx as YL,jsxs as ZL}from"react/jsx-runtime";import{Fragment as nM,jsx as aM,jsxs as rM}from"react/jsx-runtime";import{Fragment as mM,jsx as pM,jsxs as cM}from"react/jsx-runtime";import{jsx as St,jsxs as nr}from"react/jsx-runtime";var jp={...p.options,...O.options},em=p.states,tm={...p.defaultOptions,...O.defaultOptions,variant:"text-button"},om=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],am=[],ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?nr(O,{fillMode:a.fillMode,className:o,children:[St(p,{...a,icon:"star"}),St(p,{...a,icon:"star"}),St(p,{...a,icon:"star"})]}):t==="icon-text-button"?nr(O,{fillMode:a.fillMode,className:o,children:[St(p,{...a,icon:"star",children:"First"}),St(p,{...a,icon:"star",children:"Middle"}),St(p,{...a,icon:"star",children:"Last"})]}):nr(O,{fillMode:a.fillMode,className:o,children:[St(p,{...a,children:"First"}),St(p,{...a,children:"Middle"}),St(p,{...a,children:"Last"})]})};ho.options=jp;ho.states=em;ho.variants=om;ho.defaultOptions=tm;ho.modifiers=am;ho.className=O.className;var Ca="input",ja=Ca;import{jsx as sm}from"react/jsx-runtime";var en="k-input",nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},im={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return sm("span",{...L,className:r(e.className,en,k(en,{size:b,rounded:N,fillMode:h}),I(en,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};Z.states=nm;Z.options=rm;Z.className=en;Z.defaultOptions=im;Z.moduleName=Ca;Z.folderName=ja;import{jsx as mm}from"react/jsx-runtime";var tn="k-picker",lm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],dm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},pm={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return mm("span",{...L,className:r(e.className,tn,k(tn,{size:b,rounded:N,fillMode:h}),I(tn,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m})),children:e.children})};ht.states=lm;ht.options=dm;ht.className=tn;ht.defaultOptions=pm;ht.moduleName=Ca;ht.folderName=ja;import{Fragment as fm,jsx as rr}from"react/jsx-runtime";var as="k-clear-value",cm=[i.disabled,i.loading,i.readonly],um={},Ue=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?rr(fm,{}):rr("span",{className:r(e.className,as),children:rr(S,{icon:"x"})})};Ue.states=cm;Ue.options=um;Ue.className=as;import{jsx as hm}from"react/jsx-runtime";var ir="k-input-inner",bm=[],xm={},on={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=on.value,type:o=on.type,placeholder:a=on.placeholder,autocomplete:n=on.autocomplete,disabled:s,readOnly:l,...m}=e;return hm("input",{...m,type:o,className:r(e.className,ir,k(ir,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Fe.states=bm;Fe.options=xm;Fe.className=ir;import{jsx as ns,jsxs as Cm}from"react/jsx-runtime";var sr="k-input-inner",Nm=[],vm={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return Cm("span",{...l,className:r(e.className,sr,k(sr,e)),children:[n,!n&&s&&ns(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ns("span",{className:"k-input-value-text",children:t})]})};qt.states=Nm;qt.options=vm;qt.className=sr;import{jsx as Sm}from"react/jsx-runtime";var lr="k-input-inner",Lm=[],Mm={},rs={value:"",placeholder:""},La=e=>{let{value:t=rs.value,placeholder:o=rs.placeholder,rows:a,disabled:n,...s}=e;return Sm("textarea",{...s,className:r(e.className,lr,k(lr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};La.states=Lm;La.options=Mm;La.className=lr;import{Fragment as Im,jsx as is}from"react/jsx-runtime";var ss="k-input-loading-icon",gm=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t||!o?is(Im,{}):is("span",{className:r(e.className,ss,"k-icon k-i-loading")})};Re.states=gm;Re.className=ss;import{Fragment as Tm,jsx as ls}from"react/jsx-runtime";var ds="k-input-validation-icon",km=[i.valid,i.invalid,i.disabled,i.loading],Am={},ke=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?ls(Tm,{}):ls(S,{className:r(ds),icon:s})};ke.states=km;ke.options=Am;ke.className=ds;import{Fragment as Bm,jsx as ps}from"react/jsx-runtime";var ym="k-input-prefix",Em={direction:"horizontal"},we=e=>{let{direction:t=Em.direction,...o}=e;return e.children?ps("span",{...o,className:r(ym,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ps(Bm,{})};import{Fragment as Km,jsx as ms}from"react/jsx-runtime";var Om="k-input-suffix",Pm={direction:"horizontal"},_e=e=>{let{direction:t=Pm.direction,...o}=e;return e.children?ms("span",{...o,className:r(Om,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ms(Km,{})};import{jsx as cS}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";var Rm="k-input-suffix-text",dr=e=>{let{children:t,...o}=e;return wm("span",{...o,className:r(Rm,e.className),children:t})};import{jsx as Dm}from"react/jsx-runtime";var cs="k-input-separator",_m={direction:"vertical"},Ae=e=>{let{direction:t=_m.direction,...o}=e;return Dm("span",{...o,className:r(cs,e.className,{[`${cs}-${t}`]:t})})};import{Fragment as us,jsx as Nt,jsxs as pr}from"react/jsx-runtime";var Hm=Z.states,zm=Z.defaultOptions,Gm=Z.options,Um=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Fm=[],No=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...m}=e,b=t?.prefix,N=t?.suffix,h=t?.["clear-button"],L=t?.["validation-icon"],c=t?.separators;return pr(Z,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[b&&pr(us,{children:[Nt(we,{children:Nt(S,{icon:"lock"})}),c&&Nt(Ae,{})]}),Nt(Fe,{placeholder:"Placeholder",value:"Value"}),L&&Nt(ke,{valid:o,invalid:a,loading:n,disabled:s}),Nt(Re,{loading:n,disabled:s}),h&&Nt(Ue,{loading:n,disabled:s,readonly:l,value:"Value"}),N&&pr(us,{children:[c&&Nt(Ae,{}),Nt(_e,{children:Nt(Wt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};No.options=Gm;No.states=Hm;No.variants=Fm;No.defaultOptions=zm;No.modifiers=Um;No.className=Z.className;import{jsx as fs,jsxs as Xm}from"react/jsx-runtime";var bs="k-color-preview",Vm=[],$m={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Xm("span",{...a,className:r(e.className,bs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&fs(S,{icon:o,className:"k-color-preview-icon"}),fs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Vm;Ot.options=$m;Ot.className=bs;var mr="popup",xs=mr;import{jsx as hs}from"react/jsx-runtime";var Ns="k-animation-container",Wm=[],Jm={},cr={positionMode:"absolute",shown:!0},vt=e=>{let{positionMode:t=cr.positionMode,shown:o=cr.shown,animationStyle:a,offset:n,...s}=e;return hs("div",{...s,style:{...n,...e.style},className:r(e.className,Ns,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:hs("div",{className:"k-child-animation-container",style:a,children:e.children})})};vt.states=Wm;vt.options=Jm;vt.className=Ns;vt.defaultOptions=cr;vt.moduleName=mr;vt.folderName=xs;var ur="popup",vs=ur;import{jsx as Cs}from"react/jsx-runtime";var Ls="k-popup",qm=[],Ym={},Ms={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Ms.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return Cs(vt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:Cs("div",{...m,className:r(e.className,Ls),children:e.children})})};F.states=qm;F.options=Ym;F.className=Ls;F.defaultOptions=Ms;F.moduleName=ur;F.folderName=vs;import{jsx as Zm}from"react/jsx-runtime";var Qm="k-actionsheet-footer",Ss={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=Ss.alignment,orientation:o=Ss.orientation,template:a,as:n=a?"div":z,...s}=e;return Zm(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Qm),children:e.children})};var fr="searchbox",gs=fr;import{jsx as Ma,jsxs as tc}from"react/jsx-runtime";var Is="k-searchbox",jm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ec={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},br={showIcon:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,showIcon:M=br.showIcon,icon:v=br.icon,"aria-label":g,...y}=e;return tc(Z,{...y,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,className:r(e.className,Is),children:[M&&Ma(S,{className:"k-input-icon",icon:v}),Ma(Fe,{placeholder:o,value:t,"aria-label":g}),Ma(Re,{...e}),Ma(ke,{...e}),Ma(Ue,{...e})]})};Ye.states=jm;Ye.options=ec;Ye.className=Is;Ye.defaultOptions=br;Ye.moduleName=fr;Ye.folderName=gs;import{jsx as Eg}from"react/jsx-runtime";var xr="textbox",ks=xr;import{Fragment as As,jsx as Kt,jsxs as hr}from"react/jsx-runtime";var Ts="k-textbox",oc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ac={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},an={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:n=an.separators,showClearButton:s=an.showClearButton,showValidationIcon:l=an.showValidationIcon,prefix:m,suffix:b,type:N,value:h,placeholder:L,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:Y,id:de,"aria-label":me,"aria-describedby":ce,...ue}=e;return hr(Z,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:Y,className:r(e.className,Ts),children:[m&&hr(As,{children:[Kt(we,{children:m}),n&&Kt(Ae,{})]}),Kt(Fe,{id:de,placeholder:L,value:h,type:N,disabled:K,"aria-label":me,"aria-describedby":ce,"aria-invalid":g?"true":void 0}),l&&Kt(ke,{valid:v,invalid:g,loading:E,disabled:K}),Kt(Re,{loading:E,disabled:K}),s&&Kt(Ue,{loading:E,disabled:K,readonly:Y,value:h}),b&&hr(As,{children:[n&&Kt(Ae,{}),Kt(_e,{children:b})]})]})};Ne.states=oc;Ne.options=ac;Ne.className=Ts;Ne.defaultOptions=an;Ne.moduleName=xr;Ne.folderName=ks;var Sa=Ne;import{jsx as nc}from"react/jsx-runtime";var ys=e=>nc(Sa,{...e});import{Fragment as Jg,jsx as Wg}from"react/jsx-runtime";import{Fragment as eI,jsx as jg}from"react/jsx-runtime";import{jsx as nI}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var rc=Ne.states,ic=Ne.defaultOptions,sc=Ne.options,lc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],dc=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Nr(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Nr(Wt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Nr(ys,{value:"Value",style:{width:300},...o,...a})};vo.options=sc;vo.states=rc;vo.variants=dc;vo.defaultOptions=ic;vo.modifiers=lc;vo.className=Ne.className;import{jsx as Rt,jsxs as vr}from"react/jsx-runtime";var Es="k-actionsheet-titlebar",pc={},Te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:b,adaptive:N,titleId:h,children:L,...c}=e;return vr("div",{...c,className:r(e.className,Es),children:[vr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!L&&vr("div",{className:"k-actionsheet-title",id:h,children:[t&&Rt("div",{className:"k-text-center",children:t}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&Rt("div",{className:"k-actionsheet-title",id:h,children:L}),n&&Rt("div",{className:"k-actionsheet-actions",children:n})]}),(l||s)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Rt(Ne,{value:m,placeholder:b,size:N?"large":"medium","aria-label":t||b||"Input"}):Rt(Ye,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Te.className=Es;Te.defaultOptions=pc;import{jsx as Cr,jsxs as fc}from"react/jsx-runtime";var Lr="k-actionsheet-view",mc=[],cc={},uc={},Co=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,b=n?.type===Te&&Cr(Te,{adaptive:t,titleId:l,...n?.props}),N=s?.type===Pt&&Cr(Pt,{...s?.props});return fc("div",{...m,className:r(e.className,Lr,{[`${Lr}-animated`]:o}),children:[b,Cr("div",{className:"k-actionsheet-content",children:a}),N]})};Co.states=mc;Co.options=cc;Co.className=Lr;Co.defaultOptions=uc;var ga="action-sheet",nn=ga;var Mr="overlay",Bs=Mr;import{jsx as Nc}from"react/jsx-runtime";var Os="k-overlay",bc=[],xc={},hc={},wt=e=>{let{...t}=e;return Nc("div",{...t,className:r(e.className,Os),children:e.children})};wt.states=bc;wt.options=xc;wt.className=Os;wt.defaultOptions=hc;wt.moduleName=Mr;wt.folderName=Bs;import{jsx as rn,jsxs as Lc}from"react/jsx-runtime";var Ps="k-actionsheet",vc=[],Cc={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:n=Ia.overlay,template:s,children:l,header:m,footer:b,id:N,...h}=e,L=N&&!s&&m?`${N}-title`:void 0;return Lc("div",{className:"k-actionsheet-container",children:[n&&rn(wt,{}),rn(vt,{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:rn("div",{...h,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":L,className:r(e.className,Ps,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||rn(Co,{header:m,footer:b,adaptive:a,titleId:L,...e,children:l})})})]})};ae.states=vc;ae.options=Cc;ae.className=Ps;ae.defaultOptions=Ia;ae.moduleName=ga;ae.folderName=nn;import{jsx as Ic}from"react/jsx-runtime";var Ks="k-actionsheet-container",Mc=[],Sc={},gc={},Lo=e=>{let{children:t,...o}=e;return Ic("div",{...o,className:Ks,children:t})};Lo.states=Mc;Lo.options=Sc;Lo.className=Ks;Lo.defaultOptions=gc;Lo.moduleName=ga;Lo.folderName=nn;import{jsx as kc}from"react/jsx-runtime";var Sr=e=>{let{...t}=e;return kc("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Tc,jsx as ka,jsxs as gr}from"react/jsx-runtime";var Ir="k-actionsheet-item",Ac=[i.hover,i.focus,i.selected,i.disabled],_t=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:m,...b}=e;return gr("span",{...b,className:r(e.className,Ir,I(Ir,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&ka(Tc,{children:gr("span",{className:"k-actionsheet-action",children:[t&&ka("span",{className:"k-icon-wrap",children:ka(S,{className:"k-actionsheet-item-icon",icon:t})}),gr("span",{className:"k-actionsheet-item-text",children:[o&&ka("span",{className:"k-actionsheet-item-title",children:o}),a&&ka("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=Ac;_t.className=Ir;import{jsx as ak,jsxs as nk}from"react/jsx-runtime";import{jsx as lk}from"react/jsx-runtime";import{jsx as ck}from"react/jsx-runtime";import{jsx as xk}from"react/jsx-runtime";import{jsx as fe,jsxs as kr}from"react/jsx-runtime";var yc=ae.options,Ec=ae.states,ws={...ae.defaultOptions,variant:"normal"},Bc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Oc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},n={},s=kr(Sr,{children:[fe(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),fe(_t,{text:"Add to Favorites",iconName:"heart"}),fe(_t,{text:"Upload New",iconName:"upload",disabled:!0}),fe("hr",{className:"k-hr"}),fe(_t,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?l:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?fe(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:fe(Te,{actionsStart:n.actionsStart?fe(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?fe(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?kr(Pt,{alignment:"stretched",children:[fe(p,{text:"Cancel",size:"large",themeColor:"base"}),fe(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):fe(ae,{...a,fullscreen:n.fullScreen,header:fe(Te,{actionsStart:n.actionsStart?fe(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?fe(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?kr(Pt,{alignment:"stretched",children:[fe(p,{text:"Apply",themeColor:"primary"}),fe(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Mo.options=yc;Mo.states=Ec;Mo.variants=Bc;Mo.defaultOptions=ws;Mo.modifiers=Oc;Mo.className=ae.className;var Ar="slider",_s=Ar;import{jsx as So,jsxs as Tr}from"react/jsx-runtime";var Aa="k-slider",Pc=[i.hover,i.focus,i.active,i.disabled,i.readonly],Kc={},Qe={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=Qe.type,orientation:o=Qe.orientation,gradientType:a=Qe.gradientType,readonly:n=Qe.readonly,disabled:s=Qe.disabled,handlePosition:l=Qe.handlePosition,showButtons:m=Qe.showButtons,showTicks:b=Qe.showTicks,value:N=Qe.value,min:h=Qe.min,max:L=Qe.max,startValue:c,endValue:M,hover:v,focus:g,active:y,trackStyle:E,dir:K,...Y}=e,me=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ce,ue;return o==="horizontal"?(ce=K==="rtl"?"chevron-left":"chevron-right",ue=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ce="chevron-up",ue="chevron-down"),Tr("div",{...Y,className:r(Aa,e.className,I(Aa,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&So(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Tr("div",{className:"k-slider-track-wrap",children:[b&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Tr("div",{className:"k-slider-track",style:E,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",I(Aa,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":c??h,"aria-valuemin":h,"aria-valuemax":M??L,"aria-orientation":me,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":Y["aria-label"]?`${Y["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${l}`,I(Aa,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??L:N,"aria-valuemin":t==="range"?c??h:h,"aria-valuemax":L,"aria-orientation":me,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?Y["aria-label"]?`${Y["aria-label"]} end`:"Range end":Y["aria-label"]})]})]}),m&&So(p,{className:"k-button-increase",rounded:"full",icon:ce,tabIndex:-1,title:"Increase"})]})};Q.states=Pc;Q.options=Kc;Q.className=Aa;Q.defaultOptions=Qe;Q.moduleName=Ar;Q.folderName=_s;import{jsx as Ds}from"react/jsx-runtime";var Hs="k-tick",Rc=[],wc={},zs={label:!1},B=e=>{let{style:t,label:o=zs.label,orientation:a,large:n,text:s,...l}=e;return Ds("li",{...l,role:"presentation",title:s||"Tick",className:r(e.className,Hs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Ds("span",{className:"k-label",children:s})})};B.states=Rc;B.options=wc;B.className=Hs;B.defaultOptions=zs;import{Fragment as _c,jsx as Ze,jsxs as Dc}from"react/jsx-runtime";var Gs=e=>Ze(Q,{"aria-label":e["aria-label"]||"Slider",children:Dc(_c,{children:[Ze(B,{className:"k-first",label:!0,large:!0,text:"0"}),Ze(B,{}),Ze(B,{}),Ze(B,{}),Ze(B,{}),Ze(B,{label:!0,large:!0,text:"5"}),Ze(B,{}),Ze(B,{}),Ze(B,{}),Ze(B,{}),Ze(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Hc,jsx as je,jsxs as zc}from"react/jsx-runtime";var Us=e=>je(Q,{children:zc(Hc,{children:[je(B,{className:"k-first",label:!0,large:!0,text:"0"}),je(B,{}),je(B,{}),je(B,{}),je(B,{}),je(B,{label:!0,large:!0,text:"5"}),je(B,{}),je(B,{}),je(B,{}),je(B,{}),je(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as nA,jsx as aA,jsxs as rA}from"react/jsx-runtime";import{Fragment as pA,jsx as dA,jsxs as mA}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";var yr=e=>Gc(Q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Uc}from"react/jsx-runtime";var Er=e=>Uc(Q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as MA,jsx as LA,jsxs as SA}from"react/jsx-runtime";import{Fragment as TA,jsx as AA,jsxs as yA}from"react/jsx-runtime";import{jsx as Ct,jsxs as Fs}from"react/jsx-runtime";var Fc=Q.options,Vc=Q.states,Vs={...Q.defaultOptions,variant:"horizontal",label:!0},$c=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Xc=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],go=e=>{let{variant:t,modifiers:o,...a}=e,n=Vs.label,s={};Object.keys(o||{}).forEach(m=>{switch(m){case"button":{s.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{s.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Fs(Us,{style:{height:"300px",...l},...a,...s,children:[Ct(B,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ct(B,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ct(B,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ct(B,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ct(B,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Fs(Gs,{style:{width:"400px",...l},...a,...s,children:[Ct(B,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ct(B,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ct(B,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ct(B,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ct(B,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};go.options=Fc;go.states=Vc;go.variants=$c;go.defaultOptions=Vs;go.modifiers=Xc;go.className=Q.className;import{jsx as $s,jsxs as Qc}from"react/jsx-runtime";var Xs="k-spin-button",qc=[],Yc={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Br={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Br.increaseLabel,decreaseLabel:s=Br.decreaseLabel,...l}=e;return Qc("span",{...l,className:r(Xs,e.className),children:[$s(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),$s(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Dt.states=qc;Dt.options=Yc;Dt.className=Xs;Dt.defaultOptions=Br;Dt.moduleName=null;Dt.folderName=null;var Ws="numeric-textbox",Js="numerictextbox";import{Fragment as qs,jsx as gt,jsxs as Or}from"react/jsx-runtime";var Ys="k-numerictextbox",Zc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jc={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},sn={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:s=sn.showClearButton,showSpinButton:l=sn.showSpinButton,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,id:Y,"aria-label":de,"aria-describedby":me,...ce}=e;return Or(Z,{...ce,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,Ys),children:[m&&Or(qs,{children:[gt(we,{children:m}),n&&gt(Ae,{})]}),gt(Fe,{id:Y,placeholder:h,value:N,role:"spinbutton",disabled:E,"aria-label":de,"aria-describedby":me,"aria-invalid":v?"true":void 0}),gt(ke,{valid:M,invalid:v,loading:y,disabled:E}),gt(Re,{loading:y,disabled:E}),s&&gt(Ue,{loading:y,disabled:E,readonly:K,value:N}),b&&Or(qs,{children:[n&&gt(Ae,{}),gt(_e,{children:b})]}),l&&gt(Dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};$.states=Zc;$.options=jc;$.className=Ys;$.defaultOptions=sn;$.moduleName=Ws;$.folderName=Js;var Ta=$;import{jsx as eu}from"react/jsx-runtime";var Qs=e=>eu(Ta,{...e});import Kr from"react";import{jsx as Zs}from"react/jsx-runtime";var tu="k-list-group-sticky-header",Pr=e=>Zs("div",{className:r(tu,e.className),children:Zs("div",{className:"k-list-header-text",children:e.children})});import{jsx as au}from"react/jsx-runtime";var ou="k-no-data",ln=e=>{let{live:t,...o}=e;return au("span",{...o,className:r(ou,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Io=Yt;import{jsx as js,jsxs as el}from"react/jsx-runtime";var Rr="k-list",nu=[],ru={size:[d.undefined,d.small,d.medium,d.large]},iu={},_=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:m,noData:b,screenReaders:N,...h}=e,c=Kr.Children.toArray(a)[0],M=c?.props?.children?Kr.Children.count(c.props.children):Kr.Children.count(a);return el("div",{...h,className:r(e.className,Rr,k(Rr,{size:t}),{"k-virtual-list":o}),children:[l,s,m,n&&js(Pr,{children:n}),a||(b!==void 0?b:js(ln,{live:!0,children:"No data found."})),N&&a&&el(ln,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};_.states=nu;_.options=ru;_.className=Rr;_.defaultOptions=iu;_.moduleName=Yt;_.folderName=Io;import{jsx as pu}from"react/jsx-runtime";var tl="k-list-container",su=[],lu={},du={},ko=e=>{let{...t}=e;return pu("div",{...t,className:r(e.className,tl),children:e.children})};ko.states=su;ko.options=lu;ko.className=tl;ko.defaultOptions=du;ko.moduleName=Yt;ko.folderName=Io;var Qt="checkbox",Ao=Qt;import{jsx as ol}from"react/jsx-runtime";var dn="k-checkbox",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],cu={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},uu={},Ve=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:l,invalid:m,valid:b,required:N,size:h,rounded:L,wrapperRole:c,...M}=e;return ol("span",{className:"k-checkbox-wrap",role:c,children:ol("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,dn,k(dn,{size:h,rounded:L}),I(dn,{hover:n,focus:s,disabled:l,invalid:m,valid:b,indeterminate:a,checked:o}))})})};Ve.states=mu;Ve.options=cu;Ve.className=dn;Ve.defaultOptions=uu;Ve.moduleName=Qt;Ve.folderName=Ao;var ct=Ve;import{jsx as xu}from"react/jsx-runtime";var al="k-checkbox-list",fu=[],bu={},nl={layout:"vertical"},ye=e=>{let{layout:t=nl.layout,...o}=e;return xu("ul",{...o,className:r(e.className,al,{[`k-list-${t}`]:t}),children:e.children})};ye.states=fu;ye.options=bu;ye.className=al;ye.defaultOptions=nl;ye.moduleName=Qt;ye.folderName=Ao;import{jsx as Cu}from"react/jsx-runtime";var rl="k-checkbox-list-item",hu=[],Nu={},vu={},Ee=e=>{let{...t}=e;return Cu("li",{...t,className:r(e.className,rl),children:e.children})};Ee.states=hu;Ee.options=Nu;Ee.className=rl;Ee.defaultOptions=vu;Ee.moduleName=Qt;Ee.folderName=Ao;import{Fragment as Lu,jsx as il,jsxs as Mu}from"react/jsx-runtime";var It=({children:e="Label",id:t="cb-label-after",...o})=>Mu(Lu,{children:[il(ct,{id:t,...o}),il("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as jT,jsx as ZT,jsxs as ey}from"react/jsx-runtime";import{Fragment as ry,jsx as ny,jsxs as iy}from"react/jsx-runtime";import{Fragment as my,jsx as py,jsxs as cy}from"react/jsx-runtime";import{jsx as xy}from"react/jsx-runtime";import{jsx as Cy}from"react/jsx-runtime";import{jsx as gy}from"react/jsx-runtime";import{jsx as et,jsxs as sl}from"react/jsx-runtime";var Su=ye.options,gu=ye.states,Iu={...ye.defaultOptions,variant:"vertical"},ku=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Au=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?sl(ye,{layout:"horizontal",...o,children:[et(Ee,{children:et(It,{id:A("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})})]}):sl(ye,{...o,children:[et(Ee,{children:et(It,{id:A("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})})]})};To.options=Su;To.states=gu;To.variants=ku;To.defaultOptions=Iu;To.modifiers=Au;To.className=ye.className;import{jsx as Pu}from"react/jsx-runtime";var Tu=ct.options,yu=ct.states,Eu=ct.defaultOptions,Bu=[],Ou=[],yo=e=>Pu(It,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});yo.options=Tu;yo.states=yu;yo.variants=Bu;yo.defaultOptions=Eu;yo.modifiers=Ou;yo.className=ct.className;import{jsx as Eo,jsxs as _u}from"react/jsx-runtime";var wr="k-list-item",Ku=[i.hover,i.focus,i.selected,i.disabled],Ru={},wu={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:s,hover:l,focus:m,selected:b,disabled:N,actions:h,description:L,id:c,...M}=e,v=t||e.children,g=t||(typeof v=="string"?v:void 0);return _u("li",{...M,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":b?"true":"false","aria-disabled":N?"true":void 0,className:r(e.className,wr,I(wr,{hover:l,focus:m,disabled:N,selected:b})),children:[n&&Eo(Ve,{checked:s,disabled:N,"aria-label":g,tabIndex:-1}),o&&Eo("span",{className:"k-list-item-icon-wrapper",children:Eo(S,{icon:o,className:r("k-list-item-icon",a)})}),Eo("span",{className:"k-list-item-text",children:v}),h&&Eo("div",{className:"k-list-item-actions",children:h}),L&&Eo("span",{className:"k-list-item-description",children:L})]})};P.states=Ku;P.options=Ru;P.className=wr;P.defaultOptions=wu;P.moduleName=Yt;P.folderName=Io;import{jsx as Hu}from"react/jsx-runtime";var Du="k-list-ul",Ht=e=>{let{children:t,role:o,id:a,...n}=e;return Hu("ul",{...n,id:a,role:o,className:r(Du,e.className),children:t})};import{jsx as _r,jsxs as Gu}from"react/jsx-runtime";var zu="k-list-content",X=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...l}=e;return Gu("div",{...l,className:r(zu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:_r(Ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&_r("div",{className:"k-height-container",children:_r("div",{})})]})};import{jsx as Dr,jsxs as $u}from"react/jsx-runtime";var pn="k-list-sticky-header",Uu=[i.hover,i.focus,i.selected],Fu={},Vu={},mn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:l,selected:m,...b}=e;return Dr("div",{...b,className:r(pn,e.className),children:$u("div",{className:r(`${pn}-item`,I(`${pn}-item`,{hover:s,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Dr(Ve,{checked:a,indeterminate:n,"aria-label":t}),Dr("span",{className:"k-list-item-text",children:t})]})})};mn.states=Uu;mn.options=Fu;mn.className=pn;mn.defaultOptions=Vu;import{Fragment as NE,jsx as hE,jsxs as vE}from"react/jsx-runtime";import{jsx as gE,jsxs as IE}from"react/jsx-runtime";import{jsx as qu}from"react/jsx-runtime";var Hr="k-list-optionlabel",Xu=[i.hover,i.focus,i.selected,i.disabled],Wu={},Ju={},cn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return qu("div",{...l,className:r(Hr,I(Hr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};cn.states=Xu;cn.options=Wu;cn.className=Hr;cn.defaultOptions=Ju;import{jsx as ju}from"react/jsx-runtime";var zr="k-list-custom-value",Yu=[i.hover,i.focus,i.selected,i.disabled],Qu={},Zu={},zt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return ju("div",{...l,className:r(zr,I(zr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};zt.states=Yu;zt.options=Qu;zt.className=zr;zt.defaultOptions=Zu;import{Fragment as _E,jsx as wE,jsxs as DE}from"react/jsx-runtime";import{Fragment as VE,jsx as FE,jsxs as $E}from"react/jsx-runtime";import{Fragment as ZE,jsx as YE,jsxs as QE}from"react/jsx-runtime";import{Fragment as rB,jsx as aB,jsxs as nB}from"react/jsx-runtime";import{jsx as dB}from"react/jsx-runtime";import{Fragment as bB,jsx as fB,jsxs as xB}from"react/jsx-runtime";import{Fragment as MB,jsx as LB,jsxs as SB}from"react/jsx-runtime";var ll="dropdown-list",dl="dropdownlist";import{Fragment as of,jsx as Be,jsxs as Gr}from"react/jsx-runtime";var pl="k-dropdownlist",ef=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tf={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ur={showValue:!0,arrowIconName:"chevron-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ur.arrowIconName,showValue:s=Ur.showValue,valueIconName:l,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,popup:Y,opened:de,adaptive:me,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:Xt,adaptiveFilter:Gn,id:Bt,activeDescendant:Xa,"aria-label":Un,...Fn}=e,$d=Bt?`${Bt}-listbox`:void 0,yi=Bt?`${Bt}-value`:void 0;return Gr(of,{children:[Gr(ht,{...Fn,id:Bt,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,pl,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de?"true":"false","aria-controls":de?$d:void 0,"aria-activedescendant":de&&Xa?Xa:void 0,"aria-describedby":de?yi:void 0,"aria-disabled":E?"true":void 0,"aria-label":Un,tabIndex:0,children:[Be(we,{children:m}),Be(qt,{placeholder:h,value:N,showValue:s,valueIconName:l,id:yi}),Be(ke,{valid:M,invalid:v,loading:y,disabled:E}),Be(Re,{loading:y,disabled:E}),Be(_e,{children:b}),Be(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h||"Toggle dropdown",tabIndex:-1})]}),de&&Y&&Be(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Y}),me&&Be(ae,{adaptive:!0,...ce,header:Be(Te,{actionsEnd:Be(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Gn,inputValue:N,inputPlaceholder:h,title:ue,subtitle:Xt}),children:Be("div",{className:"k-list-container",children:Be(_,{size:"large",children:Gr(X,{"aria-label":"Options",children:[Be(P,{text:"List item"}),Be(P,{text:"List item"}),Be(P,{text:"List item"})]})})})})]})};pe.states=ef;pe.options=tf;pe.className=pl;pe.defaultOptions=Ur;pe.moduleName=ll;pe.folderName=dl;import{jsx as nO}from"react/jsx-runtime";import{jsx as pO,jsxs as mO}from"react/jsx-runtime";import{Fragment as CO,jsx as NO,jsxs as vO}from"react/jsx-runtime";import{jsx as IO}from"react/jsx-runtime";import{jsx as BO,jsxs as OO}from"react/jsx-runtime";import{Fragment as GO,jsx as HO,jsxs as zO}from"react/jsx-runtime";import{jsx as XO}from"react/jsx-runtime";import{Fragment as df,jsx as Gt,jsxs as ml}from"react/jsx-runtime";var af=pe.states,nf=pe.defaultOptions,rf=pe.options,sf=[{name:"opened",title:"Opened"}],lf=[],Oo=e=>{let{modifiers:t,...o}=e,a={},n=ml(df,{children:[Gt("div",{className:"k-list-filter",children:Gt(Ye,{})}),Gt(_,{style:{width:300},size:o.size,children:ml(X,{children:[Gt(P,{children:"List item"}),Gt(P,{children:"List item"}),Gt(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),Gt("div",{children:Gt(pe,{placeholder:"Value",style:{width:300},...o,...a})})};Oo.options=rf;Oo.states=af;Oo.variants=lf;Oo.defaultOptions=nf;Oo.modifiers=sf;Oo.className=pe.className;import{Fragment as fP,jsx as uP}from"react/jsx-runtime";import{Fragment as CP,jsx as vP}from"react/jsx-runtime";import{jsx as gP}from"react/jsx-runtime";import{jsx as Fr}from"react/jsx-runtime";var pf=$.states,mf=$.defaultOptions,cf=$.options,uf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ff=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Fr(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fr(dr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Fr(Qs,{value:"Value",style:{width:300},...o,...a})};Po.options=cf;Po.states=pf;Po.variants=ff;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=$.className;import{Fragment as Ea,jsx as w,jsxs as ne}from"react/jsx-runtime";var cl="k-colorgradient-inputs",bf=[],xf={size:[d.undefined,d.small,d.medium,d.large]},ul={mode:"rgba"},Ko=e=>{let{mode:t=ul.mode,size:o,...a}=e;return ne("div",{...a,className:r(cl,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(Ea,{children:ne("div",{className:"k-vstack k-flex-1",children:[w(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),w("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ko.states=bf;Ko.options=xf;Ko.className=cl;Ko.defaultOptions=ul;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var fl="k-colorgradient-color-contrast",hf=[],Nf={},vf={},Ro=()=>jt("div",{className:r(fl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Zt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Zt(S,{icon:"check"}),Zt(S,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Zt(S,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Zt(S,{icon:"x"})]})]})]});Ro.states=hf;Ro.options=Nf;Ro.className=fl;Ro.defaultOptions=vf;var bl="color-gradient",xl="colorgradient";import{jsx as tt,jsxs as Ba}from"react/jsx-runtime";var un="k-colorgradient",Cf=[i.hover,i.focus,i.readonly,i.disabled],Lf={size:[d.undefined,d.small,d.medium,d.large]},Lt={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"},be=e=>{let{size:t,mode:o=Lt.mode,readonly:a=Lt.readonly,disabled:n=Lt.disabled,gradientStyle:s=Lt.gradientStyle,dragHandleStyle:l=Lt.dragHandleStyle,alphaStyle:m=Lt.alphaStyle,alphaStyleHorizontal:b=Lt.alphaStyleHorizontal,contrast:N=Lt.contrast,dir:h,hover:L,focus:c,hoverHandle:M,focusHandle:v,canvasOrientation:g=Lt.canvasOrientation,role:y,tabIndex:E,...K}=e;return Ba("div",{...K,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":n?"true":void 0,className:r(e.className,un,k(un,{size:t}),I(un,{hover:L,focus:c,readonly:a,disabled:n})),dir:h,children:[!g||g==="horizontal"&&Ba("div",{className:"k-colorgradient-canvas k-hstack",children:[tt("div",{className:"k-hsv-rectangle",style:s,children:tt("div",{className:"k-hsv-gradient",children:tt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ba("div",{className:"k-hsv-controls k-hstack",children:[tt(Er,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&tt(Er,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:m})]})]}),g==="vertical"&&Ba("div",{className:"k-colorgradient-canvas k-vstack",children:[tt("div",{className:"k-hsv-rectangle",style:s,children:tt("div",{className:"k-hsv-gradient",children:tt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ba("div",{className:"k-hsv-controls k-vstack",children:[tt(yr,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&tt(yr,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:b})]})]}),tt(Ko,{mode:e.mode,size:t}),N&&tt(Ro,{})]})};be.states=Cf;be.options=Lf;be.className=un;be.defaultOptions=Lt;be.moduleName=bl;be.folderName=xl;import{jsx as Mf}from"react/jsx-runtime";var fn=e=>Mf(be,{...e});import{jsx as dK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as Vr}from"react/jsx-runtime";var Sf=be.options,gf=be.states,If={...be.defaultOptions,variant:"rgba"},kf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Af=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Vr(fn,{...o,mode:t});case"rgb":return Vr(fn,{...o,mode:t});default:return Vr(fn,{...o,mode:t})}};wo.options=Sf;wo.states=gf;wo.variants=kf;wo.defaultOptions=If;wo.modifiers=Af;wo.className=be.className;import{jsx as Tf}from"react/jsx-runtime";var $r=e=>Tf("tr",{role:"row",children:e.children});import{jsx as Bf}from"react/jsx-runtime";var Xr="k-colorpalette-tile",yf=[i.hover,i.focus,i.selected],Ef={},Ut=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Bf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Xr,I(Xr,{hover:a,focus:n,selected:s})),style:m})};Ut.states=yf;Ut.options=Ef;Ut.className=Xr;Ut.moduleName=null;Ut.folderName=null;var hl="color-palette",Nl="colorpalette";import{jsx as Oa}from"react/jsx-runtime";var bn="k-colorpalette",Of=[i.disabled],Pf={size:[d.undefined,d.small,d.medium,d.large]},vl={columns:10},De=e=>{let{size:t,palette:o,columns:a=vl.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let b=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/b)},(h,L)=>{let c=[];N.slice(L*b,(L+1)*b).map((v,g)=>{c.push(Oa(Ut,{color:v,tileSize:n},g))});let M=Oa($r,{children:c},L);m.push(M)})}return Oa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,bn,I(bn,{disabled:s}),k(bn,{size:t})),children:Oa("table",{className:"k-colorpalette-table",role:"none",children:Oa("tbody",{children:m.length>0?m:e.children})})})};De.states=Of;De.options=Pf;De.className=bn;De.defaultOptions=vl;De.moduleName=hl;De.folderName=Nl;var xn=De;var Pa={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 Kf}from"react/jsx-runtime";var Cl=e=>Kf(xn,{palette:Pa.basic,...e});import{jsx as JK}from"react/jsx-runtime";import{jsx as eR,jsxs as tR}from"react/jsx-runtime";import{jsx as Gf}from"react/jsx-runtime";var Rf=De.options,wf=De.states,_f={...De.defaultOptions,variant:"basic"},Df=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Hf={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}},zf=[],_o=e=>{let{variant:t="basic",...o}=e,a=Hf[t];return Gf(Cl,{columns:a.columns,palette:a,...o})};_o.options=Rf;_o.states=wf;_o.variants=Df;_o.defaultOptions=_f;_o.modifiers=zf;_o.className=De.className;var Ll="color-editor",Ml="coloreditor";import{jsx as ot,jsxs as Do}from"react/jsx-runtime";var hn="k-coloreditor",Uf=[i.focus],Ff={size:[d.undefined,d.small,d.medium,d.large]},Ka={view:"gradient",palette:Pa.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=Ka.view,palette:a=Ka.palette,color:n,currentColor:s,focus:l,focusView:m,dir:b,group:N,actionButtons:h=Ka.actionButtons,canvasOrientation:L=Ka.canvasOrientation,...c}=e;return Do("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",hn,k(hn,{size:t}),I(hn,{focus:l})),dir:b,children:[Do("div",{className:"k-coloreditor-header k-hstack",children:[ot("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Do(O,{fillMode:"flat",children:[ot(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ot(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),ot("div",{className:"k-spacer"}),Do("div",{className:"k-coloreditor-header-actions k-hstack",children:[ot(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Do("div",{className:"k-coloreditor-preview k-vstack",children:[ot(Ot,{className:"k-coloreditor-preview-color",color:n}),ot(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),ot("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ot(be,{focus:m,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):ot(De,{palette:a,size:t})}),h&&Do(z,{className:"k-coloreditor-footer",alignment:"start",children:[ot(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ot(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Uf;re.options=Ff;re.className=hn;re.defaultOptions=Ka;re.moduleName=Ll;re.folderName=Ml;var Ho=re;import{jsx as ER}from"react/jsx-runtime";import{jsx as KR}from"react/jsx-runtime";import{jsx as Vf}from"react/jsx-runtime";var Sl=e=>Vf(Ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as $f}from"react/jsx-runtime";var gl=e=>$f(Ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Il}from"react/jsx-runtime";var Xf=re.options,Wf=re.states,Jf={...re.defaultOptions,variant:"gradient"},qf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Yf=[],zo=e=>{let{variant:t,...o}=e;return t==="palette"?Il(gl,{...o,color:"white"}):Il(Sl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};zo.options=Xf;zo.states=Wf;zo.variants=qf;zo.defaultOptions=Jf;zo.modifiers=Yf;zo.className=re.className;var kl="color-picker",Al="colorpicker";import{Fragment as jf,jsx as at,jsxs as Wr}from"react/jsx-runtime";var Tl="k-colorpicker",Qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},yl={arrowIconName:"chevron-down"},nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=yl.arrowIconName,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,valueIconName:g,popup:y,opened:E,adaptive:K,adaptiveSettings:Y,adaptiveTitle:de,adaptiveSubtitle:me,...ce}=e,ue="colorpicker-popup";return Wr(jf,{children:[Wr(ht,{...ce,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||K?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Tl,"k-icon-picker"),children:[at(we,{children:s}),at(qt,{placeholder:b,value:m,showValue:!1,valueIcon:at(Ot,{className:"k-value-icon",color:m,iconName:g}),valueIconName:g}),at(_e,{children:l}),at(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),E&&y&&at(F,{id:ue,className:"k-colorpicker-popup",children:y}),K&&at(ae,{adaptive:!0,id:ue,...Y,header:at(Te,{actionsEnd:at(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:de,subtitle:me}),footer:Wr(Pt,{children:[at(p,{text:"Cancel",size:"large"}),at(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:at(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};nt.states=Qf;nt.options=Zf;nt.className=Tl;nt.defaultOptions=yl;nt.moduleName=kl;nt.folderName=Al;var kt=nt;import{jsx as eb}from"react/jsx-runtime";var Nn=e=>eb(kt,{...e});import{jsx as hw}from"react/jsx-runtime";import{jsx as Mw}from"react/jsx-runtime";import{jsx as kw}from"react/jsx-runtime";import{jsx as Ew}from"react/jsx-runtime";import{jsx as Kw}from"react/jsx-runtime";import{jsx as Dw}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var tb=kt.options,ob=kt.states,El={...kt.defaultOptions,variant:"color"},ab=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],nb=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...El,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?eo(re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return eo("div",{style:s,children:eo(Nn,{...a,...n})});case"icon":return eo("div",{style:s,children:eo(Nn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:s,children:eo(Nn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=tb;Go.states=ob;Go.variants=ab;Go.defaultOptions=El;Go.modifiers=nb;Go.className=kt.className;var Jr="combobox",Bl=Jr;import{Fragment as qr,jsx as ie,jsxs as Ra}from"react/jsx-runtime";var Ol="k-combobox",rb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ib={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Pl={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pl.separators,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,popup:y,opened:E,readonly:K,adaptive:Y,adaptiveSettings:de,adaptiveTitle:me,adaptiveSubtitle:ce,adaptiveCustomValue:ue,id:Xt,autocomplete:Gn,activeDescendant:Bt,"aria-label":Xa,...Un}=e,Fn=Xt?`${Xt}-listbox`:void 0;return Ra(qr,{children:[Ra(Z,{...Un,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,readonly:K,className:r(e.className,Ol),children:[s&&Ra(qr,{children:[ie(we,{children:s}),n&&ie(Ae,{})]}),ie(Fe,{id:Xt,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?Fn:void 0,"aria-activedescendant":E&&Bt?Bt:void 0,"aria-autocomplete":Gn,"aria-invalid":c?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Xa,disabled:g,readOnly:K}),ie(ke,{valid:L,invalid:c,loading:v,disabled:g}),ie(Re,{loading:v,disabled:g}),ie(Ue,{loading:v,disabled:g,readonly:K,value:m}),l&&Ra(qr,{children:[n&&ie(Ae,{}),ie(_e,{children:l})]}),ie(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:g})]}),E&&y&&ie(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),Y&&ie(ae,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...de,header:ie(Te,{actionsEnd:ie(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:me,subtitle:ce}),children:ie("div",{className:"k-list-container",children:ie(_,{customValue:ue?ie(zt,{text:`Use "${m}"`}):void 0,size:"large",children:Ra(X,{"aria-label":me||"Options",children:[ie(P,{text:"List item"}),ie(P,{text:"List item"}),ie(P,{text:"List item"})]})})})})]})};Oe.states=rb;Oe.options=ib;Oe.className=Ol;Oe.defaultOptions=Pl;Oe.moduleName=Jr;Oe.folderName=Bl;var $e=Oe;import{jsx as sb}from"react/jsx-runtime";var Kl=e=>sb($e,{...e});import{jsx as C_,jsxs as L_}from"react/jsx-runtime";import{jsx as A_,jsxs as T_}from"react/jsx-runtime";import{jsx as K_,jsxs as R_}from"react/jsx-runtime";import{Fragment as G_,jsx as z_}from"react/jsx-runtime";import{Fragment as W_,jsx as X_}from"react/jsx-runtime";import{jsx as j_,jsxs as e0}from"react/jsx-runtime";import{Fragment as l0,jsx as i0,jsxs as s0}from"react/jsx-runtime";import{jsx as c0}from"react/jsx-runtime";import{jsx as x0}from"react/jsx-runtime";import{jsx as M0,jsxs as S0}from"react/jsx-runtime";import{jsx as y0,jsxs as E0}from"react/jsx-runtime";import{jsx as Ft,jsxs as ub}from"react/jsx-runtime";var lb=Oe.states,db=Oe.defaultOptions,pb=Oe.options,mb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],cb=[],Uo=e=>{let{modifiers:t,...o}=e,a={},n=Ft(_,{style:{width:300},size:o.size,children:ub(X,{children:[Ft(P,{children:"List item"}),Ft(P,{children:"List item"}),Ft(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ft(S,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ft(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Ft("div",{children:Ft(Kl,{value:"Value",style:{width:300},...o,...a})})};Uo.options=pb;Uo.states=lb;Uo.variants=cb;Uo.defaultOptions=db;Uo.modifiers=mb;Uo.className=Oe.className;var Yr="menu-button",Rl=Yr;import{jsx as xb}from"react/jsx-runtime";var wl="k-menu-button",fb=[i.hover,i.focus,i.active,i.selected,i.disabled],bb={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Qr={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,showArrow:c=Qr.showArrow,arrowIconName:M=Qr.arrowIconName,expanded:v,...g}=e;return xb(p,{...g,className:r(e.className,wl),text:L,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,ariaDisabled:N||void 0,icon:h,showArrow:c,arrowIconName:M,"aria-expanded":v?"true":"false",...!L&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=fb;W.options=bb;W.className=wl;W.defaultOptions=Qr;W.moduleName=Yr;W.folderName=Rl;import{jsx as dD}from"react/jsx-runtime";import{jsx as uD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";var Xe="menu",rt=Xe;import{jsx as wa,jsxs as _l}from"react/jsx-runtime";var Zr="k-menu-item",hb=[i.hover,i.focus,i.active,i.selected,i.disabled],Nb={},Dl={iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=Dl.iconPosition,dir:L,children:c,expanded:M,...v}=e,g=N;return g||(g=L==="rtl"?"chevron-left":"chevron-right"),_l("li",{...v,className:r(e.className,Zr,"k-item",I(Zr,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[_l("span",{className:r("k-link k-menu-link"),children:[l&&h==="before"&&wa(S,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&wa(S,{className:"k-menu-link-icon",icon:l}),b&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(S,{icon:g})})]}),c]})};ve.states=hb;ve.options=Nb;ve.className=Zr;ve.defaultOptions=Dl;ve.moduleName=Xe;ve.folderName=rt;import{jsx as to,jsxs as Hl}from"react/jsx-runtime";var jr="k-menu-item",vb=[i.hover,i.focus,i.active,i.selected,i.disabled],Cb={},ei={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=ei.iconPosition,dir:L=ei.dir,children:c,popup:M,expanded:v,actions:g,description:y,...E}=e,K=N;return K||(K=L==="rtl"?"chevron-left":"chevron-right"),Hl("li",{role:"menuitem",...E,className:r(e.className,jr,"k-item",I(jr,{focus:o,disabled:s})),...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":v?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Hl("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[l&&h==="before"&&to(S,{className:"k-menu-link-icon",icon:l}),to("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&to(S,{className:"k-menu-link-icon",icon:l}),g&&to("span",{className:"k-menu-link-actions",children:g}),b&&to("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:to(S,{icon:K})}),y&&to("span",{className:"k-menu-link-description",children:y})]}),c,M]})};j.states=vb;j.options=Cb;j.className=jr;j.defaultOptions=ei;j.moduleName=Xe;j.folderName=rt;import{jsx as gb}from"react/jsx-runtime";var zl="k-menu-scroll-wrapper",Lb=[],Mb={},Sb={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return gb("div",{...n,className:r(t,zl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Lb;oo.options=Mb;oo.className=zl;oo.defaultOptions=Sb;oo.moduleName=Xe;oo.folderName=rt;var Gl=oo;import{Fragment as ti,jsx as ao,jsxs as Cn}from"react/jsx-runtime";var Ln="k-menu",Ib=[],kb={size:[d.undefined,d.small,d.medium,d.large]},Mn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},xe=e=>{let{children:t,orientation:o=Mn.orientation,header:a=Mn.header,scrollable:n,scrollButtonsPosition:s=Mn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:b,popup:N,contextMenu:h,...L}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=ao("ul",{dir:m,...L,className:r(e.className,"k-reset",Ln,{[`${Ln}-${o}`]:o,"k-header":a},k(Ln,{size:b})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(ti,{children:[n?Cn(Gl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Cn(ti,{children:[ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,s==="end"&&Cn(ti,{children:[ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,N]})};xe.states=Ib;xe.options=kb;xe.className=Ln;xe.defaultOptions=Mn;xe.moduleName=Xe;xe.folderName=rt;import{jsx as Ab}from"react/jsx-runtime";var oi="k-separator",Ul={orientation:"horizontal"},Fo=e=>{let{orientation:t=Ul.orientation,...o}=e;return Ab("li",{...o,className:r(e.className,"k-item",oi,{[`${oi}-${t}`]:t}),role:"separator"})};Fo.className=oi;Fo.defaultOptions=Ul;Fo.moduleName=Xe;Fo.folderName=rt;import{Fragment as XD,jsx as WD}from"react/jsx-runtime";import{jsx as Bb}from"react/jsx-runtime";var ai="k-menu-group",Tb=[],yb={size:[d.undefined,d.small,d.medium,d.large]},Eb={},Ce=e=>{let{children:t,size:o,...a}=e;return Bb("ul",{role:"menu",...a,className:r(e.className,ai,k(ai,{size:o})),children:t})};Ce.states=Tb;Ce.options=yb;Ce.className=ai;Ce.defaultOptions=Eb;Ce.moduleName=Xe;Ce.folderName=rt;import{jsx as oH,jsxs as aH}from"react/jsx-runtime";import{Fragment as Ob,jsx as Vo,jsxs as Pb}from"react/jsx-runtime";var ni=e=>Vo(xe,{children:Pb(Ob,{children:[Vo(ve,{text:"Item 1"}),Vo(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Vo(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Vo(ve,{text:"Item 4"}),Vo(ve,{text:"Item 5"})]}),...e});import{Fragment as uH,jsx as mH,jsxs as cH}from"react/jsx-runtime";import{Fragment as NH,jsx as hH,jsxs as vH}from"react/jsx-runtime";import{Fragment as gH,jsx as SH,jsxs as IH}from"react/jsx-runtime";import{Fragment as EH,jsx as yH,jsxs as BH}from"react/jsx-runtime";import{jsx as no,jsxs as Db}from"react/jsx-runtime";var Kb={...xe.options,scrollable:{type:"boolean"}},Rb=xe.states,Fl={...xe.defaultOptions,variant:"horizontal"},wb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_b=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Fl,...e},n={},s=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?no(F,{className:"k-menu-popup",offset:s,children:Db(Ce,{children:[no(j,{text:"Item 1"}),no(j,{text:"Item 2"}),no(Fo,{}),no(j,{text:"Item 3"})]})}):null)}),t==="vertical"?no(ni,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(ni,{...a,...n})};$o.options=Kb;$o.states=Rb;$o.variants=wb;$o.defaultOptions=Fl;$o.modifiers=_b;$o.className=xe.className;import{Fragment as p1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{jsx as f1}from"react/jsx-runtime";import{Fragment as Fb,jsx as Mt,jsxs as Vl}from"react/jsx-runtime";var Hb=p.states,$l={...p.defaultOptions,variant:"text"},zb=p.options,Gb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ub=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},n={},s=Mt(F,{className:"k-menu-popup",children:Vl(Ce,{size:a.size,children:[Mt(j,{text:"Menu Item"}),Mt(j,{text:"Menu Item"}),Mt(j,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Mt("div",{children:Mt(W,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Mt("div",{children:Mt(W,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Mt("div",{children:Mt(W,{...a,...n,children:"Dropdown Button"})});break}return Vl(Fb,{children:[l,o?.opened&&s]})};Xo.options=zb;Xo.states=Hb;Xo.variants=Gb;Xo.defaultOptions=$l;Xo.modifiers=Ub;Xo.className=W.className;var ri="split-button",Xl=ri;import{Fragment as Xb,jsx as ii,jsxs as Wl}from"react/jsx-runtime";var si="k-split-button",Vb=[i.hover,i.focus,i.active,i.selected,i.disabled],$b={size:[d.undefined,d.small,d.medium,d.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:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Jl={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,arrowIconName:c=Jl.arrowIconName,popup:M,opened:v,popupId:g,...y}=e;return Wl(Xb,{children:[Wl("div",{...y,className:r(e.className,si,"k-button-group",k(si,{rounded:o})),children:[ii(p,{text:L,icon:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,...!L&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),ii(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:N,ariaDisabled:N||void 0,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?g:void 0,tabIndex:-1})]}),v&&M&&ii(F,{className:"k-menu-popup",children:M})]})};D.states=Vb;D.options=$b;D.className=si;D.defaultOptions=Jl;D.moduleName=ri;D.folderName=Xl;var li=D;import{jsx as Jb}from"react/jsx-runtime";var Wb="k-toolbar-separator",ut=e=>Jb("div",{className:r(Wb,e.className,"k-separator")});var ro="toolbar",Wo=ro;import{Fragment as di,jsx as G,jsxs as Jo}from"react/jsx-runtime";var At="k-toolbar",qb=[i.focus],Yb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Qb={scrollButtons:"around"},H=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:b,...N}=e,h=[],L=(c,M)=>{let v=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))v.push(G(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===p)v.push(G(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===R)v.push(G(R,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===V)v.push(G(V,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===W)v.push(G(W,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===li)v.push(G(li,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===O||c.props.className&&c.props.className.includes("k-button-group")){let g=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((E,K)=>{g.push(G(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${K}-${new Date().getTime()}`))}),v.push(G(O,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:g},`${M}-${new Date().getTime()}`))}else c.type===Oe?v.push(G(Oe,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===pe?v.push(G(pe,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===nt?v.push(G(nt,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):v.push(c);v.forEach(g=>{h.push(g)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,v)=>{L(M,v)}),Jo("div",{...N,className:r(e.className,At,k(At,{size:t,fillMode:o}),I(At,{focus:a}),{[`${At}-resizable`]:n,[`${At}-scrollable`]:s,[`${At}-scrollable-overlay`]:s&&l==="hidden",[`${At}-scrollable-${m}`]:m&&m!=="both",[`${At}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&h,s&&l==="hidden"&&G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),s&&l==="start"&&Jo(di,{children:[Jo(O,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]}),G(ut,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),s&&l==="end"&&Jo(di,{children:[G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ut,{className:"k-toolbar-button-separator"}),Jo(O,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&Jo(di,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G(ut,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ut,{className:"k-toolbar-button-separator"}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]})};H.states=qb;H.options=Yb;H.className=At;H.defaultOptions=Qb;H.moduleName=ro;H.folderName=Wo;import{jsx as tx}from"react/jsx-runtime";var pi="k-toolbar-item",Zb=[i.focus],jb={},ex={},qo=e=>{let{focus:t,...o}=e;return tx("div",{...o,className:r(e.className,pi,I(pi,{focus:t})),children:e.children})};qo.states=Zb;qo.options=jb;qo.className=pi;qo.defaultOptions=ex;qo.moduleName=ro;qo.folderName=Wo;import{jsx as ql}from"react/jsx-runtime";var Yl="k-toolbar-popup",ox=[],ax={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},nx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return ql(F,{...n,className:r(e.className,Yl),children:a?ql("span",{className:r("k-toolbar-items-list",k("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=ox;io.options=ax;io.className=Yl;io.defaultOptions=nx;io.moduleName=ro;io.folderName=Wo;var Sn=io;import{jsx as u2}from"react/jsx-runtime";import{jsx as h2}from"react/jsx-runtime";import{jsx as L2}from"react/jsx-runtime";import{jsx as A2,jsxs as T2}from"react/jsx-runtime";import{jsx as O2}from"react/jsx-runtime";import{jsx as Tt,jsxs as dx}from"react/jsx-runtime";var rx=D.states,Ql={...D.defaultOptions,variant:"text"},ix=D.options,sx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lx=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Ql,...e},n={},s=dx(Ce,{size:a.size,children:[Tt(j,{text:"Menu Item"}),Tt(j,{text:"Menu Item"}),Tt(j,{text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?s:"")}),t){case"icon-only":return Tt("div",{children:Tt(D,{...a,...n,icon:"star"})});case"icon-and-text":return Tt("div",{children:Tt(D,{...a,...n,icon:"star",children:"Split Button"})});default:return Tt("div",{children:Tt(D,{...a,...n,children:"Split Button"})})}};Yo.options=ix;Yo.states=rx;Yo.variants=sx;Yo.defaultOptions=Ql;Yo.modifiers=lx;Yo.className=D.className;import{jsx as so,jsxs as px}from"react/jsx-runtime";var Zl=e=>so(H,{children:[so(p,{children:"Button"},"toolbar-button"),so(W,{text:"Menu button"},"toolbar-menu-button"),so(D,{children:"Split button"},"toolbar-split-button"),px(O,{children:[so(p,{className:"k-group-start",icon:"align-left",children:"Left"}),so(p,{icon:"align-center",children:"Center"}),so(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as sz,jsxs as lz}from"react/jsx-runtime";import{jsx as We,jsxs as jl}from"react/jsx-runtime";var ed=e=>We(H,{scrollable:!0,...e,children:[We(p,{children:"Button"},"toolbar-button"),We(W,{text:"Menu button"},"toolbar-menu-button"),We(D,{children:"Split button"},"toolbar-split-button"),jl(O,{children:[We(p,{className:"k-group-start",icon:"align-left",children:"Left"}),We(p,{icon:"align-center",children:"Center"}),We(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(p,{children:"Button"},"toolbar-button"),We(W,{text:"Menu button"},"toolbar-menu-button"),We(D,{children:"Split button"},"toolbar-split-button"),jl(O,{children:[We(p,{className:"k-group-start",icon:"align-left",children:"Left"}),We(p,{icon:"align-center",children:"Center"}),We(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Je,jsxs as td}from"react/jsx-runtime";var od=({scrollingPosition:e="start",...t})=>Je(H,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(D,{children:"Split button"},"toolbar-split-button"),td(O,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(D,{children:"Split button"},"toolbar-split-button"),td(O,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as mx,jsx as He,jsxs as gn}from"react/jsx-runtime";var ad=({fillMode:e,size:t,...o})=>gn(mx,{children:[He(H,{section:!0,fillMode:e,size:t,children:[He(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),gn(O,{fillMode:e,children:[He(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(ut,{className:"k-toolbar-button-separator"}),He(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),gn(Sn,{size:t,fillMode:e,section:!0,...o,children:[He(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(ut,{}),He(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),gn(O,{fillMode:e,children:[He(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Gz,jsx as Hz,jsxs as zz}from"react/jsx-runtime";import{Fragment as Zz,jsx as Yz,jsxs as Qz}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var cx=H.options,ux=H.states,nd={...H.defaultOptions,variant:"default"},fx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],bx=[],Qo=e=>{let{variant:t,...o}={...nd,...e};switch(t){case"responsive":return Vt("div",{children:Vt(ad,{style:{width:"583px"},...o})});case"overlay":return Vt("div",{children:Vt(od,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Vt("div",{children:Vt(ed,{style:{width:"583px"},...o})});default:return Vt("div",{children:Vt(Zl,{style:{width:"583px"},...o})})}};Qo.options=cx;Qo.states=ux;Qo.variants=fx;Qo.defaultOptions=nd;Qo.modifiers=bx;Qo.className=H.className;var mi="speech-to-text-button",rd=mi;import{jsx as xx}from"react/jsx-runtime";var id="k-speech-to-text-button",sd={icon:"microphone"},ee=e=>{let{listening:t=!1,icon:o=sd.icon,...a}=e;return xx(p,{...a,icon:t?"stop":o,className:r(e.className,id,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};ee.states=p.states;ee.options=p.options;ee.className=id;ee.defaultOptions=sd;ee.moduleName=mi;ee.folderName=rd;import{jsx as O3}from"react/jsx-runtime";import{jsx as w3}from"react/jsx-runtime";import{jsx as Lx}from"react/jsx-runtime";var hx=p.states,ld={...p.defaultOptions,variant:"normal"},Nx={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},vx=[],Cx=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Zo=e=>{let{variant:t,...o}={...ld,...e},a={};return t==="listening"&&(a.listening=!0),Lx(ee,{...o,...a})};Zo.options=Nx;Zo.states=hx;Zo.variants=Cx;Zo.defaultOptions=ld;Zo.modifiers=vx;Zo.className=ee.className;var ci="textarea",dd=ci;import{Fragment as pd,jsx as _a,jsxs as ui}from"react/jsx-runtime";var md="k-textarea",Mx=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Sx={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},jo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},J=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=jo.prefixSeparator,suffixSeparator:s=jo.prefixSeparator,affixesOrientation:l=jo.affixesOrientation,flow:m=jo.flow,resize:b=jo.resize,prefix:N,suffix:h,rows:L,value:c,placeholder:M,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:Y,id:de,"aria-label":me,"aria-describedby":ce,...ue}=e;return ui(Z,{...ue,size:t,rounded:o,fillMode:a,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:Y,className:r(e.className,md,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[N&&ui(pd,{children:[_a(we,{className:r({"!k-align-items-start":m===l}),direction:l,children:N}),n&&_a(Ae,{direction:m==="horizontal"?"vertical":"horizontal"})]}),_a(La,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:c,placeholder:M,rows:L,disabled:Y,id:de,"aria-label":me,"aria-describedby":ce,"aria-invalid":E?"true":void 0}),h&&ui(pd,{children:[s&&_a(Ae,{direction:m==="horizontal"?"vertical":"horizontal"}),_a(_e,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};J.states=Mx;J.options=Sx;J.className=md;J.defaultOptions=jo;J.moduleName=ci;J.folderName=dd;import{jsx as o5}from"react/jsx-runtime";import{Fragment as l5,jsx as s5}from"react/jsx-runtime";import{Fragment as f5,jsx as u5}from"react/jsx-runtime";import{jsx as N5}from"react/jsx-runtime";import{jsx as In}from"react/jsx-runtime";var gx=J.options,Ix=J.states,cd={...J.defaultOptions,variant:"vertical"},kx=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Ax=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ea=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},n={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?In(S,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?In(S,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?In(J,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):In(J,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ea.options=gx;ea.states=Ix;ea.variants=kx;ea.defaultOptions=cd;ea.modifiers=Ax;ea.className=J.className;import{Fragment as G5,jsx as H5,jsxs as z5}from"react/jsx-runtime";var bi="suggestion",ud=bi;import{jsx as kn,jsxs as Ex}from"react/jsx-runtime";var An="k-suggestion-group",Tx=[],yx={},fd={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=fd.layout,scrollingPosition:o,...a}=e,n=kn("div",{...a,className:r(An,{"k-suggestion-group-scrollable":t=="scrollable",[`${An}-scrollable-start`]:o==="start"||o==="both",[`${An}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?kn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ex("div",{className:"k-suggestion-scrollwrap",children:[kn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,kn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};it.states=Tx;it.options=yx;it.className=An;it.defaultOptions=fd;it.moduleName=bi;it.folderName=ud;import{jsx as Kx}from"react/jsx-runtime";var Tn="k-suggestion",Bx=[i.active,i.hover,i.focus],Ox={themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},Px={text:"Suggestion"},ft=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...l}=e;return Kx("span",{...l,className:r(e.className,Tn,I(Tn,{hover:a,active:o,focus:n}),k(Tn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ft.states=Bx;ft.options=Ox;ft.className=Tn;ft.item=Px;import{Fragment as tG,jsx as eG,jsxs as oG}from"react/jsx-runtime";import{Fragment as sG,jsx as iG,jsxs as lG}from"react/jsx-runtime";import{Fragment as uG,jsx as cG,jsxs as fG}from"react/jsx-runtime";import{Fragment as OG,jsx as EG,jsxs as BG}from"react/jsx-runtime";import{jsx as yn}from"react/jsx-runtime";var Rx="k-chip-action";var yt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=yn(S,{icon:"x-circle",size:"small"});break;case"more":a=yn(S,{icon:"more-vertical",size:"small"});break;default:return yn(S,{icon:t,size:"small"})}return yn("span",{...o,className:r(e.className,Rx,`k-chip-${t}-action`),children:a})};var xi="avatar",bd=xi;import{jsx as xd}from"react/jsx-runtime";var Da="k-avatar";var wx=[i.hover,i.focus,i.active,i.selected,i.disabled],_x={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},hi={type:"text",border:!1},ze=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:s=hi.type,border:l=hi.border,...m}=e;return xd("div",{...m,className:r(e.className,Da,k(Da,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Da}-bordered`]:l}),children:xd("span",{className:`${Da}-${s}`,children:e.children})})};ze.states=wx;ze.options=_x;ze.className=Da;ze.defaultOptions=hi;ze.moduleName=xi;ze.folderName=bd;var lo=ze;import{jsx as Dx}from"react/jsx-runtime";var hd=e=>Dx(lo,{type:"icon",...e});import{jsx as Hx}from"react/jsx-runtime";var Nd=e=>Hx(lo,{type:"text",...e});import{jsx as zx}from"react/jsx-runtime";var vd=e=>zx(lo,{type:"image",...e});import{jsx as eU}from"react/jsx-runtime";import{jsx as Ha}from"react/jsx-runtime";var Gx=ze.options,Ux=ze.states,Fx={...ze.defaultOptions,variant:"image"},Vx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$x=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ha(hd,{...o,children:Ha(S,{icon:"star"})});case"text":return Ha(Nd,{...o,children:"JO"});default:return Ha(vd,{...o,children:Ha("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=Gx;ta.states=Ux;ta.variants=Vx;ta.defaultOptions=Fx;ta.modifiers=$x;ta.className=ze.className;var za="chip",En=za,Bn="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as oa,jsxs as Jx}from"react/jsx-runtime";var On="k-chip",Xx=[i.hover,i.focus,i.active,i.selected,i.disabled],Wx={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},Cd={avatarImage:"/packages/html/assets/avatar.jpg"},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:s,icon:l,actions:m,showAvatar:b,avatarImage:N=Cd.avatarImage,hover:h,focus:L,active:c,selected:M,disabled:v,...g}=e;return Jx("div",{...g,className:r(e.className,On,k(On,{size:t,rounded:o,fillMode:a,themeColor:n}),I(On,{hover:h,focus:L,active:c,disabled:v,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":v?"true":void 0,children:[l&&oa(S,{className:"k-chip-icon",icon:l,size:"small"}),b&&oa(ze,{className:"k-chip-avatar",type:"image",children:oa("img",{src:N,alt:""})}),oa("span",{className:"k-chip-content",children:e.children?e.children:s&&oa("span",{className:"k-chip-label",children:s})}),m&&oa("span",{className:"k-chip-actions",children:m})]})};Ge.states=Xx;Ge.options=Wx;Ge.className=On;Ge.defaultOptions=Cd;Ge.moduleName=za;Ge.folderName=En;var st=Ge;import{jsx as Zx}from"react/jsx-runtime";var Ni="k-chip-list",qx=[],Yx={size:[d.undefined,d.small,d.medium,d.large]},Qx={},Le=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return Zx("div",{...n,className:r(e.className,Ni,k(Ni,{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})};Le.states=qx;Le.options=Yx;Le.className=Ni;Le.defaultOptions=Qx;Le.moduleName=za;Le.folderName=En;import{jsx as EU}from"react/jsx-runtime";import{jsx as KU}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";var Pn=e=>jx(st,{text:"text",...e});import{jsx as UU}from"react/jsx-runtime";import{jsx as XU}from"react/jsx-runtime";import{Fragment as ZU,jsx as QU,jsxs as jU}from"react/jsx-runtime";import{jsx as nF,jsxs as rF}from"react/jsx-runtime";import{jsx as pF,jsxs as mF}from"react/jsx-runtime";import{jsx as hF,jsxs as NF}from"react/jsx-runtime";import{jsx as aa,jsxs as rh}from"react/jsx-runtime";var eh={...st.options,...Le.options},th=[],oh=Le.states,ah={...st.defaultOptions,...Le.defaultOptions},nh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],na=e=>{let{modifiers:t,className:o,...a}=e,n=t?.icon,s=t?.actions,l=t?.avatar,m=l?Bn:void 0;return rh(Le,{size:a.size,className:o,children:[aa(Pn,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?aa(yt,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),aa(Pn,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?aa(yt,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),aa(Pn,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?aa(yt,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"})]})};na.options=eh;na.states=oh;na.variants=th;na.defaultOptions=ah;na.modifiers=nh;na.className=Le.className;import{jsx as vi}from"react/jsx-runtime";var ih=Ge.states,sh=Ge.defaultOptions,lh=Ge.options,dh=[],ph=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"icon":a.icon=t?.[n]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[n],a.avatarImage=t?.[n]?Bn:void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[n]?vi(yt,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[n]?vi(yt,{type:"remove"}):void 0;break;default:break}}),vi(Ge,{...o,...a,children:"Chip component"})};ra.options=lh;ra.states=ih;ra.variants=dh;ra.defaultOptions=sh;ra.modifiers=ph;ra.className=Ge.className;import{Fragment as s9,jsx as r9,jsxs as i9}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var mh="k-card-callout",Ld=e=>{let{callout:t,...o}=e;return ch("span",{...o,className:r(e.className,mh,{[`k-callout-${Bi.calloutMap[t]||t}`]:t})})};var qe="card",lt=qe;import{Fragment as xh,jsx as Md,jsxs as hh}from"react/jsx-runtime";var Ci="k-card",uh=[i.hover,i.focus,i.selected,i.disabled],fh={},bh={},q=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return hh("div",{...m,className:r(e.className,Ci,I(Ci,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&Md(Ld,{callout:o}),Md(xh,{children:e.children})]})};q.states=uh;q.options=fh;q.className=Ci;q.defaultOptions=bh;q.moduleName=qe;q.folderName=lt;import{Fragment as Lh,jsx as Sd}from"react/jsx-runtime";var Li="k-card-list",Nh=[],vh={},Ch={},po=e=>{let{...t}=e;return Sd("div",{...t,className:r(e.className,Li,I(Li,{})),role:"list",children:Sd(Lh,{children:e.children})})};po.states=Nh;po.options=vh;po.className=Li;po.defaultOptions=Ch;po.moduleName=qe;po.folderName=lt;import{jsx as Ih}from"react/jsx-runtime";var gd="k-card-group",Mh=[],Sh={},gh={},ia=e=>{let{...t}=e;return Ih("div",{...t,className:r(e.className,gd),children:e.children})};ia.states=Mh;ia.options=Sh;ia.className=gd;ia.defaultOptions=gh;ia.moduleName=qe;ia.folderName=lt;import{jsx as yh}from"react/jsx-runtime";var Mi="k-card-wrap",kh=[i.focus,i.selected],Ah={},Th={},sa=e=>{let{focus:t,selected:o,...a}=e;return yh("div",{...a,className:r(e.className,Mi,I(Mi,{focus:t,selected:o})),children:e.children})};sa.states=kh;sa.options=Ah;sa.className=Mi;sa.defaultOptions=Th;sa.moduleName=qe;sa.folderName=lt;import{jsx as Bh}from"react/jsx-runtime";var Si="k-card-title",Eh=[i.hover,i.focus],mo=e=>{let{hover:t,focus:o,...a}=e;return Bh("div",{...a,className:r(e.className,Si,I(Si,{hover:t,focus:o})),children:e.children})};mo.states=Eh;mo.className=Si;import{jsx as Ph}from"react/jsx-runtime";var Oh="k-card-subtitle",Kn=e=>{let{...t}=e;return Ph("div",{...t,className:r(e.className,Oh),children:e.children})};import{Fragment as kd,jsx as Rn}from"react/jsx-runtime";var Id="k-card-media",gi=e=>{let{src:t,...o}=e;return Rn(kd,{children:t?Rn("img",{...o,className:r(e.className,Id),src:t}):Rn("span",{...o,className:r(e.className,Id),children:Rn(kd,{children:e.children})})})};import{Fragment as Rh,jsx as Ga,jsxs as wh}from"react/jsx-runtime";var Kh="k-card-header",Et=e=>{let{title:t,subtitle:o,details:a,...n}=e;return wh("div",{...n,className:r(e.className,Kh),children:[t&&Ga(mo,{children:t}),o&&Ga(Kn,{children:o}),Ga(Rh,{children:e.children}),a&&Ga("span",{className:"k-card-header-actions",children:Ga(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Dh}from"react/jsx-runtime";var _h="k-card-footer",Ii=e=>{let{...t}=e;return Dh("div",{...t,className:r(e.className,_h),children:e.children})};import{Fragment as zh,jsx as Ua,jsxs as Gh}from"react/jsx-runtime";var Hh="k-card-body",Me=e=>{let{title:t,subtitle:o,details:a,...n}=e;return Gh("div",{...n,className:r(e.className,Hh),children:[t&&Ua(mo,{children:t}),o&&Ua(Kn,{children:o}),Ua(zh,{children:e.children}),a&&Ua("span",{className:"k-card-header-actions",children:Ua(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as $h}from"react/jsx-runtime";var Ad="k-card-deck",Uh=[],Fh={},Vh={},la=e=>{let{...t}=e;return $h("div",{...t,className:r(e.className,Ad),children:e.children})};la.states=Uh;la.options=Fh;la.className=Ad;la.defaultOptions=Vh;la.moduleName=qe;la.folderName=lt;import{jsx as qh}from"react/jsx-runtime";var Td="k-card-deck-scrollwrap",Xh=[],Wh={},Jh={},da=e=>{let{...t}=e;return qh("div",{...t,className:r(e.className,Td),children:e.children})};da.states=Xh;da.options=Wh;da.className=Td;da.defaultOptions=Jh;da.moduleName=qe;da.folderName=lt;import{Fragment as Yh,jsx as pa,jsxs as yd}from"react/jsx-runtime";var Ed=e=>pa(q,{orientation:"vertical",children:yd(Yh,{children:[pa(Et,{children:"Card Header"}),pa(Me,{children:pa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),yd(z,{className:"k-card-actions",children:[pa(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),pa(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Qh,jsx as Fa,jsxs as Bd}from"react/jsx-runtime";var Od=e=>Fa(q,{orientation:"horizontal",children:Bd(Qh,{children:[Fa(Me,{title:"Card Title",children:Fa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Bd(z,{orientation:"vertical",className:"k-card-actions",children:[Fa(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Fa(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as S6,jsxs as g6}from"react/jsx-runtime";import{jsx as Pe,jsxs as Va}from"react/jsx-runtime";var Zh=q.options,jh=q.states,Pd={...q.defaultOptions,variant:"vertical"},eN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tN=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ma=e=>{let{variant:t,modifiers:o,...a}={...Pd,...e},n=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(m=>{switch(m){case"media":{n=!!o?.[m];break}case"header":{s=!!o?.[m];break}case"footer":{l=!!o?.[m];break}}}),t==="horizontal"?Va(Od,{style:{maxWidth:"420px"},...a,children:[n&&Pe(gi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Va("div",{children:[s&&Pe(Et,{title:"Header Title",subtitle:"Header Subtitle"}),Pe(Me,{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(Ii,{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(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Va(Ed,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(Et,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Pe(gi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Pe(Me,{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(Ii,{children:"Card Footer"}),Va(z,{className:"k-card-actions",children:[Pe(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ma.options=Zh;ma.states=jh;ma.variants=eN;ma.defaultOptions=Pd;ma.modifiers=tN;ma.className=q.className;import{jsx as l7,jsxs as d7}from"react/jsx-runtime";var ki="panelbar",Kd=ki;import{jsx as rN}from"react/jsx-runtime";var Rd="k-panelbar",oN=[],aN={},nN={},Se=e=>{let{activeDescendant:t,...o}=e;return rN("ul",{...o,className:r(e.className,Rd),role:"tree","aria-activedescendant":t,children:e.children})};Se.states=oN;Se.options=aN;Se.className=Rd;Se.defaultOptions=nN;Se.moduleName=ki;Se.folderName=Kd;import Ai from"react";import{jsx as wn,jsxs as wd}from"react/jsx-runtime";var _d="k-panelbar-item",iN=[i.hover,i.focus,i.selected,i.disabled],sN={},_n={level:0,expanded:!1,text:"Item"},T=e=>{let{text:t=_n.text,level:o=_n.level,expanded:a=_n.expanded,header:n,hover:s,focus:l,selected:m,disabled:b,icon:N,iconClass:h,ariaSelected:L,children:c,...M}=e,v=!!c;return wd("li",{...M,className:r(e.className,_d,{"k-panelbar-header":n,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":v?a?"true":"false":void 0,"aria-selected":L?"true":"false","aria-disabled":b?"true":void 0,children:[wd("span",{className:r("k-link",I("k-link",{hover:s,focus:l,disabled:b,selected:m})),children:[N&&wn(S,{className:"k-panelbar-item-icon",icon:N}),h&&!N&&wn("span",{className:`k-panelbar-item-icon ${h}`}),wn("span",{className:"k-panelbar-item-text",children:t}),v&&wn(S,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&c,!a&&c&&Ai.Children.map(c,g=>Ai.isValidElement(g)?Ai.cloneElement(g,{"aria-hidden":"true",style:{display:"none"}}):g)]})};T.states=iN;T.options=sN;T.className=_d;T.moduleName=null;T.folderName=null;T.defaultOptions=_n;import{jsx as mN}from"react/jsx-runtime";var Dd="k-panelbar-group",lN=[],dN={},pN={},he=e=>{let{ariaHidden:t,...o}=e;return mN("ul",{...o,className:r(e.className,Dd),role:"group",...t!==void 0&&{"aria-hidden":t?"true":void 0},children:e.children})};he.states=lN;he.options=dN;he.className=Dd;he.moduleName=null;he.folderName=null;he.defaultOptions=pN;import{jsx as bN}from"react/jsx-runtime";var Hd="k-panelbar-content",cN=[],uN={},fN={},se=e=>{let{...t}=e;return bN("div",{...t,className:r(e.className,Hd),children:e.children})};se.states=cN;se.options=uN;se.className=Hd;se.defaultOptions=fN;import{Fragment as xN,jsx as $t,jsxs as hN}from"react/jsx-runtime";var $a=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item");return $t(Se,{children:hN(xN,{children:[$t(T,{header:!0,text:"Item 1",id:t,children:$t(se,{children:"content"})}),$t(T,{header:!0,text:"Item 2",id:o,children:$t(se,{children:"content"})}),$t(T,{header:!0,text:"Item 3",id:a,children:$t(se,{children:"content"})}),$t(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as R7,jsx as K7,jsxs as w7}from"react/jsx-runtime";import{Fragment as NN,jsx as Ke,jsxs as Ti}from"react/jsx-runtime";var zd=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item"),s=A("pb-child"),l=A("pb-child"),m=A("pb-child"),b=A("pb-child"),N=A("pb-child"),h=A("pb-child"),L=A("pb-child");return Ke(Se,{activeDescendant:o,children:Ti(NN,{children:[Ke(T,{header:!0,text:"Item 1",id:t,children:Ke(se,{children:"content"})}),Ke(T,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:Ti(he,{children:[Ke(T,{level:1,text:"Child 1",id:s}),Ke(T,{level:1,expanded:!0,text:"Child 2",id:l,children:Ti(he,{children:[Ke(T,{level:2,text:"Child 2.1",id:m}),Ke(T,{level:2,text:"Child 2.2",id:b})]})}),Ke(T,{level:1,text:"Child 3",id:N,children:Ke(he,{children:Ke(T,{level:2,text:"Child 3.1",id:h})})}),Ke(T,{level:1,text:"Child 4",id:L})]})}),Ke(T,{header:!0,text:"Item 3",id:a,children:Ke(se,{children:"content"})}),Ke(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Gd,jsx as te,jsxs as Dn}from"react/jsx-runtime";var vN=Se.options,CN=Se.states,Ud={...Se.defaultOptions,variant:"normal"},LN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],MN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Ud,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{n.icon=o?.[l]?s:void 0;break}case"disabled":n.disabled=!!o?.[l]}}),t==="expand"?te(Gd,{children:Dn(zd,{style:{width:"300px"},...a,children:[te(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Dn(he,{children:[te(T,{level:1,text:"Child 1"}),te(T,{level:1,expanded:!0,text:"Child 2",children:Dn(he,{children:[te(T,{level:2,text:"Child 2.1"}),te(T,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),te(T,{disabled:n.disabled,level:1,text:"Child 3",children:te(se,{children:"content"})}),te(T,{level:1,text:"Child 4"})]})}),te(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):te(Gd,{children:Dn($a,{style:{width:"300px"},...a,children:[te(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.folder,header:!0,text:"Item 2",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=vN;ca.states=CN;ca.variants=LN;ca.defaultOptions=Ud;ca.modifiers=MN;ca.className=Se.className;import{jsx as p4,jsxs as m4}from"react/jsx-runtime";import{Fragment as S4,jsx as L4,jsxs as M4}from"react/jsx-runtime";import{Fragment as B4,jsx as E4,jsxs as O4}from"react/jsx-runtime";import{Fragment as Fd,jsx as C,jsxs as le}from"react/jsx-runtime";var SN=U.options,gN=U.states,IN={...U.defaultOptions,variant:"ask"},kN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],AN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],ua=e=>{let{variant:t,modifiers:o,...a}={...e},n=C(Fd,{children:le(it,{layout:"wrap",children:[C(ft,{text:"Post for work-life balance importance"}),C(ft,{text:"Out of office"})]})}),s={suggestions:n,stt:!0};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return C(F,{className:"k-prompt-popup",children:le(U,{style:{width:"330px",height:"350px"},...a,children:[C(xt,{children:le(H,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),C(ge,{children:C(Ie,{children:le($a,{children:[C(T,{header:!0,icon:"brush",text:"Change Formality",children:le(he,{children:[C(T,{level:1,text:"Casual"}),C(T,{level:1,text:"Neutral"}),C(T,{level:1,text:"Formal"})]})}),C(T,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:le(he,{children:[C(T,{level:1,text:"German"}),C(T,{level:1,text:"Spanish"})]})}),C(T,{header:!0,icon:"min-width",text:"Simplify"}),C(T,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return C(F,{className:"k-prompt-popup",children:le(U,{style:{width:"330px",height:"350px"},...a,children:[C(xt,{children:le(H,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),le(ge,{children:[C(Jt,{}),C(Ie,{children:le("div",{className:"k-card-list",children:[le(q,{children:[C(Et,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),C(Me,{children:le("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",C("br",{}),C("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",C("br",{}),C("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}",C("br",{}),C("br",{}),"\u2728 Key Points \u2728",C("br",{}),C("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",C("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",C("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",C("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",C("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",C("br",{}),C("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),le(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),le(q,{children:[C(Et,{title:"Generated with AI",subtitle:"Out of Office"}),C(Me,{children:le("p",{children:["Subject: Out of Office: [Your Name]",C("br",{}),C("br",{}),"Dear [Recipient's Name],",C("br",{}),C("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.",C("br",{}),C("br",{}),"Thank you,",C("br",{}),"[Your Name]"]})}),le(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return C(F,{className:"k-prompt-popup",children:le(U,{style:{width:"330px",height:"350px"},...a,children:[C(xt,{children:le(H,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),C(ge,{children:le(Ie,{children:[C(J,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:C(Fd,{children:s.stt?C(ee,{fillMode:"flat"}):null})}),C(Qa,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),C(fo,{children:C(z,{className:"k-prompt-actions",alignment:"start",children:C(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ua.options=SN;ua.states=gN;ua.variants=kN;ua.defaultOptions=IN;ua.modifiers=AN;ua.className=U.className;import{Fragment as ON,jsx as dt,jsxs as Hn}from"react/jsx-runtime";var TN=U.options,yN=U.states,EN={...U.defaultOptions},BN=[{name:"commands",title:"Commands Menu",default:!0},{name:"stt",title:"SpeechToText",default:!0},{name:"response",title:"Response Card"},{name:"generating",title:"Generating"}],fa=e=>{let{modifiers:t,...o}={...e},a={commands:!0,stt:!0};Object.keys(t||{}).forEach(s=>{switch(s){case"commands":a.commands=t?.[s]?!0:void 0;break;case"stt":a.stt=t?.[s]?!0:void 0;break;case"response":a.response=t?.[s]?!0:void 0;break;case"generating":a.generating=t?.[s]?!0:void 0;break;default:return}});let n=Hn(q,{children:[dt(Me,{style:{maxHeight:"150px",overflowY:"auto"},children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"}),Hn(z,{className:"k-card-actions",alignment:"start",children:[dt(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),dt(R,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),dt(R,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),dt(R,{fillMode:"flat",themeColor:"base",icon:"cancel",children:"Discard"})]})]});return dt(F,{className:"k-prompt-popup",children:dt(U,{style:{width:"450px",height:"auto"},...o,children:dt(ge,{children:Hn(Ie,{children:[a.response?n:null,dt(J,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:Hn(ON,{children:[a.commands?dt(V,{fillMode:"flat",icon:"menu"}):null,a.stt?dt(ee,{fillMode:"flat"}):null]}),suffix:dt(mt,{generating:!!a.generating})})]})})})})};fa.options=TN;fa.states=yN;fa.variants=[];fa.defaultOptions=EN;fa.modifiers=BN;fa.className=U.className;import{Fragment as Vd,jsx as pt,jsxs as zn}from"react/jsx-runtime";var _8=({text:e,...t})=>pt(U,{...t,children:pt(ge,{children:zn(Ie,{children:[zn(q,{children:[pt(Me,{style:{maxHeight:"150px",overflowY:"auto"},children:e}),zn(z,{className:"k-card-actions",alignment:"start",children:[pt(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),pt(R,{fillMode:"flat",icon:"cancel",children:"Discard"})]})]}),pt(J,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:zn(Vd,{children:[pt(V,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),pt(ee,{fillMode:"flat"})]}),suffix:pt(Vd,{children:pt(mt,{disabled:!0})})})]})})});export{_8 as PromptInline};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var k=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:l,active:m,selected:b,disabled:N,indeterminate:h,loading:L,empty:c,readonly:M,highlighted:v,...g}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":L,"k-empty":c,"k-readonly":M,"k-highlighted":v},Object.keys(g).reduce((y,E)=>(E.startsWith("k-")?y[E]=g[E]:y[`k-${E}`]=g[E],y),{}))};function Ei(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},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"},bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},x={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"},Oi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Vn={};function A(e){return Vn[e]=(Vn[e]||0)+1,`k-${e}-${Vn[e]}`}var $n="action-buttons",Bi=$n;import{jsx as Jd}from"react/jsx-runtime";var Wa="k-actions",Xd=[],Wd={},Xn={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Xn.alignment,orientation:o=Xn.orientation,...a}=e;return Jd("div",{...a,className:r(Wa,{[`${Wa}-${t}`]:t,[`${Wa}-${o}`]:o},e.className),children:e.children})};z.states=Xd;z.options=Wd;z.className=Wa;z.defaultOptions=Xn;z.moduleName=$n;z.folderName=Bi;import{Fragment as Zd,jsx as Pi}from"react/jsx-runtime";var Wn="k-font-icon",qd=[],Yd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Qd={},ba=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?Pi("span",{...l,className:r(e.className,Wn,k(Wn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Pi(Zd,{})};ba.states=qd;ba.options=Yd;ba.className=Wn;ba.defaultOptions=Qd;var Ki=ba;import{Fragment as tp,jsx as Ja}from"react/jsx-runtime";var Jn="k-svg-icon",jd=[],ep={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},qn={viewBox:"0 0 24 24",variant:bt.outline},xa=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=qn.viewBox,variant:l=qn.variant,icon:m,...b}=e;if(!m)return Ja(tp,{});if(m==="none")return Ja("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?l&&m.variants?.[l]||m.variants?.outline||m.content:void 0;return Ja("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:Ja("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};xa.states=jd;xa.options=ep;xa.className=Jn;xa.defaultOptions=qn;var Yn=xa;import*as Qn from"@progress/kendo-svg-icons";var Ri="icon",wi="icons";import{useContext as ap}from"react";import{createContext as op}from"react";var _i=op({iconsType:"svg"});import{Fragment as Di,jsx as ha}from"react/jsx-runtime";var qa="k-icon",np=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],ip={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},Ya={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},S=e=>{let{iconsType:t}=ap(_i),{size:o,themeColor:a,icon:n,type:s=t||Ya.type,rotate:l,flip:m,viewBox:b=Ya.viewBox,variant:N=Ya.variant,...h}=e;if(!n)return ha(Di,{});if((t||s)==="svg"){if(n==="none")return ha(Yn,{...h,className:r(e.className,qa),icon:n,size:o,variant:N});let c=Qn[n]?n:np(`${n}-icon`);return Qn[c]?ha(Yn,{...h,className:r(e.className,qa),icon:Qn[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:b,variant:N}):ha(Di,{})}return ha(Ki,{...h,className:r(e.className,qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};S.states=rp;S.options=ip;S.defaultOptions=Ya;S.className=qa;S.moduleName=Ri;S.folderName=wi;var Zn="button",Hi=Zn;import{Fragment as zi,jsx as co,jsxs as Gi}from"react/jsx-runtime";var Na="k-button",sp=["icon-button"],lp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dp={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},jn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=jn.showArrow,arrowIconName:m=jn.arrowIconName,variant:b,hover:N,focus:h,active:L,selected:c,disabled:M,togglable:v,ariaDisabled:g,icon:y,iconSize:E,text:K,iconClassName:Y,className:de,...me}=e,ce=y!=null,ue=e.children!==void 0;return Gi(t,{className:r(de,Na,Ei(Na,b),k(Na,{size:o,rounded:a,fillMode:n,themeColor:s}),I(Na,{hover:N,focus:h,active:L,disabled:M||g,selected:c}),{"k-icon-button":!K&&!ue&&ce}),"aria-pressed":v?c?"true":"false":void 0,...me,"aria-disabled":g?"true":void 0,disabled:M||void 0,children:[typeof y=="string"&&y&&co(S,{className:r(Y,"k-button-icon"),icon:y,size:E}),y&&typeof y!="string"&&co(zi,{children:y}),K?Gi(zi,{children:[K&&co("span",{className:"k-button-text",children:K}),e.children]}):e.children&&co("span",{className:"k-button-text",children:e.children}),l&&co("span",{className:"k-menu-button-arrow k-button-arrow",children:co(S,{icon:m})})]})};p.states=lp;p.options=dp;p.variants=sp;p.className=Na;p.defaultOptions=jn;p.moduleName=Zn;p.folderName=Hi;import{jsx as pp}from"react/jsx-runtime";var V=e=>pp(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as mp}from"react/jsx-runtime";var R=e=>mp(p,{icon:"folder",children:"Button",...e});import{jsx as cp}from"react/jsx-runtime";var Wt=e=>cp(p,{children:"Button",...e});import{jsx as er}from"react/jsx-runtime";var up=p.options,fp=p.states,bp={...p.defaultOptions,variant:"text"},xp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hp=[],uo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return er(V,{...o,icon:"star"});case"icon-and-text":return er(R,{...o,icon:"star",children:"Button"});default:return er(Wt,{...o,children:"Button"})}};uo.options=up;uo.states=fp;uo.variants=xp;uo.defaultOptions=bp;uo.modifiers=hp;uo.className=p.className;var tr="prompt",Ui=tr;import{Fragment as Lp,jsx as Fi}from"react/jsx-runtime";var Vi="k-prompt",Np=[],vp={},Cp={},U=e=>{let{...t}=e;return Fi("div",{...t,className:r(e.className,Vi),children:Fi(Lp,{children:e.children})})};U.states=Np;U.options=vp;U.className=Vi;U.defaultOptions=Cp;U.moduleName=tr;U.folderName=Ui;import{jsx as Sp}from"react/jsx-runtime";var Mp="k-prompt-header",xt=e=>{let{...t}=e;return Sp("div",{...t,className:r(e.className,Mp),children:e.children})};import{Fragment as Ip,jsx as $i}from"react/jsx-runtime";var gp="k-prompt-content",ge=e=>{let{...t}=e;return $i("div",{...t,className:r(e.className,gp),children:$i(Ip,{children:e.children})})};import{jsx as Ap}from"react/jsx-runtime";var kp="k-prompt-view",Ie=e=>{let{...t}=e;return Ap("div",{...t,className:r(e.className,kp),children:e.children})};import{jsx as Xi,jsxs as yp}from"react/jsx-runtime";var Tp="k-prompt-expander",Qa=e=>{let{title:t,children:o,expanded:a,...n}=e,s=A("prompt-expander-content");return yp("div",{...n,className:r(e.className,Tp),children:[Xi(R,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Xi("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Op}from"react/jsx-runtime";var Ep="k-prompt-footer",fo=e=>{let{...t}=e;return Op("div",{...t,className:r(e.className,Ep),children:e.children})};import{jsx as fC}from"react/jsx-runtime";import{jsx as Bp}from"react/jsx-runtime";var Wi="k-prompt-send",Ji={generating:!1},mt=e=>{let{generating:t=Ji.generating,...o}=e;return Bp(p,{...o,className:r(e.className,Wi,{"k-generating":t}),icon:t?"stop":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};mt.states=p.states;mt.options=p.options;mt.className=Wi;mt.moduleName=null;mt.folderName=null;mt.defaultOptions=Ji;import{jsx as qi,jsxs as _p}from"react/jsx-runtime";var Za="k-fab",Rp=[i.hover,i.focus,i.active,i.selected,i.disabled],wp={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},Yi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=Yi.type,position:m,hover:b,focus:N,active:h,selected:L,disabled:c,...M}=e;return _p("button",{...M,type:l,className:r(e.className,Za,k(Za,{size:t,rounded:o,themeColor:a}),I(Za,{hover:b,focus:N,active:h,disabled:c,selected:L}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c||void 0,children:[s&&qi(S,{className:"k-fab-icon",icon:s}),n&&qi("span",{className:"k-fab-text",children:n})]})};oe.states=Rp;oe.options=wp;oe.className=Za;oe.defaultOptions=Yi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Hp}from"react/jsx-runtime";var Dp="k-fab-items",Qi=e=>{let{position:t,...o}=e;return Hp("ul",{...o,className:r(e.className,Dp,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as ji,jsxs as Gp}from"react/jsx-runtime";var Zi="k-fab-item",zp=[i.hover,i.focus,i.active,i.disabled],or=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...b}=e;return Gp("li",{...b,className:r(e.className,Zi,{[`k-text-${a}`]:a},I(Zi,{hover:n,focus:s,active:l,disabled:m})),children:[ji("span",{className:"k-fab-item-text",children:t}),ji(S,{className:"k-fab-item-icon",icon:o})]})};or.states=zp;import{jsx as _C}from"react/jsx-runtime";import{jsx as GC}from"react/jsx-runtime";import{jsx as $C}from"react/jsx-runtime";import{jsx as qC}from"react/jsx-runtime";import{jsx as bo,jsxs as Wp}from"react/jsx-runtime";var Up=oe.options,Fp=oe.states,Vp={...oe.defaultOptions,variant:"text"},$p=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xp=[{name:"opened",title:"Opened"}],xo=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},s=n?bo("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:bo(Qi,{position:"bottom",children:bo(or,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=bo(oe,{...a,icon:"star"});break;case"icon-and-text":l=bo(oe,{...a,icon:"star",text:"Action"});break;default:l=bo(oe,{...a,text:"Action"});break}return Wp("span",{style:{position:"relative"},children:[l,s]})};xo.options=Up;xo.states=Fp;xo.variants=$p;xo.defaultOptions=Vp;xo.modifiers=Xp;xo.className=oe.className;import{jsx as Jp}from"react/jsx-runtime";var es="k-prompt-stop-fab",ts={generating:!0},Jt=e=>{let{generating:t=ts.generating,icon:o,...a}=e;return Jp(oe,{...a,className:r(e.className,es,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop":o,active:t,"aria-label":t?"Stop generating":"Action"})};Jt.states=p.states;Jt.options=p.options;Jt.className=es;Jt.defaultOptions=ts;var ar="button",os=ar;import{jsx as Zp}from"react/jsx-runtime";var va="k-button-group",qp=[i.disabled],Yp={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Qp={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Zp("div",{role:"group",...n,className:r(e.className,va,k(va,{fillMode:t}),I(va,{disabled:o}),{[`${va}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=qp;B.options=Yp;B.className=va;B.defaultOptions=Qp;B.moduleName=ar;B.folderName=os;import{Fragment as EL,jsx as yL,jsxs as OL}from"react/jsx-runtime";import{Fragment as _L,jsx as wL,jsxs as DL}from"react/jsx-runtime";import{Fragment as VL,jsx as FL,jsxs as $L}from"react/jsx-runtime";import{Fragment as QL,jsx as YL,jsxs as ZL}from"react/jsx-runtime";import{Fragment as nM,jsx as aM,jsxs as rM}from"react/jsx-runtime";import{Fragment as mM,jsx as pM,jsxs as cM}from"react/jsx-runtime";import{jsx as St,jsxs as nr}from"react/jsx-runtime";var jp={...p.options,...B.options},em=p.states,tm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},om=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],am=[],ho=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?nr(B,{fillMode:a.fillMode,className:o,children:[St(p,{...a,icon:"star"}),St(p,{...a,icon:"star"}),St(p,{...a,icon:"star"})]}):t==="icon-text-button"?nr(B,{fillMode:a.fillMode,className:o,children:[St(p,{...a,icon:"star",children:"First"}),St(p,{...a,icon:"star",children:"Middle"}),St(p,{...a,icon:"star",children:"Last"})]}):nr(B,{fillMode:a.fillMode,className:o,children:[St(p,{...a,children:"First"}),St(p,{...a,children:"Middle"}),St(p,{...a,children:"Last"})]})};ho.options=jp;ho.states=em;ho.variants=om;ho.defaultOptions=tm;ho.modifiers=am;ho.className=B.className;var Ca="input",ja=Ca;import{jsx as sm}from"react/jsx-runtime";var en="k-input",nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},im={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return sm("span",{...L,className:r(e.className,en,k(en,{size:b,rounded:N,fillMode:h}),I(en,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};Z.states=nm;Z.options=rm;Z.className=en;Z.defaultOptions=im;Z.moduleName=Ca;Z.folderName=ja;import{jsx as mm}from"react/jsx-runtime";var tn="k-picker",lm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],dm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},pm={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return mm("span",{...L,className:r(e.className,tn,k(tn,{size:b,rounded:N,fillMode:h}),I(tn,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m})),children:e.children})};ht.states=lm;ht.options=dm;ht.className=tn;ht.defaultOptions=pm;ht.moduleName=Ca;ht.folderName=ja;import{Fragment as fm,jsx as rr}from"react/jsx-runtime";var as="k-clear-value",cm=[i.disabled,i.loading,i.readonly],um={},Ue=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?rr(fm,{}):rr("span",{className:r(e.className,as),children:rr(S,{icon:"x"})})};Ue.states=cm;Ue.options=um;Ue.className=as;import{jsx as hm}from"react/jsx-runtime";var ir="k-input-inner",bm=[],xm={},on={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=on.value,type:o=on.type,placeholder:a=on.placeholder,autocomplete:n=on.autocomplete,disabled:s,readOnly:l,...m}=e;return hm("input",{...m,type:o,className:r(e.className,ir,k(ir,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:l||void 0})};Fe.states=bm;Fe.options=xm;Fe.className=ir;import{jsx as ns,jsxs as Cm}from"react/jsx-runtime";var sr="k-input-inner",Nm=[],vm={},qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return Cm("span",{...l,className:r(e.className,sr,k(sr,e)),children:[n,!n&&s&&ns(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&ns("span",{className:"k-input-value-text",children:t})]})};qt.states=Nm;qt.options=vm;qt.className=sr;import{jsx as Sm}from"react/jsx-runtime";var lr="k-input-inner",Lm=[],Mm={},rs={value:"",placeholder:""},La=e=>{let{value:t=rs.value,placeholder:o=rs.placeholder,rows:a,disabled:n,...s}=e;return Sm("textarea",{...s,className:r(e.className,lr,k(lr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};La.states=Lm;La.options=Mm;La.className=lr;import{Fragment as Im,jsx as is}from"react/jsx-runtime";var ss="k-input-loading-icon",gm=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t||!o?is(Im,{}):is("span",{className:r(e.className,ss,"k-icon k-i-loading")})};Re.states=gm;Re.className=ss;import{Fragment as Tm,jsx as ls}from"react/jsx-runtime";var ds="k-input-validation-icon",km=[i.valid,i.invalid,i.disabled,i.loading],Am={},ke=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?ls(Tm,{}):ls(S,{className:r(ds),icon:s})};ke.states=km;ke.options=Am;ke.className=ds;import{Fragment as Om,jsx as ps}from"react/jsx-runtime";var ym="k-input-prefix",Em={direction:"horizontal"},we=e=>{let{direction:t=Em.direction,...o}=e;return e.children?ps("span",{...o,className:r(ym,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ps(Om,{})};import{Fragment as Km,jsx as ms}from"react/jsx-runtime";var Bm="k-input-suffix",Pm={direction:"horizontal"},_e=e=>{let{direction:t=Pm.direction,...o}=e;return e.children?ms("span",{...o,className:r(Bm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ms(Km,{})};import{jsx as cS}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";var Rm="k-input-suffix-text",dr=e=>{let{children:t,...o}=e;return wm("span",{...o,className:r(Rm,e.className),children:t})};import{jsx as Dm}from"react/jsx-runtime";var cs="k-input-separator",_m={direction:"vertical"},Ae=e=>{let{direction:t=_m.direction,...o}=e;return Dm("span",{...o,className:r(cs,e.className,{[`${cs}-${t}`]:t})})};import{Fragment as us,jsx as Nt,jsxs as pr}from"react/jsx-runtime";var Hm=Z.states,zm=Z.defaultOptions,Gm=Z.options,Um=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Fm=[],No=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...m}=e,b=t?.prefix,N=t?.suffix,h=t?.["clear-button"],L=t?.["validation-icon"],c=t?.separators;return pr(Z,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[b&&pr(us,{children:[Nt(we,{children:Nt(S,{icon:"lock"})}),c&&Nt(Ae,{})]}),Nt(Fe,{placeholder:"Placeholder",value:"Value"}),L&&Nt(ke,{valid:o,invalid:a,loading:n,disabled:s}),Nt(Re,{loading:n,disabled:s}),h&&Nt(Ue,{loading:n,disabled:s,readonly:l,value:"Value"}),N&&pr(us,{children:[c&&Nt(Ae,{}),Nt(_e,{children:Nt(Wt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};No.options=Gm;No.states=Hm;No.variants=Fm;No.defaultOptions=zm;No.modifiers=Um;No.className=Z.className;import{jsx as fs,jsxs as Xm}from"react/jsx-runtime";var bs="k-color-preview",Vm=[],$m={},Bt=e=>{let{color:t,iconName:o,...a}=e;return Xm("span",{...a,className:r(e.className,bs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&fs(S,{icon:o,className:"k-color-preview-icon"}),fs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Bt.states=Vm;Bt.options=$m;Bt.className=bs;var mr="popup",xs=mr;import{jsx as hs}from"react/jsx-runtime";var Ns="k-animation-container",Wm=[],Jm={},cr={positionMode:"absolute",shown:!0},vt=e=>{let{positionMode:t=cr.positionMode,shown:o=cr.shown,animationStyle:a,offset:n,...s}=e;return hs("div",{...s,style:{...n,...e.style},className:r(e.className,Ns,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:hs("div",{className:"k-child-animation-container",style:a,children:e.children})})};vt.states=Wm;vt.options=Jm;vt.className=Ns;vt.defaultOptions=cr;vt.moduleName=mr;vt.folderName=xs;var ur="popup",vs=ur;import{jsx as Cs}from"react/jsx-runtime";var Ls="k-popup",qm=[],Ym={},Ms={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Ms.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return Cs(vt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:Cs("div",{...m,className:r(e.className,Ls),children:e.children})})};F.states=qm;F.options=Ym;F.className=Ls;F.defaultOptions=Ms;F.moduleName=ur;F.folderName=vs;import{jsx as Zm}from"react/jsx-runtime";var Qm="k-actionsheet-footer",Ss={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=Ss.alignment,orientation:o=Ss.orientation,template:a,as:n=a?"div":z,...s}=e;return Zm(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Qm),children:e.children})};var fr="searchbox",gs=fr;import{jsx as Ma,jsxs as tc}from"react/jsx-runtime";var Is="k-searchbox",jm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ec={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},br={showIcon:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,showIcon:M=br.showIcon,icon:v=br.icon,"aria-label":g,...y}=e;return tc(Z,{...y,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,className:r(e.className,Is),children:[M&&Ma(S,{className:"k-input-icon",icon:v}),Ma(Fe,{placeholder:o,value:t,"aria-label":g}),Ma(Re,{...e}),Ma(ke,{...e}),Ma(Ue,{...e})]})};Ye.states=jm;Ye.options=ec;Ye.className=Is;Ye.defaultOptions=br;Ye.moduleName=fr;Ye.folderName=gs;import{jsx as Eg}from"react/jsx-runtime";var xr="textbox",ks=xr;import{Fragment as As,jsx as Kt,jsxs as hr}from"react/jsx-runtime";var Ts="k-textbox",oc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ac={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},an={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:n=an.separators,showClearButton:s=an.showClearButton,showValidationIcon:l=an.showValidationIcon,prefix:m,suffix:b,type:N,value:h,placeholder:L,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:Y,id:de,"aria-label":me,"aria-describedby":ce,...ue}=e;return hr(Z,{...ue,size:t,rounded:o,fillMode:a,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:Y,className:r(e.className,Ts),children:[m&&hr(As,{children:[Kt(we,{children:m}),n&&Kt(Ae,{})]}),Kt(Fe,{id:de,placeholder:L,value:h,type:N,disabled:K,"aria-label":me,"aria-describedby":ce,"aria-invalid":g?"true":void 0}),l&&Kt(ke,{valid:v,invalid:g,loading:E,disabled:K}),Kt(Re,{loading:E,disabled:K}),s&&Kt(Ue,{loading:E,disabled:K,readonly:Y,value:h}),b&&hr(As,{children:[n&&Kt(Ae,{}),Kt(_e,{children:b})]})]})};Ne.states=oc;Ne.options=ac;Ne.className=Ts;Ne.defaultOptions=an;Ne.moduleName=xr;Ne.folderName=ks;var Sa=Ne;import{jsx as nc}from"react/jsx-runtime";var ys=e=>nc(Sa,{...e});import{Fragment as Jg,jsx as Wg}from"react/jsx-runtime";import{Fragment as eI,jsx as jg}from"react/jsx-runtime";import{jsx as nI}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var rc=Ne.states,ic=Ne.defaultOptions,sc=Ne.options,lc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],dc=[],vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Nr(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Nr(Wt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Nr(ys,{value:"Value",style:{width:300},...o,...a})};vo.options=sc;vo.states=rc;vo.variants=dc;vo.defaultOptions=ic;vo.modifiers=lc;vo.className=Ne.className;import{jsx as Rt,jsxs as vr}from"react/jsx-runtime";var Es="k-actionsheet-titlebar",pc={},Te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:b,adaptive:N,titleId:h,children:L,...c}=e;return vr("div",{...c,className:r(e.className,Es),children:[vr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!L&&vr("div",{className:"k-actionsheet-title",id:h,children:[t&&Rt("div",{className:"k-text-center",children:t}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&Rt("div",{className:"k-actionsheet-title",id:h,children:L}),n&&Rt("div",{className:"k-actionsheet-actions",children:n})]}),(l||s)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Rt(Ne,{value:m,placeholder:b,size:N?"large":"medium","aria-label":t||b||"Input"}):Rt(Ye,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Te.className=Es;Te.defaultOptions=pc;import{jsx as Cr,jsxs as fc}from"react/jsx-runtime";var Lr="k-actionsheet-view",mc=[],cc={},uc={},Co=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,b=n?.type===Te&&Cr(Te,{adaptive:t,titleId:l,...n?.props}),N=s?.type===Pt&&Cr(Pt,{...s?.props});return fc("div",{...m,className:r(e.className,Lr,{[`${Lr}-animated`]:o}),children:[b,Cr("div",{className:"k-actionsheet-content",children:a}),N]})};Co.states=mc;Co.options=cc;Co.className=Lr;Co.defaultOptions=uc;var ga="action-sheet",nn=ga;var Mr="overlay",Os=Mr;import{jsx as Nc}from"react/jsx-runtime";var Bs="k-overlay",bc=[],xc={},hc={},wt=e=>{let{...t}=e;return Nc("div",{...t,className:r(e.className,Bs),children:e.children})};wt.states=bc;wt.options=xc;wt.className=Bs;wt.defaultOptions=hc;wt.moduleName=Mr;wt.folderName=Os;import{jsx as rn,jsxs as Lc}from"react/jsx-runtime";var Ps="k-actionsheet",vc=[],Cc={},Ia={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=Ia.side,fullscreen:o=Ia.fullscreen,adaptive:a=Ia.adaptive,overlay:n=Ia.overlay,template:s,children:l,header:m,footer:b,id:N,...h}=e,L=N&&!s&&m?`${N}-title`:void 0;return Lc("div",{className:"k-actionsheet-container",children:[n&&rn(wt,{}),rn(vt,{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:rn("div",{...h,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":L,className:r(e.className,Ps,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||rn(Co,{header:m,footer:b,adaptive:a,titleId:L,...e,children:l})})})]})};ae.states=vc;ae.options=Cc;ae.className=Ps;ae.defaultOptions=Ia;ae.moduleName=ga;ae.folderName=nn;import{jsx as Ic}from"react/jsx-runtime";var Ks="k-actionsheet-container",Mc=[],Sc={},gc={},Lo=e=>{let{children:t,...o}=e;return Ic("div",{...o,className:Ks,children:t})};Lo.states=Mc;Lo.options=Sc;Lo.className=Ks;Lo.defaultOptions=gc;Lo.moduleName=ga;Lo.folderName=nn;import{jsx as kc}from"react/jsx-runtime";var Sr=e=>{let{...t}=e;return kc("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Tc,jsx as ka,jsxs as gr}from"react/jsx-runtime";var Ir="k-actionsheet-item",Ac=[i.hover,i.focus,i.selected,i.disabled],_t=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:m,...b}=e;return gr("span",{...b,className:r(e.className,Ir,I(Ir,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&ka(Tc,{children:gr("span",{className:"k-actionsheet-action",children:[t&&ka("span",{className:"k-icon-wrap",children:ka(S,{className:"k-actionsheet-item-icon",icon:t})}),gr("span",{className:"k-actionsheet-item-text",children:[o&&ka("span",{className:"k-actionsheet-item-title",children:o}),a&&ka("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=Ac;_t.className=Ir;import{jsx as ak,jsxs as nk}from"react/jsx-runtime";import{jsx as lk}from"react/jsx-runtime";import{jsx as ck}from"react/jsx-runtime";import{jsx as xk}from"react/jsx-runtime";import{jsx as fe,jsxs as kr}from"react/jsx-runtime";var yc=ae.options,Ec=ae.states,ws={...ae.defaultOptions,variant:"normal"},Oc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Bc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Mo=e=>{let{variant:t,modifiers:o,...a}={...ws,...e},n={},s=kr(Sr,{children:[fe(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),fe(_t,{text:"Add to Favorites",iconName:"heart"}),fe(_t,{text:"Upload New",iconName:"upload",disabled:!0}),fe("hr",{className:"k-hr"}),fe(_t,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?l:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?fe(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:fe(Te,{actionsStart:n.actionsStart?fe(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?fe(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?kr(Pt,{alignment:"stretched",children:[fe(p,{text:"Cancel",size:"large",themeColor:"base"}),fe(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):fe(ae,{...a,fullscreen:n.fullScreen,header:fe(Te,{actionsStart:n.actionsStart?fe(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?fe(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?kr(Pt,{alignment:"stretched",children:[fe(p,{text:"Apply",themeColor:"primary"}),fe(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Mo.options=yc;Mo.states=Ec;Mo.variants=Oc;Mo.defaultOptions=ws;Mo.modifiers=Bc;Mo.className=ae.className;var Ar="slider",_s=Ar;import{jsx as So,jsxs as Tr}from"react/jsx-runtime";var Aa="k-slider",Pc=[i.hover,i.focus,i.active,i.disabled,i.readonly],Kc={},Qe={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=Qe.type,orientation:o=Qe.orientation,gradientType:a=Qe.gradientType,readonly:n=Qe.readonly,disabled:s=Qe.disabled,handlePosition:l=Qe.handlePosition,showButtons:m=Qe.showButtons,showTicks:b=Qe.showTicks,value:N=Qe.value,min:h=Qe.min,max:L=Qe.max,startValue:c,endValue:M,hover:v,focus:g,active:y,trackStyle:E,dir:K,...Y}=e,me=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ce,ue;return o==="horizontal"?(ce=K==="rtl"?"chevron-left":"chevron-right",ue=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ce="chevron-up",ue="chevron-down"),Tr("div",{...Y,className:r(Aa,e.className,I(Aa,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&So(p,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Tr("div",{className:"k-slider-track-wrap",children:[b&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Tr("div",{className:"k-slider-track",style:E,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:r("k-draghandle","k-draghandle-start",I(Aa,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":c??h,"aria-valuemin":h,"aria-valuemax":M??L,"aria-orientation":me,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":Y["aria-label"]?`${Y["aria-label"]} start`:"Range start"}),So("span",{className:r("k-draghandle",`k-draghandle-${l}`,I(Aa,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??L:N,"aria-valuemin":t==="range"?c??h:h,"aria-valuemax":L,"aria-orientation":me,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?Y["aria-label"]?`${Y["aria-label"]} end`:"Range end":Y["aria-label"]})]})]}),m&&So(p,{className:"k-button-increase",rounded:"full",icon:ce,tabIndex:-1,title:"Increase"})]})};Q.states=Pc;Q.options=Kc;Q.className=Aa;Q.defaultOptions=Qe;Q.moduleName=Ar;Q.folderName=_s;import{jsx as Ds}from"react/jsx-runtime";var Hs="k-tick",Rc=[],wc={},zs={label:!1},O=e=>{let{style:t,label:o=zs.label,orientation:a,large:n,text:s,...l}=e;return Ds("li",{...l,role:"presentation",title:s||"Tick",className:r(e.className,Hs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Ds("span",{className:"k-label",children:s})})};O.states=Rc;O.options=wc;O.className=Hs;O.defaultOptions=zs;import{Fragment as _c,jsx as Ze,jsxs as Dc}from"react/jsx-runtime";var Gs=e=>Ze(Q,{"aria-label":e["aria-label"]||"Slider",children:Dc(_c,{children:[Ze(O,{className:"k-first",label:!0,large:!0,text:"0"}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{label:!0,large:!0,text:"5"}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{}),Ze(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Hc,jsx as je,jsxs as zc}from"react/jsx-runtime";var Us=e=>je(Q,{children:zc(Hc,{children:[je(O,{className:"k-first",label:!0,large:!0,text:"0"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{label:!0,large:!0,text:"5"}),je(O,{}),je(O,{}),je(O,{}),je(O,{}),je(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as nA,jsx as aA,jsxs as rA}from"react/jsx-runtime";import{Fragment as pA,jsx as dA,jsxs as mA}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";var yr=e=>Gc(Q,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Uc}from"react/jsx-runtime";var Er=e=>Uc(Q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as MA,jsx as LA,jsxs as SA}from"react/jsx-runtime";import{Fragment as TA,jsx as AA,jsxs as yA}from"react/jsx-runtime";import{jsx as Ct,jsxs as Fs}from"react/jsx-runtime";var Fc=Q.options,Vc=Q.states,Vs={...Q.defaultOptions,variant:"horizontal",label:!0},$c=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Xc=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],go=e=>{let{variant:t,modifiers:o,...a}=e,n=Vs.label,s={};Object.keys(o||{}).forEach(m=>{switch(m){case"button":{s.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{s.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Fs(Us,{style:{height:"300px",...l},...a,...s,children:[Ct(O,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ct(O,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ct(O,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ct(O,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ct(O,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Fs(Gs,{style:{width:"400px",...l},...a,...s,children:[Ct(O,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ct(O,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ct(O,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ct(O,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ct(O,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};go.options=Fc;go.states=Vc;go.variants=$c;go.defaultOptions=Vs;go.modifiers=Xc;go.className=Q.className;import{jsx as $s,jsxs as Qc}from"react/jsx-runtime";var Xs="k-spin-button",qc=[],Yc={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Or={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Or.increaseLabel,decreaseLabel:s=Or.decreaseLabel,...l}=e;return Qc("span",{...l,className:r(Xs,e.className),children:[$s(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),$s(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Dt.states=qc;Dt.options=Yc;Dt.className=Xs;Dt.defaultOptions=Or;Dt.moduleName=null;Dt.folderName=null;var Ws="numeric-textbox",Js="numerictextbox";import{Fragment as qs,jsx as gt,jsxs as Br}from"react/jsx-runtime";var Ys="k-numerictextbox",Zc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jc={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},sn={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:s=sn.showClearButton,showSpinButton:l=sn.showSpinButton,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,id:Y,"aria-label":de,"aria-describedby":me,...ce}=e;return Br(Z,{...ce,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,Ys),children:[m&&Br(qs,{children:[gt(we,{children:m}),n&&gt(Ae,{})]}),gt(Fe,{id:Y,placeholder:h,value:N,role:"spinbutton",disabled:E,"aria-label":de,"aria-describedby":me,"aria-invalid":v?"true":void 0}),gt(ke,{valid:M,invalid:v,loading:y,disabled:E}),gt(Re,{loading:y,disabled:E}),s&&gt(Ue,{loading:y,disabled:E,readonly:K,value:N}),b&&Br(qs,{children:[n&&gt(Ae,{}),gt(_e,{children:b})]}),l&&gt(Dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};$.states=Zc;$.options=jc;$.className=Ys;$.defaultOptions=sn;$.moduleName=Ws;$.folderName=Js;var Ta=$;import{jsx as eu}from"react/jsx-runtime";var Qs=e=>eu(Ta,{...e});import Kr from"react";import{jsx as Zs}from"react/jsx-runtime";var tu="k-list-group-sticky-header",Pr=e=>Zs("div",{className:r(tu,e.className),children:Zs("div",{className:"k-list-header-text",children:e.children})});import{jsx as au}from"react/jsx-runtime";var ou="k-no-data",ln=e=>{let{live:t,...o}=e;return au("span",{...o,className:r(ou,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Yt="list",Io=Yt;import{jsx as js,jsxs as el}from"react/jsx-runtime";var Rr="k-list",nu=[],ru={size:[d.undefined,d.small,d.medium,d.large]},iu={},_=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:m,noData:b,screenReaders:N,...h}=e,c=Kr.Children.toArray(a)[0],M=c?.props?.children?Kr.Children.count(c.props.children):Kr.Children.count(a);return el("div",{...h,className:r(e.className,Rr,k(Rr,{size:t}),{"k-virtual-list":o}),children:[l,s,m,n&&js(Pr,{children:n}),a||(b!==void 0?b:js(ln,{live:!0,children:"No data found."})),N&&a&&el(ln,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};_.states=nu;_.options=ru;_.className=Rr;_.defaultOptions=iu;_.moduleName=Yt;_.folderName=Io;import{jsx as pu}from"react/jsx-runtime";var tl="k-list-container",su=[],lu={},du={},ko=e=>{let{...t}=e;return pu("div",{...t,className:r(e.className,tl),children:e.children})};ko.states=su;ko.options=lu;ko.className=tl;ko.defaultOptions=du;ko.moduleName=Yt;ko.folderName=Io;var Qt="checkbox",Ao=Qt;import{jsx as ol}from"react/jsx-runtime";var dn="k-checkbox",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],cu={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},uu={},Ve=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:l,invalid:m,valid:b,required:N,size:h,rounded:L,wrapperRole:c,...M}=e;return ol("span",{className:"k-checkbox-wrap",role:c,children:ol("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:l||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,dn,k(dn,{size:h,rounded:L}),I(dn,{hover:n,focus:s,disabled:l,invalid:m,valid:b,indeterminate:a,checked:o}))})})};Ve.states=mu;Ve.options=cu;Ve.className=dn;Ve.defaultOptions=uu;Ve.moduleName=Qt;Ve.folderName=Ao;var ct=Ve;import{jsx as xu}from"react/jsx-runtime";var al="k-checkbox-list",fu=[],bu={},nl={layout:"vertical"},ye=e=>{let{layout:t=nl.layout,...o}=e;return xu("ul",{...o,className:r(e.className,al,{[`k-list-${t}`]:t}),children:e.children})};ye.states=fu;ye.options=bu;ye.className=al;ye.defaultOptions=nl;ye.moduleName=Qt;ye.folderName=Ao;import{jsx as Cu}from"react/jsx-runtime";var rl="k-checkbox-list-item",hu=[],Nu={},vu={},Ee=e=>{let{...t}=e;return Cu("li",{...t,className:r(e.className,rl),children:e.children})};Ee.states=hu;Ee.options=Nu;Ee.className=rl;Ee.defaultOptions=vu;Ee.moduleName=Qt;Ee.folderName=Ao;import{Fragment as Lu,jsx as il,jsxs as Mu}from"react/jsx-runtime";var It=({children:e="Label",id:t="cb-label-after",...o})=>Mu(Lu,{children:[il(ct,{id:t,...o}),il("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as jT,jsx as ZT,jsxs as ey}from"react/jsx-runtime";import{Fragment as ry,jsx as ny,jsxs as iy}from"react/jsx-runtime";import{Fragment as my,jsx as py,jsxs as cy}from"react/jsx-runtime";import{jsx as xy}from"react/jsx-runtime";import{jsx as Cy}from"react/jsx-runtime";import{jsx as gy}from"react/jsx-runtime";import{jsx as et,jsxs as sl}from"react/jsx-runtime";var Su=ye.options,gu=ye.states,Iu={...ye.defaultOptions,variant:"vertical"},ku=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Au=[],To=e=>{let{variant:t,...o}=e;return t==="horizontal"?sl(ye,{layout:"horizontal",...o,children:[et(Ee,{children:et(It,{id:A("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})})]}):sl(ye,{...o,children:[et(Ee,{children:et(It,{id:A("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:A("cb"),children:"Label"})})]})};To.options=Su;To.states=gu;To.variants=ku;To.defaultOptions=Iu;To.modifiers=Au;To.className=ye.className;import{jsx as Pu}from"react/jsx-runtime";var Tu=ct.options,yu=ct.states,Eu=ct.defaultOptions,Ou=[],Bu=[],yo=e=>Pu(It,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});yo.options=Tu;yo.states=yu;yo.variants=Ou;yo.defaultOptions=Eu;yo.modifiers=Bu;yo.className=ct.className;import{jsx as Eo,jsxs as _u}from"react/jsx-runtime";var wr="k-list-item",Ku=[i.hover,i.focus,i.selected,i.disabled],Ru={},wu={},P=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:s,hover:l,focus:m,selected:b,disabled:N,actions:h,description:L,id:c,...M}=e,v=t||e.children,g=t||(typeof v=="string"?v:void 0);return _u("li",{...M,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":b?"true":"false","aria-disabled":N?"true":void 0,className:r(e.className,wr,I(wr,{hover:l,focus:m,disabled:N,selected:b})),children:[n&&Eo(Ve,{checked:s,disabled:N,"aria-label":g,tabIndex:-1}),o&&Eo("span",{className:"k-list-item-icon-wrapper",children:Eo(S,{icon:o,className:r("k-list-item-icon",a)})}),Eo("span",{className:"k-list-item-text",children:v}),h&&Eo("div",{className:"k-list-item-actions",children:h}),L&&Eo("span",{className:"k-list-item-description",children:L})]})};P.states=Ku;P.options=Ru;P.className=wr;P.defaultOptions=wu;P.moduleName=Yt;P.folderName=Io;import{jsx as Hu}from"react/jsx-runtime";var Du="k-list-ul",Ht=e=>{let{children:t,role:o,id:a,...n}=e;return Hu("ul",{...n,id:a,role:o,className:r(Du,e.className),children:t})};import{jsx as _r,jsxs as Gu}from"react/jsx-runtime";var zu="k-list-content",X=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...l}=e;return Gu("div",{...l,className:r(zu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:_r(Ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&_r("div",{className:"k-height-container",children:_r("div",{})})]})};import{jsx as Dr,jsxs as $u}from"react/jsx-runtime";var pn="k-list-sticky-header",Uu=[i.hover,i.focus,i.selected],Fu={},Vu={},mn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:l,selected:m,...b}=e;return Dr("div",{...b,className:r(pn,e.className),children:$u("div",{className:r(`${pn}-item`,I(`${pn}-item`,{hover:s,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Dr(Ve,{checked:a,indeterminate:n,"aria-label":t}),Dr("span",{className:"k-list-item-text",children:t})]})})};mn.states=Uu;mn.options=Fu;mn.className=pn;mn.defaultOptions=Vu;import{Fragment as NE,jsx as hE,jsxs as vE}from"react/jsx-runtime";import{jsx as gE,jsxs as IE}from"react/jsx-runtime";import{jsx as qu}from"react/jsx-runtime";var Hr="k-list-optionlabel",Xu=[i.hover,i.focus,i.selected,i.disabled],Wu={},Ju={},cn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return qu("div",{...l,className:r(Hr,I(Hr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};cn.states=Xu;cn.options=Wu;cn.className=Hr;cn.defaultOptions=Ju;import{jsx as ju}from"react/jsx-runtime";var zr="k-list-custom-value",Yu=[i.hover,i.focus,i.selected,i.disabled],Qu={},Zu={},zt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return ju("div",{...l,className:r(zr,I(zr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};zt.states=Yu;zt.options=Qu;zt.className=zr;zt.defaultOptions=Zu;import{Fragment as _E,jsx as wE,jsxs as DE}from"react/jsx-runtime";import{Fragment as VE,jsx as FE,jsxs as $E}from"react/jsx-runtime";import{Fragment as ZE,jsx as YE,jsxs as QE}from"react/jsx-runtime";import{Fragment as rO,jsx as aO,jsxs as nO}from"react/jsx-runtime";import{jsx as dO}from"react/jsx-runtime";import{Fragment as bO,jsx as fO,jsxs as xO}from"react/jsx-runtime";import{Fragment as MO,jsx as LO,jsxs as SO}from"react/jsx-runtime";var ll="dropdown-list",dl="dropdownlist";import{Fragment as of,jsx as Oe,jsxs as Gr}from"react/jsx-runtime";var pl="k-dropdownlist",ef=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tf={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ur={showValue:!0,arrowIconName:"chevron-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ur.arrowIconName,showValue:s=Ur.showValue,valueIconName:l,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,popup:Y,opened:de,adaptive:me,adaptiveSettings:ce,adaptiveTitle:ue,adaptiveSubtitle:Xt,adaptiveFilter:Gn,id:Ot,activeDescendant:Xa,"aria-label":Un,...Fn}=e,$d=Ot?`${Ot}-listbox`:void 0,yi=Ot?`${Ot}-value`:void 0;return Gr(of,{children:[Gr(ht,{...Fn,id:Ot,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,pl,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de?"true":"false","aria-controls":de?$d:void 0,"aria-activedescendant":de&&Xa?Xa:void 0,"aria-describedby":de?yi:void 0,"aria-disabled":E?"true":void 0,"aria-label":Un,tabIndex:0,children:[Oe(we,{children:m}),Oe(qt,{placeholder:h,value:N,showValue:s,valueIconName:l,id:yi}),Oe(ke,{valid:M,invalid:v,loading:y,disabled:E}),Oe(Re,{loading:y,disabled:E}),Oe(_e,{children:b}),Oe(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h||"Toggle dropdown",tabIndex:-1})]}),de&&Y&&Oe(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Y}),me&&Oe(ae,{adaptive:!0,...ce,header:Oe(Te,{actionsEnd:Oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Gn,inputValue:N,inputPlaceholder:h,title:ue,subtitle:Xt}),children:Oe("div",{className:"k-list-container",children:Oe(_,{size:"large",children:Gr(X,{"aria-label":"Options",children:[Oe(P,{text:"List item"}),Oe(P,{text:"List item"}),Oe(P,{text:"List item"})]})})})})]})};pe.states=ef;pe.options=tf;pe.className=pl;pe.defaultOptions=Ur;pe.moduleName=ll;pe.folderName=dl;import{jsx as nB}from"react/jsx-runtime";import{jsx as pB,jsxs as mB}from"react/jsx-runtime";import{Fragment as CB,jsx as NB,jsxs as vB}from"react/jsx-runtime";import{jsx as IB}from"react/jsx-runtime";import{jsx as OB,jsxs as BB}from"react/jsx-runtime";import{Fragment as GB,jsx as HB,jsxs as zB}from"react/jsx-runtime";import{jsx as XB}from"react/jsx-runtime";import{Fragment as df,jsx as Gt,jsxs as ml}from"react/jsx-runtime";var af=pe.states,nf=pe.defaultOptions,rf=pe.options,sf=[{name:"opened",title:"Opened"}],lf=[],Bo=e=>{let{modifiers:t,...o}=e,a={},n=ml(df,{children:[Gt("div",{className:"k-list-filter",children:Gt(Ye,{})}),Gt(_,{style:{width:300},size:o.size,children:ml(X,{children:[Gt(P,{children:"List item"}),Gt(P,{children:"List item"}),Gt(P,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),Gt("div",{children:Gt(pe,{placeholder:"Value",style:{width:300},...o,...a})})};Bo.options=rf;Bo.states=af;Bo.variants=lf;Bo.defaultOptions=nf;Bo.modifiers=sf;Bo.className=pe.className;import{Fragment as fP,jsx as uP}from"react/jsx-runtime";import{Fragment as CP,jsx as vP}from"react/jsx-runtime";import{jsx as gP}from"react/jsx-runtime";import{jsx as Fr}from"react/jsx-runtime";var pf=$.states,mf=$.defaultOptions,cf=$.options,uf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ff=[],Po=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Fr(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fr(dr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),Fr(Qs,{value:"Value",style:{width:300},...o,...a})};Po.options=cf;Po.states=pf;Po.variants=ff;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=$.className;import{Fragment as Ea,jsx as w,jsxs as ne}from"react/jsx-runtime";var cl="k-colorgradient-inputs",bf=[],xf={size:[d.undefined,d.small,d.medium,d.large]},ul={mode:"rgba"},Ko=e=>{let{mode:t=ul.mode,size:o,...a}=e;return ne("div",{...a,className:r(cl,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ea,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(Ea,{children:ne("div",{className:"k-vstack k-flex-1",children:[w(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),w("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ko.states=bf;Ko.options=xf;Ko.className=cl;Ko.defaultOptions=ul;import{jsx as Zt,jsxs as jt}from"react/jsx-runtime";var fl="k-colorgradient-color-contrast",hf=[],Nf={},vf={},Ro=()=>jt("div",{className:r(fl,"k-vbox"),children:[jt("div",{className:"k-contrast-ratio",children:[Zt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),jt("span",{className:"k-contrast-validation !k-text-success",children:[Zt(S,{icon:"check"}),Zt(S,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AA: 4.5"}),jt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Zt(S,{icon:"check"})]})]}),jt("div",{children:[Zt("span",{children:"AAA: 7.0"}),jt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Zt(S,{icon:"x"})]})]})]});Ro.states=hf;Ro.options=Nf;Ro.className=fl;Ro.defaultOptions=vf;var bl="color-gradient",xl="colorgradient";import{jsx as tt,jsxs as Oa}from"react/jsx-runtime";var un="k-colorgradient",Cf=[i.hover,i.focus,i.readonly,i.disabled],Lf={size:[d.undefined,d.small,d.medium,d.large]},Lt={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"},be=e=>{let{size:t,mode:o=Lt.mode,readonly:a=Lt.readonly,disabled:n=Lt.disabled,gradientStyle:s=Lt.gradientStyle,dragHandleStyle:l=Lt.dragHandleStyle,alphaStyle:m=Lt.alphaStyle,alphaStyleHorizontal:b=Lt.alphaStyleHorizontal,contrast:N=Lt.contrast,dir:h,hover:L,focus:c,hoverHandle:M,focusHandle:v,canvasOrientation:g=Lt.canvasOrientation,role:y,tabIndex:E,...K}=e;return Oa("div",{...K,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":n?"true":void 0,className:r(e.className,un,k(un,{size:t}),I(un,{hover:L,focus:c,readonly:a,disabled:n})),dir:h,children:[!g||g==="horizontal"&&Oa("div",{className:"k-colorgradient-canvas k-hstack",children:[tt("div",{className:"k-hsv-rectangle",style:s,children:tt("div",{className:"k-hsv-gradient",children:tt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Oa("div",{className:"k-hsv-controls k-hstack",children:[tt(Er,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&tt(Er,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:m})]})]}),g==="vertical"&&Oa("div",{className:"k-colorgradient-canvas k-vstack",children:[tt("div",{className:"k-hsv-rectangle",style:s,children:tt("div",{className:"k-hsv-gradient",children:tt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Oa("div",{className:"k-hsv-controls k-vstack",children:[tt(yr,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&tt(yr,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:b})]})]}),tt(Ko,{mode:e.mode,size:t}),N&&tt(Ro,{})]})};be.states=Cf;be.options=Lf;be.className=un;be.defaultOptions=Lt;be.moduleName=bl;be.folderName=xl;import{jsx as Mf}from"react/jsx-runtime";var fn=e=>Mf(be,{...e});import{jsx as dK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as Vr}from"react/jsx-runtime";var Sf=be.options,gf=be.states,If={...be.defaultOptions,variant:"rgba"},kf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Af=[],wo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Vr(fn,{...o,mode:t});case"rgb":return Vr(fn,{...o,mode:t});default:return Vr(fn,{...o,mode:t})}};wo.options=Sf;wo.states=gf;wo.variants=kf;wo.defaultOptions=If;wo.modifiers=Af;wo.className=be.className;import{jsx as Tf}from"react/jsx-runtime";var $r=e=>Tf("tr",{role:"row",children:e.children});import{jsx as Of}from"react/jsx-runtime";var Xr="k-colorpalette-tile",yf=[i.hover,i.focus,i.selected],Ef={},Ut=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Of("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Xr,I(Xr,{hover:a,focus:n,selected:s})),style:m})};Ut.states=yf;Ut.options=Ef;Ut.className=Xr;Ut.moduleName=null;Ut.folderName=null;var hl="color-palette",Nl="colorpalette";import{jsx as Ba}from"react/jsx-runtime";var bn="k-colorpalette",Bf=[i.disabled],Pf={size:[d.undefined,d.small,d.medium,d.large]},vl={columns:10},De=e=>{let{size:t,palette:o,columns:a=vl.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let b=a||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/b)},(h,L)=>{let c=[];N.slice(L*b,(L+1)*b).map((v,g)=>{c.push(Ba(Ut,{color:v,tileSize:n},g))});let M=Ba($r,{children:c},L);m.push(M)})}return Ba("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,bn,I(bn,{disabled:s}),k(bn,{size:t})),children:Ba("table",{className:"k-colorpalette-table",role:"none",children:Ba("tbody",{children:m.length>0?m:e.children})})})};De.states=Bf;De.options=Pf;De.className=bn;De.defaultOptions=vl;De.moduleName=hl;De.folderName=Nl;var xn=De;var Pa={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 Kf}from"react/jsx-runtime";var Cl=e=>Kf(xn,{palette:Pa.basic,...e});import{jsx as JK}from"react/jsx-runtime";import{jsx as eR,jsxs as tR}from"react/jsx-runtime";import{jsx as Gf}from"react/jsx-runtime";var Rf=De.options,wf=De.states,_f={...De.defaultOptions,variant:"basic"},Df=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Hf={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}},zf=[],_o=e=>{let{variant:t="basic",...o}=e,a=Hf[t];return Gf(Cl,{columns:a.columns,palette:a,...o})};_o.options=Rf;_o.states=wf;_o.variants=Df;_o.defaultOptions=_f;_o.modifiers=zf;_o.className=De.className;var Ll="color-editor",Ml="coloreditor";import{jsx as ot,jsxs as Do}from"react/jsx-runtime";var hn="k-coloreditor",Uf=[i.focus],Ff={size:[d.undefined,d.small,d.medium,d.large]},Ka={view:"gradient",palette:Pa.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=Ka.view,palette:a=Ka.palette,color:n,currentColor:s,focus:l,focusView:m,dir:b,group:N,actionButtons:h=Ka.actionButtons,canvasOrientation:L=Ka.canvasOrientation,...c}=e;return Do("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",hn,k(hn,{size:t}),I(hn,{focus:l})),dir:b,children:[Do("div",{className:"k-coloreditor-header k-hstack",children:[ot("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Do(B,{fillMode:"flat",children:[ot(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ot(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),ot("div",{className:"k-spacer"}),Do("div",{className:"k-coloreditor-header-actions k-hstack",children:[ot(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Do("div",{className:"k-coloreditor-preview k-vstack",children:[ot(Bt,{className:"k-coloreditor-preview-color",color:n}),ot(Bt,{className:"k-coloreditor-current-color",color:s})]})]})]}),ot("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?ot(be,{focus:m,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):ot(De,{palette:a,size:t})}),h&&Do(z,{className:"k-coloreditor-footer",alignment:"start",children:[ot(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ot(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Uf;re.options=Ff;re.className=hn;re.defaultOptions=Ka;re.moduleName=Ll;re.folderName=Ml;var Ho=re;import{jsx as ER}from"react/jsx-runtime";import{jsx as KR}from"react/jsx-runtime";import{jsx as Vf}from"react/jsx-runtime";var Sl=e=>Vf(Ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as $f}from"react/jsx-runtime";var gl=e=>$f(Ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Il}from"react/jsx-runtime";var Xf=re.options,Wf=re.states,Jf={...re.defaultOptions,variant:"gradient"},qf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Yf=[],zo=e=>{let{variant:t,...o}=e;return t==="palette"?Il(gl,{...o,color:"white"}):Il(Sl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};zo.options=Xf;zo.states=Wf;zo.variants=qf;zo.defaultOptions=Jf;zo.modifiers=Yf;zo.className=re.className;var kl="color-picker",Al="colorpicker";import{Fragment as jf,jsx as at,jsxs as Wr}from"react/jsx-runtime";var Tl="k-colorpicker",Qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},yl={arrowIconName:"chevron-down"},nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=yl.arrowIconName,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,valueIconName:g,popup:y,opened:E,adaptive:K,adaptiveSettings:Y,adaptiveTitle:de,adaptiveSubtitle:me,...ce}=e,ue="colorpicker-popup";return Wr(jf,{children:[Wr(ht,{...ce,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||K?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Tl,"k-icon-picker"),children:[at(we,{children:s}),at(qt,{placeholder:b,value:m,showValue:!1,valueIcon:at(Bt,{className:"k-value-icon",color:m,iconName:g}),valueIconName:g}),at(_e,{children:l}),at(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),E&&y&&at(F,{id:ue,className:"k-colorpicker-popup",children:y}),K&&at(ae,{adaptive:!0,id:ue,...Y,header:at(Te,{actionsEnd:at(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:de,subtitle:me}),footer:Wr(Pt,{children:[at(p,{text:"Cancel",size:"large"}),at(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:at(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};nt.states=Qf;nt.options=Zf;nt.className=Tl;nt.defaultOptions=yl;nt.moduleName=kl;nt.folderName=Al;var kt=nt;import{jsx as eb}from"react/jsx-runtime";var Nn=e=>eb(kt,{...e});import{jsx as hw}from"react/jsx-runtime";import{jsx as Mw}from"react/jsx-runtime";import{jsx as kw}from"react/jsx-runtime";import{jsx as Ew}from"react/jsx-runtime";import{jsx as Kw}from"react/jsx-runtime";import{jsx as Dw}from"react/jsx-runtime";import{jsx as eo}from"react/jsx-runtime";var tb=kt.options,ob=kt.states,El={...kt.defaultOptions,variant:"color"},ab=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],nb=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...El,...e},n={};Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?eo(re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return eo("div",{style:s,children:eo(Nn,{...a,...n})});case"icon":return eo("div",{style:s,children:eo(Nn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return eo("div",{style:s,children:eo(Nn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=tb;Go.states=ob;Go.variants=ab;Go.defaultOptions=El;Go.modifiers=nb;Go.className=kt.className;var Jr="combobox",Ol=Jr;import{Fragment as qr,jsx as ie,jsxs as Ra}from"react/jsx-runtime";var Bl="k-combobox",rb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ib={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Pl={separators:!0},Be=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pl.separators,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,popup:y,opened:E,readonly:K,adaptive:Y,adaptiveSettings:de,adaptiveTitle:me,adaptiveSubtitle:ce,adaptiveCustomValue:ue,id:Xt,autocomplete:Gn,activeDescendant:Ot,"aria-label":Xa,...Un}=e,Fn=Xt?`${Xt}-listbox`:void 0;return Ra(qr,{children:[Ra(Z,{...Un,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,readonly:K,className:r(e.className,Bl),children:[s&&Ra(qr,{children:[ie(we,{children:s}),n&&ie(Ae,{})]}),ie(Fe,{id:Xt,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?Fn:void 0,"aria-activedescendant":E&&Ot?Ot:void 0,"aria-autocomplete":Gn,"aria-invalid":c?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Xa,disabled:g,readOnly:K}),ie(ke,{valid:L,invalid:c,loading:v,disabled:g}),ie(Re,{loading:v,disabled:g}),ie(Ue,{loading:v,disabled:g,readonly:K,value:m}),l&&Ra(qr,{children:[n&&ie(Ae,{}),ie(_e,{children:l})]}),ie(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:g})]}),E&&y&&ie(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),Y&&ie(ae,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...de,header:ie(Te,{actionsEnd:ie(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:me,subtitle:ce}),children:ie("div",{className:"k-list-container",children:ie(_,{customValue:ue?ie(zt,{text:`Use "${m}"`}):void 0,size:"large",children:Ra(X,{"aria-label":me||"Options",children:[ie(P,{text:"List item"}),ie(P,{text:"List item"}),ie(P,{text:"List item"})]})})})})]})};Be.states=rb;Be.options=ib;Be.className=Bl;Be.defaultOptions=Pl;Be.moduleName=Jr;Be.folderName=Ol;var $e=Be;import{jsx as sb}from"react/jsx-runtime";var Kl=e=>sb($e,{...e});import{jsx as C_,jsxs as L_}from"react/jsx-runtime";import{jsx as A_,jsxs as T_}from"react/jsx-runtime";import{jsx as K_,jsxs as R_}from"react/jsx-runtime";import{Fragment as G_,jsx as z_}from"react/jsx-runtime";import{Fragment as W_,jsx as X_}from"react/jsx-runtime";import{jsx as j_,jsxs as e0}from"react/jsx-runtime";import{Fragment as l0,jsx as i0,jsxs as s0}from"react/jsx-runtime";import{jsx as c0}from"react/jsx-runtime";import{jsx as x0}from"react/jsx-runtime";import{jsx as M0,jsxs as S0}from"react/jsx-runtime";import{jsx as y0,jsxs as E0}from"react/jsx-runtime";import{jsx as Ft,jsxs as ub}from"react/jsx-runtime";var lb=Be.states,db=Be.defaultOptions,pb=Be.options,mb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],cb=[],Uo=e=>{let{modifiers:t,...o}=e,a={},n=Ft(_,{style:{width:300},size:o.size,children:ub(X,{children:[Ft(P,{children:"List item"}),Ft(P,{children:"List item"}),Ft(P,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ft(S,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ft(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Ft("div",{children:Ft(Kl,{value:"Value",style:{width:300},...o,...a})})};Uo.options=pb;Uo.states=lb;Uo.variants=cb;Uo.defaultOptions=db;Uo.modifiers=mb;Uo.className=Be.className;var Yr="menu-button",Rl=Yr;import{jsx as xb}from"react/jsx-runtime";var wl="k-menu-button",fb=[i.hover,i.focus,i.active,i.selected,i.disabled],bb={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Qr={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,showArrow:c=Qr.showArrow,arrowIconName:M=Qr.arrowIconName,expanded:v,...g}=e;return xb(p,{...g,className:r(e.className,wl),text:L,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,ariaDisabled:N||void 0,icon:h,showArrow:c,arrowIconName:M,"aria-expanded":v?"true":"false",...!L&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=fb;W.options=bb;W.className=wl;W.defaultOptions=Qr;W.moduleName=Yr;W.folderName=Rl;import{jsx as dD}from"react/jsx-runtime";import{jsx as uD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";var Xe="menu",rt=Xe;import{jsx as wa,jsxs as _l}from"react/jsx-runtime";var Zr="k-menu-item",hb=[i.hover,i.focus,i.active,i.selected,i.disabled],Nb={},Dl={iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=Dl.iconPosition,dir:L,children:c,expanded:M,...v}=e,g=N;return g||(g=L==="rtl"?"chevron-left":"chevron-right"),_l("li",{...v,className:r(e.className,Zr,"k-item",I(Zr,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[_l("span",{className:r("k-link k-menu-link"),children:[l&&h==="before"&&wa(S,{className:"k-menu-link-icon",icon:l}),wa("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&wa(S,{className:"k-menu-link-icon",icon:l}),b&&wa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:wa(S,{icon:g})})]}),c]})};ve.states=hb;ve.options=Nb;ve.className=Zr;ve.defaultOptions=Dl;ve.moduleName=Xe;ve.folderName=rt;import{jsx as to,jsxs as Hl}from"react/jsx-runtime";var jr="k-menu-item",vb=[i.hover,i.focus,i.active,i.selected,i.disabled],Cb={},ei={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=ei.iconPosition,dir:L=ei.dir,children:c,popup:M,expanded:v,actions:g,description:y,...E}=e,K=N;return K||(K=L==="rtl"?"chevron-left":"chevron-right"),Hl("li",{role:"menuitem",...E,className:r(e.className,jr,"k-item",I(jr,{focus:o,disabled:s})),...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":v?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Hl("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[l&&h==="before"&&to(S,{className:"k-menu-link-icon",icon:l}),to("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&to(S,{className:"k-menu-link-icon",icon:l}),g&&to("span",{className:"k-menu-link-actions",children:g}),b&&to("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:to(S,{icon:K})}),y&&to("span",{className:"k-menu-link-description",children:y})]}),c,M]})};j.states=vb;j.options=Cb;j.className=jr;j.defaultOptions=ei;j.moduleName=Xe;j.folderName=rt;import{jsx as gb}from"react/jsx-runtime";var zl="k-menu-scroll-wrapper",Lb=[],Mb={},Sb={},oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return gb("div",{...n,className:r(t,zl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};oo.states=Lb;oo.options=Mb;oo.className=zl;oo.defaultOptions=Sb;oo.moduleName=Xe;oo.folderName=rt;var Gl=oo;import{Fragment as ti,jsx as ao,jsxs as Cn}from"react/jsx-runtime";var Ln="k-menu",Ib=[],kb={size:[d.undefined,d.small,d.medium,d.large]},Mn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},xe=e=>{let{children:t,orientation:o=Mn.orientation,header:a=Mn.header,scrollable:n,scrollButtonsPosition:s=Mn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:b,popup:N,contextMenu:h,...L}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=ao("ul",{dir:m,...L,className:r(e.className,"k-reset",Ln,{[`${Ln}-${o}`]:o,"k-header":a},k(Ln,{size:b})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Cn(ti,{children:[n?Cn(Gl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Cn(ti,{children:[ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,s==="end"&&Cn(ti,{children:[ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&ao(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,N]})};xe.states=Ib;xe.options=kb;xe.className=Ln;xe.defaultOptions=Mn;xe.moduleName=Xe;xe.folderName=rt;import{jsx as Ab}from"react/jsx-runtime";var oi="k-separator",Ul={orientation:"horizontal"},Fo=e=>{let{orientation:t=Ul.orientation,...o}=e;return Ab("li",{...o,className:r(e.className,"k-item",oi,{[`${oi}-${t}`]:t}),role:"separator"})};Fo.className=oi;Fo.defaultOptions=Ul;Fo.moduleName=Xe;Fo.folderName=rt;import{Fragment as XD,jsx as WD}from"react/jsx-runtime";import{jsx as Ob}from"react/jsx-runtime";var ai="k-menu-group",Tb=[],yb={size:[d.undefined,d.small,d.medium,d.large]},Eb={},Ce=e=>{let{children:t,size:o,...a}=e;return Ob("ul",{role:"menu",...a,className:r(e.className,ai,k(ai,{size:o})),children:t})};Ce.states=Tb;Ce.options=yb;Ce.className=ai;Ce.defaultOptions=Eb;Ce.moduleName=Xe;Ce.folderName=rt;import{jsx as oH,jsxs as aH}from"react/jsx-runtime";import{Fragment as Bb,jsx as Vo,jsxs as Pb}from"react/jsx-runtime";var ni=e=>Vo(xe,{children:Pb(Bb,{children:[Vo(ve,{text:"Item 1"}),Vo(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Vo(ve,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Vo(ve,{text:"Item 4"}),Vo(ve,{text:"Item 5"})]}),...e});import{Fragment as uH,jsx as mH,jsxs as cH}from"react/jsx-runtime";import{Fragment as NH,jsx as hH,jsxs as vH}from"react/jsx-runtime";import{Fragment as gH,jsx as SH,jsxs as IH}from"react/jsx-runtime";import{Fragment as EH,jsx as yH,jsxs as OH}from"react/jsx-runtime";import{jsx as no,jsxs as Db}from"react/jsx-runtime";var Kb={...xe.options,scrollable:{type:"boolean"}},Rb=xe.states,Fl={...xe.defaultOptions,variant:"horizontal"},wb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_b=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Fl,...e},n={},s=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?no(F,{className:"k-menu-popup",offset:s,children:Db(Ce,{children:[no(j,{text:"Item 1"}),no(j,{text:"Item 2"}),no(Fo,{}),no(j,{text:"Item 3"})]})}):null)}),t==="vertical"?no(ni,{...a,...n,orientation:"vertical",style:{width:"200px"}}):no(ni,{...a,...n})};$o.options=Kb;$o.states=Rb;$o.variants=wb;$o.defaultOptions=Fl;$o.modifiers=_b;$o.className=xe.className;import{Fragment as p1,jsx as l1,jsxs as d1}from"react/jsx-runtime";import{jsx as f1}from"react/jsx-runtime";import{Fragment as Fb,jsx as Mt,jsxs as Vl}from"react/jsx-runtime";var Hb=p.states,$l={...p.defaultOptions,variant:"text"},zb=p.options,Gb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ub=[{name:"opened",title:"Opened"}],Xo=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},n={},s=Mt(F,{className:"k-menu-popup",children:Vl(Ce,{size:a.size,children:[Mt(j,{text:"Menu Item"}),Mt(j,{text:"Menu Item"}),Mt(j,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Mt("div",{children:Mt(W,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Mt("div",{children:Mt(W,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Mt("div",{children:Mt(W,{...a,...n,children:"Dropdown Button"})});break}return Vl(Fb,{children:[l,o?.opened&&s]})};Xo.options=zb;Xo.states=Hb;Xo.variants=Gb;Xo.defaultOptions=$l;Xo.modifiers=Ub;Xo.className=W.className;var ri="split-button",Xl=ri;import{Fragment as Xb,jsx as ii,jsxs as Wl}from"react/jsx-runtime";var si="k-split-button",Vb=[i.hover,i.focus,i.active,i.selected,i.disabled],$b={size:[d.undefined,d.small,d.medium,d.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:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Jl={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,arrowIconName:c=Jl.arrowIconName,popup:M,opened:v,popupId:g,...y}=e;return Wl(Xb,{children:[Wl("div",{...y,className:r(e.className,si,"k-button-group",k(si,{rounded:o})),children:[ii(p,{text:L,icon:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,...!L&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),ii(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:N,ariaDisabled:N||void 0,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?g:void 0,tabIndex:-1})]}),v&&M&&ii(F,{className:"k-menu-popup",children:M})]})};D.states=Vb;D.options=$b;D.className=si;D.defaultOptions=Jl;D.moduleName=ri;D.folderName=Xl;var li=D;import{jsx as Jb}from"react/jsx-runtime";var Wb="k-toolbar-separator",ut=e=>Jb("div",{className:r(Wb,e.className,"k-separator")});var ro="toolbar",Wo=ro;import{Fragment as di,jsx as G,jsxs as Jo}from"react/jsx-runtime";var At="k-toolbar",qb=[i.focus],Yb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Qb={scrollButtons:"around"},H=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:b,...N}=e,h=[],L=(c,M)=>{let v=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))v.push(G(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===p)v.push(G(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===R)v.push(G(R,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===V)v.push(G(V,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===W)v.push(G(W,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===li)v.push(G(li,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===B||c.props.className&&c.props.className.includes("k-button-group")){let g=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((E,K)=>{g.push(G(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${K}-${new Date().getTime()}`))}),v.push(G(B,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:g},`${M}-${new Date().getTime()}`))}else c.type===Be?v.push(G(Be,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===pe?v.push(G(pe,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===nt?v.push(G(nt,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):v.push(c);v.forEach(g=>{h.push(g)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,v)=>{L(M,v)}),Jo("div",{...N,className:r(e.className,At,k(At,{size:t,fillMode:o}),I(At,{focus:a}),{[`${At}-resizable`]:n,[`${At}-scrollable`]:s,[`${At}-scrollable-overlay`]:s&&l==="hidden",[`${At}-scrollable-${m}`]:m&&m!=="both",[`${At}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&h,s&&l==="hidden"&&G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),s&&l==="start"&&Jo(di,{children:[Jo(B,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]}),G(ut,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),s&&l==="end"&&Jo(di,{children:[G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ut,{className:"k-toolbar-button-separator"}),Jo(B,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"||!l)&&Jo(di,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G(ut,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ut,{className:"k-toolbar-button-separator"}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]})};H.states=qb;H.options=Yb;H.className=At;H.defaultOptions=Qb;H.moduleName=ro;H.folderName=Wo;import{jsx as tx}from"react/jsx-runtime";var pi="k-toolbar-item",Zb=[i.focus],jb={},ex={},qo=e=>{let{focus:t,...o}=e;return tx("div",{...o,className:r(e.className,pi,I(pi,{focus:t})),children:e.children})};qo.states=Zb;qo.options=jb;qo.className=pi;qo.defaultOptions=ex;qo.moduleName=ro;qo.folderName=Wo;import{jsx as ql}from"react/jsx-runtime";var Yl="k-toolbar-popup",ox=[],ax={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},nx={},io=e=>{let{size:t,fillMode:o,section:a,...n}=e;return ql(F,{...n,className:r(e.className,Yl),children:a?ql("span",{className:r("k-toolbar-items-list",k("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=ox;io.options=ax;io.className=Yl;io.defaultOptions=nx;io.moduleName=ro;io.folderName=Wo;var Sn=io;import{jsx as u2}from"react/jsx-runtime";import{jsx as h2}from"react/jsx-runtime";import{jsx as L2}from"react/jsx-runtime";import{jsx as A2,jsxs as T2}from"react/jsx-runtime";import{jsx as B2}from"react/jsx-runtime";import{jsx as Tt,jsxs as dx}from"react/jsx-runtime";var rx=D.states,Ql={...D.defaultOptions,variant:"text"},ix=D.options,sx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lx=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Ql,...e},n={},s=dx(Ce,{size:a.size,children:[Tt(j,{text:"Menu Item"}),Tt(j,{text:"Menu Item"}),Tt(j,{text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?s:"")}),t){case"icon-only":return Tt("div",{children:Tt(D,{...a,...n,icon:"star"})});case"icon-and-text":return Tt("div",{children:Tt(D,{...a,...n,icon:"star",children:"Split Button"})});default:return Tt("div",{children:Tt(D,{...a,...n,children:"Split Button"})})}};Yo.options=ix;Yo.states=rx;Yo.variants=sx;Yo.defaultOptions=Ql;Yo.modifiers=lx;Yo.className=D.className;import{jsx as so,jsxs as px}from"react/jsx-runtime";var Zl=e=>so(H,{children:[so(p,{children:"Button"},"toolbar-button"),so(W,{text:"Menu button"},"toolbar-menu-button"),so(D,{children:"Split button"},"toolbar-split-button"),px(B,{children:[so(p,{className:"k-group-start",icon:"align-left",children:"Left"}),so(p,{icon:"align-center",children:"Center"}),so(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as sz,jsxs as lz}from"react/jsx-runtime";import{jsx as We,jsxs as jl}from"react/jsx-runtime";var ed=e=>We(H,{scrollable:!0,...e,children:[We(p,{children:"Button"},"toolbar-button"),We(W,{text:"Menu button"},"toolbar-menu-button"),We(D,{children:"Split button"},"toolbar-split-button"),jl(B,{children:[We(p,{className:"k-group-start",icon:"align-left",children:"Left"}),We(p,{icon:"align-center",children:"Center"}),We(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(p,{children:"Button"},"toolbar-button"),We(W,{text:"Menu button"},"toolbar-menu-button"),We(D,{children:"Split button"},"toolbar-split-button"),jl(B,{children:[We(p,{className:"k-group-start",icon:"align-left",children:"Left"}),We(p,{icon:"align-center",children:"Center"}),We(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Je,jsxs as td}from"react/jsx-runtime";var od=({scrollingPosition:e="start",...t})=>Je(H,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(D,{children:"Split button"},"toolbar-split-button"),td(B,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(D,{children:"Split button"},"toolbar-split-button"),td(B,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as mx,jsx as He,jsxs as gn}from"react/jsx-runtime";var ad=({fillMode:e,size:t,...o})=>gn(mx,{children:[He(H,{section:!0,fillMode:e,size:t,children:[He(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),gn(B,{fillMode:e,children:[He(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(ut,{className:"k-toolbar-button-separator"}),He(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),gn(Sn,{size:t,fillMode:e,section:!0,...o,children:[He(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(ut,{}),He(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),gn(B,{fillMode:e,children:[He(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Gz,jsx as Hz,jsxs as zz}from"react/jsx-runtime";import{Fragment as Zz,jsx as Yz,jsxs as Qz}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var cx=H.options,ux=H.states,nd={...H.defaultOptions,variant:"default"},fx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],bx=[],Qo=e=>{let{variant:t,...o}={...nd,...e};switch(t){case"responsive":return Vt("div",{children:Vt(ad,{style:{width:"583px"},...o})});case"overlay":return Vt("div",{children:Vt(od,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Vt("div",{children:Vt(ed,{style:{width:"583px"},...o})});default:return Vt("div",{children:Vt(Zl,{style:{width:"583px"},...o})})}};Qo.options=cx;Qo.states=ux;Qo.variants=fx;Qo.defaultOptions=nd;Qo.modifiers=bx;Qo.className=H.className;var mi="speech-to-text-button",rd=mi;import{jsx as xx}from"react/jsx-runtime";var id="k-speech-to-text-button",sd={icon:"microphone"},ee=e=>{let{listening:t=!1,icon:o=sd.icon,...a}=e;return xx(p,{...a,icon:t?"stop":o,className:r(e.className,id,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};ee.states=p.states;ee.options=p.options;ee.className=id;ee.defaultOptions=sd;ee.moduleName=mi;ee.folderName=rd;import{jsx as B3}from"react/jsx-runtime";import{jsx as w3}from"react/jsx-runtime";import{jsx as Lx}from"react/jsx-runtime";var hx=p.states,ld={...p.defaultOptions,variant:"normal"},Nx={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},vx=[],Cx=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Zo=e=>{let{variant:t,...o}={...ld,...e},a={};return t==="listening"&&(a.listening=!0),Lx(ee,{...o,...a})};Zo.options=Nx;Zo.states=hx;Zo.variants=Cx;Zo.defaultOptions=ld;Zo.modifiers=vx;Zo.className=ee.className;var ci="textarea",dd=ci;import{Fragment as pd,jsx as _a,jsxs as ui}from"react/jsx-runtime";var md="k-textarea",Mx=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Sx={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},jo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},J=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=jo.prefixSeparator,suffixSeparator:s=jo.prefixSeparator,affixesOrientation:l=jo.affixesOrientation,flow:m=jo.flow,resize:b=jo.resize,prefix:N,suffix:h,rows:L,value:c,placeholder:M,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:Y,id:de,"aria-label":me,"aria-describedby":ce,...ue}=e;return ui(Z,{...ue,size:t,rounded:o,fillMode:a,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:Y,className:r(e.className,md,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[N&&ui(pd,{children:[_a(we,{className:r({"!k-align-items-start":m===l}),direction:l,children:N}),n&&_a(Ae,{direction:m==="horizontal"?"vertical":"horizontal"})]}),_a(La,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:c,placeholder:M,rows:L,disabled:Y,id:de,"aria-label":me,"aria-describedby":ce,"aria-invalid":E?"true":void 0}),h&&ui(pd,{children:[s&&_a(Ae,{direction:m==="horizontal"?"vertical":"horizontal"}),_a(_e,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};J.states=Mx;J.options=Sx;J.className=md;J.defaultOptions=jo;J.moduleName=ci;J.folderName=dd;import{jsx as o5}from"react/jsx-runtime";import{Fragment as l5,jsx as s5}from"react/jsx-runtime";import{Fragment as f5,jsx as u5}from"react/jsx-runtime";import{jsx as N5}from"react/jsx-runtime";import{jsx as In}from"react/jsx-runtime";var gx=J.options,Ix=J.states,cd={...J.defaultOptions,variant:"vertical"},kx=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],Ax=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ea=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},n={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?In(S,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?In(S,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?In(J,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):In(J,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ea.options=gx;ea.states=Ix;ea.variants=kx;ea.defaultOptions=cd;ea.modifiers=Ax;ea.className=J.className;import{Fragment as G5,jsx as H5,jsxs as z5}from"react/jsx-runtime";var bi="suggestion",ud=bi;import{jsx as kn,jsxs as Ex}from"react/jsx-runtime";var An="k-suggestion-group",Tx=[],yx={},fd={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=fd.layout,scrollingPosition:o,...a}=e,n=kn("div",{...a,className:r(An,{"k-suggestion-group-scrollable":t=="scrollable",[`${An}-scrollable-start`]:o==="start"||o==="both",[`${An}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?kn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ex("div",{className:"k-suggestion-scrollwrap",children:[kn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,kn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};it.states=Tx;it.options=yx;it.className=An;it.defaultOptions=fd;it.moduleName=bi;it.folderName=ud;import{jsx as Kx}from"react/jsx-runtime";var Tn="k-suggestion",Ox=[i.active,i.hover,i.focus],Bx={themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},Px={text:"Suggestion"},ft=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...l}=e;return Kx("span",{...l,className:r(e.className,Tn,I(Tn,{hover:a,active:o,focus:n}),k(Tn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ft.states=Ox;ft.options=Bx;ft.className=Tn;ft.item=Px;import{Fragment as tG,jsx as eG,jsxs as oG}from"react/jsx-runtime";import{Fragment as sG,jsx as iG,jsxs as lG}from"react/jsx-runtime";import{Fragment as uG,jsx as cG,jsxs as fG}from"react/jsx-runtime";import{Fragment as BG,jsx as EG,jsxs as OG}from"react/jsx-runtime";import{jsx as yn}from"react/jsx-runtime";var Rx="k-chip-action";var yt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=yn(S,{icon:"x-circle",size:"small"});break;case"more":a=yn(S,{icon:"more-vertical",size:"small"});break;default:return yn(S,{icon:t,size:"small"})}return yn("span",{...o,className:r(e.className,Rx,`k-chip-${t}-action`),children:a})};var xi="avatar",bd=xi;import{jsx as xd}from"react/jsx-runtime";var Da="k-avatar";var wx=[i.hover,i.focus,i.active,i.selected,i.disabled],_x={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},hi={type:"text",border:!1},ze=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:s=hi.type,border:l=hi.border,...m}=e;return xd("div",{...m,className:r(e.className,Da,k(Da,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Da}-bordered`]:l}),children:xd("span",{className:`${Da}-${s}`,children:e.children})})};ze.states=wx;ze.options=_x;ze.className=Da;ze.defaultOptions=hi;ze.moduleName=xi;ze.folderName=bd;var lo=ze;import{jsx as Dx}from"react/jsx-runtime";var hd=e=>Dx(lo,{type:"icon",...e});import{jsx as Hx}from"react/jsx-runtime";var Nd=e=>Hx(lo,{type:"text",...e});import{jsx as zx}from"react/jsx-runtime";var vd=e=>zx(lo,{type:"image",...e});import{jsx as eU}from"react/jsx-runtime";import{jsx as Ha}from"react/jsx-runtime";var Gx=ze.options,Ux=ze.states,Fx={...ze.defaultOptions,variant:"image"},Vx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$x=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ha(hd,{...o,children:Ha(S,{icon:"star"})});case"text":return Ha(Nd,{...o,children:"JO"});default:return Ha(vd,{...o,children:Ha("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ta.options=Gx;ta.states=Ux;ta.variants=Vx;ta.defaultOptions=Fx;ta.modifiers=$x;ta.className=ze.className;var za="chip",En=za,On="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as oa,jsxs as Jx}from"react/jsx-runtime";var Bn="k-chip",Xx=[i.hover,i.focus,i.active,i.selected,i.disabled],Wx={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},Cd={avatarImage:"/packages/html/assets/avatar.jpg"},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:s,icon:l,actions:m,showAvatar:b,avatarImage:N=Cd.avatarImage,hover:h,focus:L,active:c,selected:M,disabled:v,...g}=e;return Jx("div",{...g,className:r(e.className,Bn,k(Bn,{size:t,rounded:o,fillMode:a,themeColor:n}),I(Bn,{hover:h,focus:L,active:c,disabled:v,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":v?"true":void 0,children:[l&&oa(S,{className:"k-chip-icon",icon:l,size:"small"}),b&&oa(ze,{className:"k-chip-avatar",type:"image",children:oa("img",{src:N,alt:""})}),oa("span",{className:"k-chip-content",children:e.children?e.children:s&&oa("span",{className:"k-chip-label",children:s})}),m&&oa("span",{className:"k-chip-actions",children:m})]})};Ge.states=Xx;Ge.options=Wx;Ge.className=Bn;Ge.defaultOptions=Cd;Ge.moduleName=za;Ge.folderName=En;var st=Ge;import{jsx as Zx}from"react/jsx-runtime";var Ni="k-chip-list",qx=[],Yx={size:[d.undefined,d.small,d.medium,d.large]},Qx={},Le=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return Zx("div",{...n,className:r(e.className,Ni,k(Ni,{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})};Le.states=qx;Le.options=Yx;Le.className=Ni;Le.defaultOptions=Qx;Le.moduleName=za;Le.folderName=En;import{jsx as EU}from"react/jsx-runtime";import{jsx as KU}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";var Pn=e=>jx(st,{text:"text",...e});import{jsx as UU}from"react/jsx-runtime";import{jsx as XU}from"react/jsx-runtime";import{Fragment as ZU,jsx as QU,jsxs as jU}from"react/jsx-runtime";import{jsx as nF,jsxs as rF}from"react/jsx-runtime";import{jsx as pF,jsxs as mF}from"react/jsx-runtime";import{jsx as hF,jsxs as NF}from"react/jsx-runtime";import{jsx as aa,jsxs as rh}from"react/jsx-runtime";var eh={...st.options,...Le.options},th=[],oh=Le.states,ah={...st.defaultOptions,...Le.defaultOptions},nh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],na=e=>{let{modifiers:t,className:o,...a}=e,n=t?.icon,s=t?.actions,l=t?.avatar,m=l?On:void 0;return rh(Le,{size:a.size,className:o,children:[aa(Pn,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?aa(yt,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),aa(Pn,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?aa(yt,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),aa(Pn,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?aa(yt,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"})]})};na.options=eh;na.states=oh;na.variants=th;na.defaultOptions=ah;na.modifiers=nh;na.className=Le.className;import{jsx as vi}from"react/jsx-runtime";var ih=Ge.states,sh=Ge.defaultOptions,lh=Ge.options,dh=[],ph=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"icon":a.icon=t?.[n]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[n],a.avatarImage=t?.[n]?On:void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[n]?vi(yt,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[n]?vi(yt,{type:"remove"}):void 0;break;default:break}}),vi(Ge,{...o,...a,children:"Chip component"})};ra.options=lh;ra.states=ih;ra.variants=dh;ra.defaultOptions=sh;ra.modifiers=ph;ra.className=Ge.className;import{Fragment as s9,jsx as r9,jsxs as i9}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var mh="k-card-callout",Ld=e=>{let{callout:t,...o}=e;return ch("span",{...o,className:r(e.className,mh,{[`k-callout-${Oi.calloutMap[t]||t}`]:t})})};var qe="card",lt=qe;import{Fragment as xh,jsx as Md,jsxs as hh}from"react/jsx-runtime";var Ci="k-card",uh=[i.hover,i.focus,i.selected,i.disabled],fh={},bh={},q=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return hh("div",{...m,className:r(e.className,Ci,I(Ci,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&Md(Ld,{callout:o}),Md(xh,{children:e.children})]})};q.states=uh;q.options=fh;q.className=Ci;q.defaultOptions=bh;q.moduleName=qe;q.folderName=lt;import{Fragment as Lh,jsx as Sd}from"react/jsx-runtime";var Li="k-card-list",Nh=[],vh={},Ch={},po=e=>{let{...t}=e;return Sd("div",{...t,className:r(e.className,Li,I(Li,{})),role:"list",children:Sd(Lh,{children:e.children})})};po.states=Nh;po.options=vh;po.className=Li;po.defaultOptions=Ch;po.moduleName=qe;po.folderName=lt;import{jsx as Ih}from"react/jsx-runtime";var gd="k-card-group",Mh=[],Sh={},gh={},ia=e=>{let{...t}=e;return Ih("div",{...t,className:r(e.className,gd),children:e.children})};ia.states=Mh;ia.options=Sh;ia.className=gd;ia.defaultOptions=gh;ia.moduleName=qe;ia.folderName=lt;import{jsx as yh}from"react/jsx-runtime";var Mi="k-card-wrap",kh=[i.focus,i.selected],Ah={},Th={},sa=e=>{let{focus:t,selected:o,...a}=e;return yh("div",{...a,className:r(e.className,Mi,I(Mi,{focus:t,selected:o})),children:e.children})};sa.states=kh;sa.options=Ah;sa.className=Mi;sa.defaultOptions=Th;sa.moduleName=qe;sa.folderName=lt;import{jsx as Oh}from"react/jsx-runtime";var Si="k-card-title",Eh=[i.hover,i.focus],mo=e=>{let{hover:t,focus:o,...a}=e;return Oh("div",{...a,className:r(e.className,Si,I(Si,{hover:t,focus:o})),children:e.children})};mo.states=Eh;mo.className=Si;import{jsx as Ph}from"react/jsx-runtime";var Bh="k-card-subtitle",Kn=e=>{let{...t}=e;return Ph("div",{...t,className:r(e.className,Bh),children:e.children})};import{Fragment as kd,jsx as Rn}from"react/jsx-runtime";var Id="k-card-media",gi=e=>{let{src:t,...o}=e;return Rn(kd,{children:t?Rn("img",{...o,className:r(e.className,Id),src:t}):Rn("span",{...o,className:r(e.className,Id),children:Rn(kd,{children:e.children})})})};import{Fragment as Rh,jsx as Ga,jsxs as wh}from"react/jsx-runtime";var Kh="k-card-header",Et=e=>{let{title:t,subtitle:o,details:a,...n}=e;return wh("div",{...n,className:r(e.className,Kh),children:[t&&Ga(mo,{children:t}),o&&Ga(Kn,{children:o}),Ga(Rh,{children:e.children}),a&&Ga("span",{className:"k-card-header-actions",children:Ga(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Dh}from"react/jsx-runtime";var _h="k-card-footer",Ii=e=>{let{...t}=e;return Dh("div",{...t,className:r(e.className,_h),children:e.children})};import{Fragment as zh,jsx as Ua,jsxs as Gh}from"react/jsx-runtime";var Hh="k-card-body",Me=e=>{let{title:t,subtitle:o,details:a,...n}=e;return Gh("div",{...n,className:r(e.className,Hh),children:[t&&Ua(mo,{children:t}),o&&Ua(Kn,{children:o}),Ua(zh,{children:e.children}),a&&Ua("span",{className:"k-card-header-actions",children:Ua(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as $h}from"react/jsx-runtime";var Ad="k-card-deck",Uh=[],Fh={},Vh={},la=e=>{let{...t}=e;return $h("div",{...t,className:r(e.className,Ad),children:e.children})};la.states=Uh;la.options=Fh;la.className=Ad;la.defaultOptions=Vh;la.moduleName=qe;la.folderName=lt;import{jsx as qh}from"react/jsx-runtime";var Td="k-card-deck-scrollwrap",Xh=[],Wh={},Jh={},da=e=>{let{...t}=e;return qh("div",{...t,className:r(e.className,Td),children:e.children})};da.states=Xh;da.options=Wh;da.className=Td;da.defaultOptions=Jh;da.moduleName=qe;da.folderName=lt;import{Fragment as Yh,jsx as pa,jsxs as yd}from"react/jsx-runtime";var Ed=e=>pa(q,{orientation:"vertical",children:yd(Yh,{children:[pa(Et,{children:"Card Header"}),pa(Me,{children:pa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),yd(z,{className:"k-card-actions",children:[pa(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),pa(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Qh,jsx as Fa,jsxs as Od}from"react/jsx-runtime";var Bd=e=>Fa(q,{orientation:"horizontal",children:Od(Qh,{children:[Fa(Me,{title:"Card Title",children:Fa("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Od(z,{orientation:"vertical",className:"k-card-actions",children:[Fa(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Fa(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as S6,jsxs as g6}from"react/jsx-runtime";import{jsx as Pe,jsxs as Va}from"react/jsx-runtime";var Zh=q.options,jh=q.states,Pd={...q.defaultOptions,variant:"vertical"},eN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tN=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ma=e=>{let{variant:t,modifiers:o,...a}={...Pd,...e},n=!1,s=!1,l=!1;return Object.keys(o||{}).forEach(m=>{switch(m){case"media":{n=!!o?.[m];break}case"header":{s=!!o?.[m];break}case"footer":{l=!!o?.[m];break}}}),t==="horizontal"?Va(Bd,{style:{maxWidth:"420px"},...a,children:[n&&Pe(gi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Va("div",{children:[s&&Pe(Et,{title:"Header Title",subtitle:"Header Subtitle"}),Pe(Me,{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(Ii,{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(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Va(Ed,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(Et,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Pe(gi,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Pe(Me,{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(Ii,{children:"Card Footer"}),Va(z,{className:"k-card-actions",children:[Pe(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ma.options=Zh;ma.states=jh;ma.variants=eN;ma.defaultOptions=Pd;ma.modifiers=tN;ma.className=q.className;import{jsx as l7,jsxs as d7}from"react/jsx-runtime";var ki="panelbar",Kd=ki;import{jsx as rN}from"react/jsx-runtime";var Rd="k-panelbar",oN=[],aN={},nN={},Se=e=>{let{activeDescendant:t,...o}=e;return rN("ul",{...o,className:r(e.className,Rd),role:"tree","aria-activedescendant":t,children:e.children})};Se.states=oN;Se.options=aN;Se.className=Rd;Se.defaultOptions=nN;Se.moduleName=ki;Se.folderName=Kd;import Ai from"react";import{jsx as wn,jsxs as wd}from"react/jsx-runtime";var _d="k-panelbar-item",iN=[i.hover,i.focus,i.selected,i.disabled],sN={},_n={level:0,expanded:!1,text:"Item"},T=e=>{let{text:t=_n.text,level:o=_n.level,expanded:a=_n.expanded,header:n,hover:s,focus:l,selected:m,disabled:b,icon:N,iconClass:h,ariaSelected:L,children:c,...M}=e,v=!!c;return wd("li",{...M,className:r(e.className,_d,{"k-panelbar-header":n,[`k-level-${o}`]:o||o===0,"k-expanded":a}),role:"treeitem","aria-expanded":v?a?"true":"false":void 0,"aria-selected":L?"true":"false","aria-disabled":b?"true":void 0,children:[wd("span",{className:r("k-link",I("k-link",{hover:s,focus:l,disabled:b,selected:m})),children:[N&&wn(S,{className:"k-panelbar-item-icon",icon:N}),h&&!N&&wn("span",{className:`k-panelbar-item-icon ${h}`}),wn("span",{className:"k-panelbar-item-text",children:t}),v&&wn(S,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&c,!a&&c&&Ai.Children.map(c,g=>Ai.isValidElement(g)?Ai.cloneElement(g,{"aria-hidden":"true",style:{display:"none"}}):g)]})};T.states=iN;T.options=sN;T.className=_d;T.moduleName=null;T.folderName=null;T.defaultOptions=_n;import{jsx as mN}from"react/jsx-runtime";var Dd="k-panelbar-group",lN=[],dN={},pN={},he=e=>{let{ariaHidden:t,...o}=e;return mN("ul",{...o,className:r(e.className,Dd),role:"group",...t!==void 0&&{"aria-hidden":t?"true":void 0},children:e.children})};he.states=lN;he.options=dN;he.className=Dd;he.moduleName=null;he.folderName=null;he.defaultOptions=pN;import{jsx as bN}from"react/jsx-runtime";var Hd="k-panelbar-content",cN=[],uN={},fN={},se=e=>{let{...t}=e;return bN("div",{...t,className:r(e.className,Hd),children:e.children})};se.states=cN;se.options=uN;se.className=Hd;se.defaultOptions=fN;import{Fragment as xN,jsx as $t,jsxs as hN}from"react/jsx-runtime";var $a=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item");return $t(Se,{children:hN(xN,{children:[$t(T,{header:!0,text:"Item 1",id:t,children:$t(se,{children:"content"})}),$t(T,{header:!0,text:"Item 2",id:o,children:$t(se,{children:"content"})}),$t(T,{header:!0,text:"Item 3",id:a,children:$t(se,{children:"content"})}),$t(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as R7,jsx as K7,jsxs as w7}from"react/jsx-runtime";import{Fragment as NN,jsx as Ke,jsxs as Ti}from"react/jsx-runtime";var zd=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item"),s=A("pb-child"),l=A("pb-child"),m=A("pb-child"),b=A("pb-child"),N=A("pb-child"),h=A("pb-child"),L=A("pb-child");return Ke(Se,{activeDescendant:o,children:Ti(NN,{children:[Ke(T,{header:!0,text:"Item 1",id:t,children:Ke(se,{children:"content"})}),Ke(T,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:Ti(he,{children:[Ke(T,{level:1,text:"Child 1",id:s}),Ke(T,{level:1,expanded:!0,text:"Child 2",id:l,children:Ti(he,{children:[Ke(T,{level:2,text:"Child 2.1",id:m}),Ke(T,{level:2,text:"Child 2.2",id:b})]})}),Ke(T,{level:1,text:"Child 3",id:N,children:Ke(he,{children:Ke(T,{level:2,text:"Child 3.1",id:h})})}),Ke(T,{level:1,text:"Child 4",id:L})]})}),Ke(T,{header:!0,text:"Item 3",id:a,children:Ke(se,{children:"content"})}),Ke(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Gd,jsx as te,jsxs as Dn}from"react/jsx-runtime";var vN=Se.options,CN=Se.states,Ud={...Se.defaultOptions,variant:"normal"},LN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],MN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Ud,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(l=>{switch(l){case"icon":{n.icon=o?.[l]?s:void 0;break}case"disabled":n.disabled=!!o?.[l]}}),t==="expand"?te(Gd,{children:Dn(zd,{style:{width:"300px"},...a,children:[te(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Dn(he,{children:[te(T,{level:1,text:"Child 1"}),te(T,{level:1,expanded:!0,text:"Child 2",children:Dn(he,{children:[te(T,{level:2,text:"Child 2.1"}),te(T,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),te(T,{disabled:n.disabled,level:1,text:"Child 3",children:te(se,{children:"content"})}),te(T,{level:1,text:"Child 4"})]})}),te(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):te(Gd,{children:Dn($a,{style:{width:"300px"},...a,children:[te(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.folder,header:!0,text:"Item 2",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(se,{children:"content"})}),te(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=vN;ca.states=CN;ca.variants=LN;ca.defaultOptions=Ud;ca.modifiers=MN;ca.className=Se.className;import{jsx as p4,jsxs as m4}from"react/jsx-runtime";import{Fragment as S4,jsx as L4,jsxs as M4}from"react/jsx-runtime";import{Fragment as O4,jsx as E4,jsxs as B4}from"react/jsx-runtime";import{Fragment as Fd,jsx as C,jsxs as le}from"react/jsx-runtime";var SN=U.options,gN=U.states,IN={...U.defaultOptions,variant:"ask"},kN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],AN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],ua=e=>{let{variant:t,modifiers:o,...a}={...e},n=C(Fd,{children:le(it,{layout:"wrap",children:[C(ft,{text:"Post for work-life balance importance"}),C(ft,{text:"Out of office"})]})}),s={suggestions:n,stt:!0};switch(Object.keys(o||{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return C(F,{className:"k-prompt-popup",children:le(U,{style:{width:"330px",height:"350px"},...a,children:[C(xt,{children:le(H,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),C(ge,{children:C(Ie,{children:le($a,{children:[C(T,{header:!0,icon:"brush",text:"Change Formality",children:le(he,{children:[C(T,{level:1,text:"Casual"}),C(T,{level:1,text:"Neutral"}),C(T,{level:1,text:"Formal"})]})}),C(T,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:le(he,{children:[C(T,{level:1,text:"German"}),C(T,{level:1,text:"Spanish"})]})}),C(T,{header:!0,icon:"min-width",text:"Simplify"}),C(T,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return C(F,{className:"k-prompt-popup",children:le(U,{style:{width:"330px",height:"350px"},...a,children:[C(xt,{children:le(H,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),le(ge,{children:[C(Jt,{}),C(Ie,{children:le("div",{className:"k-card-list",children:[le(q,{children:[C(Et,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),C(Me,{children:le("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",C("br",{}),C("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",C("br",{}),C("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}",C("br",{}),C("br",{}),"\u2728 Key Points \u2728",C("br",{}),C("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",C("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",C("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",C("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",C("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",C("br",{}),C("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),le(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),le(q,{children:[C(Et,{title:"Generated with AI",subtitle:"Out of Office"}),C(Me,{children:le("p",{children:["Subject: Out of Office: [Your Name]",C("br",{}),C("br",{}),"Dear [Recipient's Name],",C("br",{}),C("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.",C("br",{}),C("br",{}),"Thank you,",C("br",{}),"[Your Name]"]})}),le(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return C(F,{className:"k-prompt-popup",children:le(U,{style:{width:"330px",height:"350px"},...a,children:[C(xt,{children:le(H,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),C(ge,{children:le(Ie,{children:[C(J,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:C(Fd,{children:s.stt?C(ee,{fillMode:"flat"}):null})}),C(Qa,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),C(fo,{children:C(z,{className:"k-prompt-actions",alignment:"start",children:C(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ua.options=SN;ua.states=gN;ua.variants=kN;ua.defaultOptions=IN;ua.modifiers=AN;ua.className=U.className;import{Fragment as BN,jsx as dt,jsxs as Hn}from"react/jsx-runtime";var TN=U.options,yN=U.states,EN={...U.defaultOptions},ON=[{name:"commands",title:"Commands Menu",default:!0},{name:"stt",title:"SpeechToText",default:!0},{name:"response",title:"Response Card"},{name:"generating",title:"Generating"}],fa=e=>{let{modifiers:t,...o}={...e},a={commands:!0,stt:!0};Object.keys(t||{}).forEach(s=>{switch(s){case"commands":a.commands=t?.[s]?!0:void 0;break;case"stt":a.stt=t?.[s]?!0:void 0;break;case"response":a.response=t?.[s]?!0:void 0;break;case"generating":a.generating=t?.[s]?!0:void 0;break;default:return}});let n=Hn(q,{children:[dt(Me,{style:{maxHeight:"150px",overflowY:"auto"},children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,"}),Hn(z,{className:"k-card-actions",alignment:"start",children:[dt(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),dt(R,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),dt(R,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),dt(R,{fillMode:"flat",themeColor:"base",icon:"cancel",children:"Discard"})]})]});return dt(F,{className:"k-prompt-popup",children:dt(U,{style:{width:"450px",height:"auto"},...o,children:dt(ge,{children:Hn(Ie,{children:[a.response?n:null,dt(J,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:Hn(BN,{children:[a.commands?dt(V,{fillMode:"flat",icon:"menu"}):null,a.stt?dt(ee,{fillMode:"flat"}):null]}),suffix:dt(mt,{generating:!!a.generating})})]})})})})};fa.options=TN;fa.states=yN;fa.variants=[];fa.defaultOptions=EN;fa.modifiers=ON;fa.className=U.className;import{Fragment as Vd,jsx as pt,jsxs as zn}from"react/jsx-runtime";var _8=({text:e,...t})=>pt(U,{...t,children:pt(ge,{children:zn(Ie,{children:[zn(q,{children:[pt(Me,{style:{maxHeight:"150px",overflowY:"auto"},children:e}),zn(z,{className:"k-card-actions",alignment:"start",children:[pt(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),pt(R,{fillMode:"flat",icon:"cancel",children:"Discard"})]})]}),pt(J,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:zn(Vd,{children:[pt(V,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),pt(ee,{fillMode:"flat"})]}),suffix:pt(Vd,{children:pt(mt,{disabled:!0})})})]})})});export{_8 as PromptInline};