npm - @progress/kendo-themes-html - Versions diffs - 14.7.1-dev.5 → 14.7.1-dev.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (103) hide show

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

	@@ -1 +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:f,disabled:N,indeterminate:h,loading:M,empty:c,readonly:C,highlighted:g,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":f,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":M,"k-empty":c,"k-readonly":C,"k-highlighted":g},Object.keys(S).reduce((T,A)=>(A.startsWith("k-")?T[A]=S[A]:T[`k-${A}`]=S[A],T),{}))};function Pi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={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"},b={undefined:void 0,solid:"solid",tint:"tint",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"},Ki={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Xn={};function y(e){return Xn[e]=(Xn[e]\|\|0)+1,`k-${e}-${Xn[e]}`}var Wn="action-buttons",Ri=Wn;import{jsx as Jd}from"react/jsx-runtime";var qa="k-actions",Xd=[],Wd={},Jn={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Jn.alignment,orientation:o=Jn.orientation,...a}=e;return Jd("div",{...a,className:r(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};z.states=Xd;z.options=Wd;z.className=qa;z.defaultOptions=Jn;z.moduleName=Wn;z.folderName=Ri;import{Fragment as Zd,jsx as wi}from"react/jsx-runtime";var qn="k-font-icon",qd=[],Yd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Qd={},ha=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?wi("span",{...l,className:r(e.className,qn,k(qn,{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"}):wi(Zd,{})};ha.states=qd;ha.options=Yd;ha.className=qn;ha.defaultOptions=Qd;var _i=ha;import{Fragment as tp,jsx as Ya}from"react/jsx-runtime";var Yn="k-svg-icon",jd=[],ep={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.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},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=Qn.viewBox,variant:l=Qn.variant,icon:m,...f}=e;if(!m)return Ya(tp,{});if(m==="none")return Ya("span",{...f,className:r(e.className,Yn,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 Ya("span",{...f,className:r(e.className,Yn,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:Ya("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})})};Na.states=jd;Na.options=ep;Na.className=Yn;Na.defaultOptions=Qn;var Zn=Na;importas jn from"@progress/kendo-svg-icons";var Di="icon",Hi="icons";import{useContext as ap}from"react";import{createContext as op}from"react";var zi=op({iconsType:"svg"});import{Fragment as Gi,jsx as va}from"react/jsx-runtime";var Qa="k-icon",np=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],ip={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.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]},Za={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},L=e=>{let{iconsType:t}=ap(zi),{size:o,themeColor:a,icon:n,type:s=t\|\|Za.type,rotate:l,flip:m,viewBox:f=Za.viewBox,variant:N=Za.variant,...h}=e;if(!n)return va(Gi,{});if((t\|\|s)==="svg"){if(n==="none")return va(Zn,{...h,className:r(e.className,Qa),icon:n,size:o,variant:N});let c=jn[n]?n:np(`${n}-icon`);return jn[c]?va(Zn,{...h,className:r(e.className,Qa),icon:jn[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:f,variant:N}):va(Gi,{})}return va(_i,{...h,className:r(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};L.states=rp;L.options=ip;L.defaultOptions=Za;L.className=Qa;L.moduleName=Di;L.folderName=Hi;var er="button",Ui=er;import{Fragment as tr,jsx as Bt,jsxs as Fi}from"react/jsx-runtime";var Ca="k-button",sp=["icon-button"],lp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},or={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=or.showArrow,arrowIconName:m=or.arrowIconName,variant:f,hover:N,focus:h,active:M,selected:c,disabled:C,togglable:g,ariaDisabled:S,icon:T,endIcon:A,iconSize:K,text:V,iconClassName:ie,className:he,...pe}=e,ce=T!=null,ba=e.children!==void 0;return Fi(t,{className:r(he,Ca,Pi(Ca,f),k(Ca,{size:o,rounded:a,fillMode:n,themeColor:s}),I(Ca,{hover:N,focus:h,active:M,disabled:C\|\|S,selected:c}),{"k-icon-button":!V&&!ba&&ce}),"aria-pressed":g?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:C\|\|void 0,children:[typeof T=="string"&&T&&Bt(L,{className:r(ie,"k-button-icon"),icon:T,size:K}),T&&typeof T!="string"&&Bt(tr,{children:T}),V?Fi(tr,{children:[V&&Bt("span",{className:"k-button-text",children:V}),e.children]}):e.children&&Bt("span",{className:"k-button-text",children:e.children}),typeof A=="string"&&A&&Bt(L,{className:r(ie,"k-button-icon"),icon:A,size:K}),A&&typeof A!="string"&&Bt(tr,{children:A}),l&&Bt("span",{className:"k-menu-button-arrow k-button-arrow",children:Bt(L,{icon:m})})]})};d.states=lp;d.options=dp;d.variants=sp;d.className=Ca;d.defaultOptions=or;d.moduleName=er;d.folderName=Ui;import{jsx as pp}from"react/jsx-runtime";var $=e=>pp(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as mp}from"react/jsx-runtime";var R=e=>mp(d,{icon:"folder",children:"Button",...e});import{jsx as Bv}from"react/jsx-runtime";import{jsx as cp}from"react/jsx-runtime";var Jt=e=>cp(d,{children:"Button",...e});import{jsx as ar}from"react/jsx-runtime";var up=d.options,fp=d.states,bp={...d.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 ar($,{...o,icon:"star"});case"icon-and-text":return ar(R,{...o,icon:"star",children:"Button"});default:return ar(Jt,{...o,children:"Button"})}};uo.options=up;uo.states=fp;uo.variants=xp;uo.defaultOptions=bp;uo.modifiers=hp;uo.className=d.className;var nr="prompt",Vi=nr;import{Fragment as Lp,jsx as $i}from"react/jsx-runtime";var Xi="k-prompt",Np=[],vp={},Cp={},U=e=>{let{...t}=e;return $i("div",{...t,className:r(e.className,Xi),children:$i(Lp,{children:e.children})})};U.states=Np;U.options=vp;U.className=Xi;U.defaultOptions=Cp;U.moduleName=nr;U.folderName=Vi;import{jsx as gp}from"react/jsx-runtime";var Mp="k-prompt-header",xt=e=>{let{...t}=e;return gp("div",{...t,className:r(e.className,Mp),children:e.children})};import{Fragment as Ip,jsx as Wi}from"react/jsx-runtime";var Sp="k-prompt-content",Se=e=>{let{...t}=e;return Wi("div",{...t,className:r(e.className,Sp),children:Wi(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 Ji,jsxs as yp}from"react/jsx-runtime";var Tp="k-prompt-expander",ja=e=>{let{title:t,children:o,expanded:a,...n}=e,s=y("prompt-expander-content");return yp("div",{...n,className:r(e.className,Tp),children:[Ji(R,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Ji("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 vC}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var qi="k-prompt-send",Yi={generating:!1},mt=e=>{let{generating:t=Yi.generating,...o}=e;return Op(d,{...o,className:r(e.className,qi,{"k-generating":t}),icon:t?"stop":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};mt.states=d.states;mt.options=d.options;mt.className=qi;mt.moduleName=null;mt.folderName=null;mt.defaultOptions=Yi;import{jsx as Qi,jsxs as _p}from"react/jsx-runtime";var en="k-fab",Rp=[i.hover,i.focus,i.active,i.selected,i.disabled],wp={size:[p.undefined,p.small,p.medium,p.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]},Zi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=Zi.type,position:m,hover:f,focus:N,active:h,selected:M,disabled:c,...C}=e;return _p("button",{...C,type:l,className:r(e.className,en,k(en,{size:t,rounded:o,themeColor:a}),I(en,{hover:f,focus:N,active:h,disabled:c,selected:M}),{[`!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(L,{className:"k-fab-icon",icon:s}),n&&Qi("span",{className:"k-fab-text",children:n})]})};oe.states=Rp;oe.options=wp;oe.className=en;oe.defaultOptions=Zi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Hp}from"react/jsx-runtime";var Dp="k-fab-items",ji=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 ts,jsxs as Gp}from"react/jsx-runtime";var es="k-fab-item",zp=[i.hover,i.focus,i.active,i.disabled],rr=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...f}=e;return Gp("li",{...f,className:r(e.className,es,{[`k-text-${a}`]:a},I(es,{hover:n,focus:s,active:l,disabled:m})),children:[ts("span",{className:"k-fab-item-text",children:t}),ts(L,{className:"k-fab-item-icon",icon:o})]})};rr.states=zp;import{jsx as UC}from"react/jsx-runtime";import{jsx as XC}from"react/jsx-runtime";import{jsx as YC}from"react/jsx-runtime";import{jsx as eL}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(ji,{position:"bottom",children:bo(rr,{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 os="k-prompt-stop-fab",as={generating:!0},qt=e=>{let{generating:t=as.generating,icon:o,...a}=e;return Jp(oe,{...a,className:r(e.className,os,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop":o,active:t,"aria-label":t?"Stop generating":"Action"})};qt.states=d.states;qt.options=d.options;qt.className=os;qt.defaultOptions=as;var ir="button",ns=ir;import{jsx as Zp}from"react/jsx-runtime";var La="k-button-group",qp=[i.disabled],Yp={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Qp={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Zp("div",{role:"group",...n,className:r(e.className,La,k(La,{fillMode:t}),I(La,{disabled:o}),{[`${La}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=qp;O.options=Yp;O.className=La;O.defaultOptions=Qp;O.moduleName=ir;O.folderName=ns;import{Fragment as RL,jsx as KL,jsxs as wL}from"react/jsx-runtime";import{Fragment as UL,jsx as GL,jsxs as FL}from"react/jsx-runtime";import{Fragment as qL,jsx as JL,jsxs as YL}from"react/jsx-runtime";import{Fragment as oM,jsx as tM,jsxs as aM}from"react/jsx-runtime";import{Fragment as dM,jsx as lM,jsxs as pM}from"react/jsx-runtime";import{Fragment as xM,jsx as bM,jsxs as hM}from"react/jsx-runtime";import{Fragment as gM,jsx as MM,jsxs as SM}from"react/jsx-runtime";import{jsx as gt,jsxs as sr}from"react/jsx-runtime";var jp={...d.options,...O.options},em=d.states,tm={...d.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"?sr(O,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?sr(O,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):sr(O,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};ho.options=jp;ho.states=em;ho.variants=om;ho.defaultOptions=tm;ho.modifiers=am;ho.className=O.className;var Ma="input",tn=Ma;import{jsx as sm}from"react/jsx-runtime";var on="k-input",nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rm={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},im={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:f,rounded:N,fillMode:h,...M}=e;return sm("span",{...M,className:r(e.className,on,k(on,{size:f,rounded:N,fillMode:h}),I(on,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};Z.states=nm;Z.options=rm;Z.className=on;Z.defaultOptions=im;Z.moduleName=Ma;Z.folderName=tn;import{jsx as mm}from"react/jsx-runtime";var an="k-picker",lm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],dm={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pm={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:f,rounded:N,fillMode:h,...M}=e;return mm("span",{...M,className:r(e.className,an,k(an,{size:f,rounded:N,fillMode:h}),I(an,{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=an;ht.defaultOptions=pm;ht.moduleName=Ma;ht.folderName=tn;import{Fragment as fm,jsx as lr}from"react/jsx-runtime";var rs="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?lr(fm,{}):lr("span",{className:r(e.className,rs),children:lr(L,{icon:"x"})})};Ue.states=cm;Ue.options=um;Ue.className=rs;import{jsx as hm}from"react/jsx-runtime";var dr="k-input-inner",bm=[],xm={},nn={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=nn.value,type:o=nn.type,placeholder:a=nn.placeholder,autocomplete:n=nn.autocomplete,disabled:s,readOnly:l,...m}=e;return hm("input",{...m,type:o,className:r(e.className,dr,k(dr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Fe.states=bm;Fe.options=xm;Fe.className=dr;import{jsx as is,jsxs as Cm}from"react/jsx-runtime";var pr="k-input-inner",Nm=[],vm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return Cm("span",{...l,className:r(e.className,pr,k(pr,e)),children:[n,!n&&s&&is(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&is("span",{className:"k-input-value-text",children:t})]})};Yt.states=Nm;Yt.options=vm;Yt.className=pr;import{jsx as gm}from"react/jsx-runtime";var mr="k-input-inner",Lm=[],Mm={},ss={value:"",placeholder:""},ga=e=>{let{value:t=ss.value,placeholder:o=ss.placeholder,rows:a,disabled:n,...s}=e;return gm("textarea",{...s,className:r(e.className,mr,k(mr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=Lm;ga.options=Mm;ga.className=mr;import{Fragment as Im,jsx as ls}from"react/jsx-runtime";var ds="k-input-loading-icon",Sm=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ls(Im,{}):ls("span",{className:r(e.className,ds,"k-icon k-i-loading")})};Re.states=Sm;Re.className=ds;import{Fragment as Tm,jsx as ps}from"react/jsx-runtime";var ms="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)?ps(Tm,{}):ps(L,{className:r(ms),icon:s})};ke.states=km;ke.options=Am;ke.className=ms;import{Fragment as Bm,jsx as cs}from"react/jsx-runtime";var ym="k-input-prefix",Em={direction:"horizontal"},we=e=>{let{direction:t=Em.direction,...o}=e;return e.children?cs("span",{...o,className:r(ym,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):cs(Bm,{})};import{Fragment as Km,jsx as us}from"react/jsx-runtime";var Om="k-input-suffix",Pm={direction:"horizontal"},_e=e=>{let{direction:t=Pm.direction,...o}=e;return e.children?us("span",{...o,className:r(Om,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):us(Km,{})};import{jsx as Ig}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";var Rm="k-input-suffix-text",cr=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 fs="k-input-separator",_m={direction:"vertical"},Ae=e=>{let{direction:t=_m.direction,...o}=e;return Dm("span",{...o,className:r(fs,e.className,{[`${fs}-${t}`]:t})})};import{Fragment as bs,jsx as Nt,jsxs as ur}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,f=t?.prefix,N=t?.suffix,h=t?.["clear-button"],M=t?.["validation-icon"],c=t?.separators;return ur(Z,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[f&&ur(bs,{children:[Nt(we,{children:Nt(L,{icon:"lock"})}),c&&Nt(Ae,{})]}),Nt(Fe,{placeholder:"Placeholder",value:"Value"}),M&&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&&ur(bs,{children:[c&&Nt(Ae,{}),Nt(_e,{children:Nt(Jt,{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 xs,jsxs as Xm}from"react/jsx-runtime";var hs="k-color-preview",Vm=[],$m={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Xm("span",{...a,className:r(e.className,hs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xs(L,{icon:o,className:"k-color-preview-icon"}),xs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Vm;Ot.options=$m;Ot.className=hs;var fr="popup",Ns=fr;import{jsx as vs}from"react/jsx-runtime";var Cs="k-animation-container",Wm=[],Jm={},br={positionMode:"absolute",shown:!0},vt=e=>{let{positionMode:t=br.positionMode,shown:o=br.shown,animationStyle:a,offset:n,...s}=e;return vs("div",{...s,style:{...n,...e.style},className:r(e.className,Cs,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:vs("div",{className:"k-child-animation-container",style:a,children:e.children})})};vt.states=Wm;vt.options=Jm;vt.className=Cs;vt.defaultOptions=br;vt.moduleName=fr;vt.folderName=Ns;var xr="popup",Ls=xr;import{jsx as Ms}from"react/jsx-runtime";var gs="k-popup",qm=[],Ym={},Ss={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Ss.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return Ms(vt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:Ms("div",{...m,className:r(e.className,gs),children:e.children})})};F.states=qm;F.options=Ym;F.className=gs;F.defaultOptions=Ss;F.moduleName=xr;F.folderName=Ls;import{jsx as Zm}from"react/jsx-runtime";var Qm="k-actionsheet-footer",Is={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=Is.alignment,orientation:o=Is.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 hr="searchbox",ks=hr;import{jsx as Sa,jsxs as tc}from"react/jsx-runtime";var As="k-searchbox",jm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ec={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rn={showIcon:!0,showClearButton:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:f,invalid:N,required:h,loading:M,disabled:c,showIcon:C=rn.showIcon,showClearButton:g=rn.showClearButton,icon:S=rn.icon,"aria-label":T,...A}=e;return tc(Z,{...A,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:f,invalid:N,required:h,loading:M,disabled:c,className:r(e.className,As),children:[C&&Sa(L,{className:"k-input-icon",icon:S}),Sa(Fe,{placeholder:o,value:t,"aria-label":T}),Sa(Re,{...e}),Sa(ke,{...e}),g&&Sa(Ue,{...e})]})};Ye.states=jm;Ye.options=ec;Ye.className=As;Ye.defaultOptions=rn;Ye.moduleName=hr;Ye.folderName=ks;import{jsx as FS}from"react/jsx-runtime";var Nr="textbox",Ts=Nr;import{Fragment as ys,jsx as Kt,jsxs as vr}from"react/jsx-runtime";var Es="k-textbox",oc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ac={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},sn={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:s=sn.showClearButton,showValidationIcon:l=sn.showValidationIcon,prefix:m,suffix:f,type:N,value:h,placeholder:M,hover:c,focus:C,valid:g,invalid:S,required:T,loading:A,disabled:K,readonly:V,id:ie,"aria-label":he,"aria-describedby":pe,...ce}=e;return vr(Z,{...ce,size:t,rounded:o,fillMode:a,hover:c,focus:C,valid:g,invalid:S,required:T,loading:A,disabled:K,readonly:V,className:r(e.className,Es),children:[m&&vr(ys,{children:[Kt(we,{children:m}),n&&Kt(Ae,{})]}),Kt(Fe,{id:ie,placeholder:M,value:h,type:N,disabled:K,"aria-label":he,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Kt(ke,{valid:g,invalid:S,loading:A,disabled:K}),Kt(Re,{loading:A,disabled:K}),s&&Kt(Ue,{loading:A,disabled:K,readonly:V,value:h}),f&&vr(ys,{children:[n&&Kt(Ae,{}),Kt(_e,{children:f})]})]})};Ne.states=oc;Ne.options=ac;Ne.className=Es;Ne.defaultOptions=sn;Ne.moduleName=Nr;Ne.folderName=Ts;var Ia=Ne;import{jsx as nc}from"react/jsx-runtime";var Bs=e=>nc(Ia,{...e});import{Fragment as sI,jsx as iI}from"react/jsx-runtime";import{Fragment as uI,jsx as cI}from"react/jsx-runtime";import{jsx as hI}from"react/jsx-runtime";import{jsx as Cr}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]?Cr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Cr(Jt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Cr(Bs,{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 Lr}from"react/jsx-runtime";var Os="k-actionsheet-titlebar",pc={},Te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:f,adaptive:N,titleId:h,children:M,...c}=e;return Lr("div",{...c,className:r(e.className,Os),children:[Lr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!M&&Lr("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})]}),M&&Rt("div",{className:"k-actionsheet-title",id:h,children:M}),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:f,size:N?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Rt(Ye,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Te.className=Os;Te.defaultOptions=pc;import{jsx as Mr,jsxs as fc}from"react/jsx-runtime";var gr="k-actionsheet-view",mc=[],cc={},uc={},Co=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,f=n?.type===Te&&Mr(Te,{adaptive:t,titleId:l,...n?.props}),N=s?.type===Pt&&Mr(Pt,{...s?.props});return fc("div",{...m,className:r(e.className,gr,{[`${gr}-animated`]:o}),children:[f,Mr("div",{className:"k-actionsheet-content",children:a}),N]})};Co.states=mc;Co.options=cc;Co.className=gr;Co.defaultOptions=uc;var ka="action-sheet",ln=ka;var Sr="overlay",Ps=Sr;import{jsx as Nc}from"react/jsx-runtime";var Ks="k-overlay",bc=[],xc={},hc={},wt=e=>{let{...t}=e;return Nc("div",{...t,className:r(e.className,Ks),children:e.children})};wt.states=bc;wt.options=xc;wt.className=Ks;wt.defaultOptions=hc;wt.moduleName=Sr;wt.folderName=Ps;import{jsx as dn,jsxs as Lc}from"react/jsx-runtime";var Rs="k-actionsheet",vc=[],Cc={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:a=Aa.adaptive,overlay:n=Aa.overlay,template:s,children:l,header:m,footer:f,id:N,...h}=e,M=N&&!s&&m?`${N}-title`:void 0;return Lc("div",{className:"k-actionsheet-container",children:[n&&dn(wt,{}),dn(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:dn("div",{...h,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":M,className:r(e.className,Rs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|dn(Co,{header:m,footer:f,adaptive:a,titleId:M,...e,children:l})})})]})};ae.states=vc;ae.options=Cc;ae.className=Rs;ae.defaultOptions=Aa;ae.moduleName=ka;ae.folderName=ln;import{jsx as Ic}from"react/jsx-runtime";var ws="k-actionsheet-container",Mc=[],gc={},Sc={},Lo=e=>{let{children:t,...o}=e;return Ic("div",{...o,className:ws,children:t})};Lo.states=Mc;Lo.options=gc;Lo.className=ws;Lo.defaultOptions=Sc;Lo.moduleName=ka;Lo.folderName=ln;import{jsx as kc}from"react/jsx-runtime";var Ir=e=>{let{...t}=e;return kc("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Tc,jsx as Ta,jsxs as kr}from"react/jsx-runtime";var Ar="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,...f}=e;return kr("span",{...f,className:r(e.className,Ar,I(Ar,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&Ta(Tc,{children:kr("span",{className:"k-actionsheet-action",children:[t&&Ta("span",{className:"k-icon-wrap",children:Ta(L,{className:"k-actionsheet-item-icon",icon:t})}),kr("span",{className:"k-actionsheet-item-text",children:[o&&Ta("span",{className:"k-actionsheet-item-title",children:o}),a&&Ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=Ac;_t.className=Ar;import{jsx as xk,jsxs as hk}from"react/jsx-runtime";import{jsx as Lk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as yk}from"react/jsx-runtime";import{jsx as ue,jsxs as Tr}from"react/jsx-runtime";var yc=ae.options,Ec=ae.states,Ds={...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}={...Ds,...e},n={},s=Tr(Ir,{children:[ue(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ue(_t,{text:"Add to Favorites",iconName:"heart"}),ue(_t,{text:"Upload New",iconName:"upload",disabled:!0}),ue("hr",{className:"k-hr"}),ue(_t,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?l:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ue(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ue(Te,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[ue(d,{text:"Cancel",size:"large",themeColor:"base"}),ue(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ue(ae,{...a,fullscreen:n.fullScreen,header:ue(Te,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[ue(d,{text:"Apply",themeColor:"primary"}),ue(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Mo.options=yc;Mo.states=Ec;Mo.variants=Bc;Mo.defaultOptions=Ds;Mo.modifiers=Oc;Mo.className=ae.className;var yr="slider",Hs=yr;import{jsx as go,jsxs as Er}from"react/jsx-runtime";var ya="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:f=Qe.showTicks,value:N=Qe.value,min:h=Qe.min,max:M=Qe.max,startValue:c,endValue:C,hover:g,focus:S,active:T,trackStyle:A,dir:K,...V}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ce;return o==="horizontal"?(pe=K==="rtl"?"chevron-left":"chevron-right",ce=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ce="chevron-down"),Er("div",{...V,className:r(ya,e.className,I(ya,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&go(d,{className:"k-button-decrease",rounded:"full",icon:ce,tabIndex:-1,title:"Decrease"}),Er("div",{className:"k-slider-track-wrap",children:[f&&go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Er("div",{className:"k-slider-track",style:A,children:[go("div",{className:"k-slider-selection"}),t==="range"&&go("span",{className:r("k-draghandle","k-draghandle-start",I(ya,{hover:g,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":c??h,"aria-valuemin":h,"aria-valuemax":C??M,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":V["aria-label"]?`${V["aria-label"]} start`:"Range start"}),go("span",{className:r("k-draghandle",`k-draghandle-${l}`,I(ya,{hover:g,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?C??M:N,"aria-valuemin":t==="range"?c??h:h,"aria-valuemax":M,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?V["aria-label"]?`${V["aria-label"]} end`:"Range end":V["aria-label"]})]})]}),m&&go(d,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};Q.states=Pc;Q.options=Kc;Q.className=ya;Q.defaultOptions=Qe;Q.moduleName=yr;Q.folderName=Hs;import{jsx as zs}from"react/jsx-runtime";var Gs="k-tick",Rc=[],wc={},Us={label:!1},B=e=>{let{style:t,label:o=Us.label,orientation:a,large:n,text:s,...l}=e;return zs("li",{...l,role:"presentation",title:s\|\|"Tick",className:r(e.className,Gs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&zs("span",{className:"k-label",children:s})})};B.states=Rc;B.options=wc;B.className=Gs;B.defaultOptions=Us;import{Fragment as _c,jsx as Ze,jsxs as Dc}from"react/jsx-runtime";var Fs=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 Vs=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 hA,jsx as xA,jsxs as NA}from"react/jsx-runtime";import{Fragment as gA,jsx as MA,jsxs as SA}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";var Br=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 Or=e=>Uc(Q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as RA,jsx as KA,jsxs as wA}from"react/jsx-runtime";import{Fragment as GA,jsx as zA,jsxs as UA}from"react/jsx-runtime";import{jsx as Ct,jsxs as $s}from"react/jsx-runtime";var Fc=Q.options,Vc=Q.states,Xs={...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}],So=e=>{let{variant:t,modifiers:o,...a}=e,n=Xs.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"?$s(Vs,{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%"}})]}):$s(Fs,{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%"}})]})};So.options=Fc;So.states=Vc;So.variants=$c;So.defaultOptions=Xs;So.modifiers=Xc;So.className=Q.className;import{jsx as Ws,jsxs as Qc}from"react/jsx-runtime";var Js="k-spin-button",qc=[],Yc={size:[p.undefined,p.small,p.medium,p.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Pr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Pr.increaseLabel,decreaseLabel:s=Pr.decreaseLabel,...l}=e;return Qc("span",{...l,className:r(Js,e.className),children:[Ws(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ws(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Dt.states=qc;Dt.options=Yc;Dt.className=Js;Dt.defaultOptions=Pr;Dt.moduleName=null;Dt.folderName=null;var qs="numeric-textbox",Ys="numerictextbox";import{Fragment as Qs,jsx as St,jsxs as Kr}from"react/jsx-runtime";var Zs="k-numerictextbox",Zc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jc={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pn={showSpinButton:!0,showClearButton:!0,separators:!0},X=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:s=pn.showClearButton,showSpinButton:l=pn.showSpinButton,prefix:m,suffix:f,value:N,placeholder:h,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,id:V,"aria-label":ie,"aria-describedby":he,...pe}=e;return Kr(Z,{...pe,size:t,rounded:o,fillMode:a,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,className:r(e.className,Zs),children:[m&&Kr(Qs,{children:[St(we,{children:m}),n&&St(Ae,{})]}),St(Fe,{id:V,placeholder:h,value:N,role:"spinbutton",disabled:A,"aria-label":ie,"aria-describedby":he,"aria-invalid":g?"true":void 0}),St(ke,{valid:C,invalid:g,loading:T,disabled:A}),St(Re,{loading:T,disabled:A}),s&&St(Ue,{loading:T,disabled:A,readonly:K,value:N}),f&&Kr(Qs,{children:[n&&St(Ae,{}),St(_e,{children:f})]}),l&&St(Dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};X.states=Zc;X.options=jc;X.className=Zs;X.defaultOptions=pn;X.moduleName=qs;X.folderName=Ys;var Ea=X;import{jsx as eu}from"react/jsx-runtime";var js=e=>eu(Ea,{...e});import wr from"react";import{jsx as el}from"react/jsx-runtime";var tu="k-list-group-sticky-header",Rr=e=>el("div",{className:r(tu,e.className),children:el("div",{className:"k-list-header-text",children:e.children})});import{jsx as au}from"react/jsx-runtime";var ou="k-no-data",mn=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 Qt="list",Io=Qt;import{jsx as tl,jsxs as ol}from"react/jsx-runtime";var _r="k-list",nu=[],ru={size:[p.undefined,p.small,p.medium,p.large]},iu={},D=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:m,noData:f,screenReaders:N,...h}=e,c=wr.Children.toArray(a)[0],C=c?.props?.children?wr.Children.count(c.props.children):wr.Children.count(a);return ol("div",{...h,className:r(e.className,_r,k(_r,{size:t}),{"k-virtual-list":o}),children:[l,s,m,n&&tl(Rr,{children:n}),a\|\|(f!==void 0?f:tl(mn,{live:!0,children:"No data found."})),N&&a&&ol(mn,{className:"k-sr-only",live:!0,children:[C," items found."]})]})};D.states=nu;D.options=ru;D.className=_r;D.defaultOptions=iu;D.moduleName=Qt;D.folderName=Io;import{jsx as pu}from"react/jsx-runtime";var al="k-list-container",su=[],lu={},du={},ko=e=>{let{...t}=e;return pu("div",{...t,className:r(e.className,al),children:e.children})};ko.states=su;ko.options=lu;ko.className=al;ko.defaultOptions=du;ko.moduleName=Qt;ko.folderName=Io;var Zt="checkbox",Ao=Zt;import{jsx as nl}from"react/jsx-runtime";var cn="k-checkbox",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],cu={size:[p.undefined,p.small,p.medium,p.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:f,required:N,size:h,rounded:M,wrapperRole:c,...C}=e;return nl("span",{className:"k-checkbox-wrap",role:c,children:nl("input",{...C,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,cn,k(cn,{size:h,rounded:M}),I(cn,{hover:n,focus:s,disabled:l,invalid:m,valid:f,indeterminate:a,checked:o}))})})};Ve.states=mu;Ve.options=cu;Ve.className=cn;Ve.defaultOptions=uu;Ve.moduleName=Zt;Ve.folderName=Ao;var ct=Ve;import{jsx as xu}from"react/jsx-runtime";var rl="k-checkbox-list",fu=[],bu={},il={layout:"vertical"},ye=e=>{let{layout:t=il.layout,...o}=e;return xu("ul",{...o,className:r(e.className,rl,{[`k-list-${t}`]:t}),children:e.children})};ye.states=fu;ye.options=bu;ye.className=rl;ye.defaultOptions=il;ye.moduleName=Zt;ye.folderName=Ao;import{jsx as Cu}from"react/jsx-runtime";var sl="k-checkbox-list-item",hu=[],Nu={},vu={},Ee=e=>{let{...t}=e;return Cu("li",{...t,className:r(e.className,sl),children:e.children})};Ee.states=hu;Ee.options=Nu;Ee.className=sl;Ee.defaultOptions=vu;Ee.moduleName=Zt;Ee.folderName=Ao;import{Fragment as Lu,jsx as ll,jsxs as Mu}from"react/jsx-runtime";var It=({children:e="Label",id:t="cb-label-after",...o})=>Mu(Lu,{children:[ll(ct,{id:t,...o}),ll("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{Fragment as Ny,jsx as hy,jsxs as vy}from"react/jsx-runtime";import{Fragment as Sy,jsx as gy,jsxs as Iy}from"react/jsx-runtime";import{jsx as yy}from"react/jsx-runtime";import{jsx as Py}from"react/jsx-runtime";import{jsx as _y}from"react/jsx-runtime";import{jsx as et,jsxs as dl}from"react/jsx-runtime";var gu=ye.options,Su=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"?dl(ye,{layout:"horizontal",...o,children:[et(Ee,{children:et(It,{id:y("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})})]}):dl(ye,{...o,children:[et(Ee,{children:et(It,{id:y("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})})]})};To.options=gu;To.states=Su;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:y("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 Dr="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:f,disabled:N,actions:h,description:M,id:c,...C}=e,g=t\|\|e.children,S=t\|\|(typeof g=="string"?g:void 0);return _u("li",{...C,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":f?"true":"false","aria-disabled":N?"true":void 0,className:r(e.className,Dr,I(Dr,{hover:l,focus:m,disabled:N,selected:f})),children:[n&&Eo(Ve,{checked:s,disabled:N,"aria-label":S,tabIndex:-1}),o&&Eo("span",{className:"k-list-item-icon-wrapper",children:Eo(L,{icon:o,className:r("k-list-item-icon",a)})}),Eo("span",{className:"k-list-item-text",children:g}),h&&Eo("div",{className:"k-list-item-actions",children:h}),M&&Eo("span",{className:"k-list-item-description",children:M})]})};P.states=Ku;P.options=Ru;P.className=Dr;P.defaultOptions=wu;P.moduleName=Qt;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 Hr,jsxs as Gu}from"react/jsx-runtime";var zu="k-list-content",W=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:Hr(Ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Hr("div",{className:"k-height-container",children:Hr("div",{})})]})};import{jsx as zr,jsxs as $u}from"react/jsx-runtime";var un="k-list-sticky-header",Uu=[i.hover,i.focus,i.selected],Fu={},Vu={},fn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:l,selected:m,...f}=e;return zr("div",{...f,className:r(un,e.className),children:$u("div",{className:r(`${un}-item`,I(`${un}-item`,{hover:s,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&zr(Ve,{checked:a,indeterminate:n,"aria-label":t}),zr("span",{className:"k-list-item-text",children:t})]})})};fn.states=Uu;fn.options=Fu;fn.className=un;fn.defaultOptions=Vu;import{Fragment as BE,jsx as EE,jsxs as OE}from"react/jsx-runtime";import{jsx as _E,jsxs as DE}from"react/jsx-runtime";import{jsx as qu}from"react/jsx-runtime";var Gr="k-list-optionlabel",Xu=[i.hover,i.focus,i.selected,i.disabled],Wu={},Ju={},bn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return qu("div",{...l,className:r(Gr,I(Gr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};bn.states=Xu;bn.options=Wu;bn.className=Gr;bn.defaultOptions=Ju;import{jsx as ju}from"react/jsx-runtime";var Ur="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(Ur,I(Ur,{hover:o,focus:a,selected:n,disabled:s})),children:t})};zt.states=Yu;zt.options=Qu;zt.className=Ur;zt.defaultOptions=Zu;import{Fragment as YE,jsx as qE,jsxs as QE}from"react/jsx-runtime";import{Fragment as aB,jsx as oB,jsxs as nB}from"react/jsx-runtime";import{Fragment as mB,jsx as dB,jsxs as pB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as hB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{Fragment as TB,jsx as AB,jsxs as yB}from"react/jsx-runtime";import{Fragment as RB,jsx as KB,jsxs as wB}from"react/jsx-runtime";var pl="dropdown-list",ml="dropdownlist";import{Fragment as of,jsx as Be,jsxs as Fr}from"react/jsx-runtime";var cl="k-dropdownlist",ef=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tf={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Vr={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Vr.arrowIconName,showValue:s=Vr.showValue,valueIconName:l,prefix:m,suffix:f,value:N,placeholder:h,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,popup:V,opened:ie,adaptive:he,adaptiveSettings:pe,adaptiveTitle:ce,adaptiveSubtitle:ba,adaptiveFilter:Xt,id:Wt,activeDescendant:xa,"aria-label":Fn,...Vn}=e,$n=Wt?`${Wt}-listbox`:void 0,Oi=Wt?`${Wt}-value`:void 0;return Fr(of,{children:[Fr(ht,{...Vn,id:Wt,size:t,rounded:o,fillMode:a,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,className:r(e.className,cl,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ie?"true":"false","aria-controls":ie?$n:void 0,"aria-activedescendant":ie&&xa?xa:void 0,"aria-describedby":ie?Oi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Fn,tabIndex:0,children:[Be(we,{children:m}),Be(Yt,{placeholder:h,value:N,showValue:s,valueIconName:l,id:Oi}),Be(ke,{valid:C,invalid:g,loading:T,disabled:A}),Be(Re,{loading:T,disabled:A}),Be(_e,{children:f}),Be(d,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h\|\|"Toggle dropdown",tabIndex:-1})]}),ie&&V&&Be(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:V}),he&&Be(ae,{adaptive:!0,...pe,header:Be(Te,{actionsEnd:Be(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:N,inputPlaceholder:h,title:ce,subtitle:ba}),children:Be("div",{className:"k-list-container",children:Be(D,{size:"large",children:Fr(W,{"aria-label":"Options",children:[Be(P,{text:"List item"}),Be(P,{text:"List item"}),Be(P,{text:"List item"})]})})})})]})};me.states=ef;me.options=tf;me.className=cl;me.defaultOptions=Vr;me.moduleName=pl;me.folderName=ml;import{jsx as hO}from"react/jsx-runtime";import{jsx as gO,jsxs as SO}from"react/jsx-runtime";import{Fragment as PO,jsx as BO,jsxs as OO}from"react/jsx-runtime";import{jsx as DO}from"react/jsx-runtime";import{jsx as VO,jsxs as $O}from"react/jsx-runtime";import{Fragment as eP,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{jsx as rP}from"react/jsx-runtime";import{Fragment as df,jsx as Gt,jsxs as ul}from"react/jsx-runtime";var af=me.states,nf=me.defaultOptions,rf=me.options,sf=[{name:"opened",title:"Opened"}],lf=[],Oo=e=>{let{modifiers:t,...o}=e,a={},n=ul(df,{children:[Gt("div",{className:"k-list-filter",children:Gt(Ye,{})}),Gt(D,{style:{width:300},size:o.size,children:ul(W,{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(me,{placeholder:"Value",style:{width:300},...o,...a})})};Oo.options=rf;Oo.states=af;Oo.variants=lf;Oo.defaultOptions=nf;Oo.modifiers=sf;Oo.className=me.className;import{Fragment as AP,jsx as kP}from"react/jsx-runtime";import{Fragment as PP,jsx as OP}from"react/jsx-runtime";import{jsx as _P}from"react/jsx-runtime";import{jsx as $r}from"react/jsx-runtime";var pf=X.states,mf=X.defaultOptions,cf=X.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]?$r(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?$r(cr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),$r(js,{value:"Value",style:{width:300},...o,...a})};Po.options=cf;Po.states=pf;Po.variants=ff;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=X.className;import{Fragment as Oa,jsx as w,jsxs as ne}from"react/jsx-runtime";var fl="k-colorgradient-inputs",bf=[],xf={size:[p.undefined,p.small,p.medium,p.large]},bl={mode:"rgba"},Ko=e=>{let{mode:t=bl.mode,size:o,...a}=e;return ne("div",{...a,className:r(fl,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{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(X,{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(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{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(X,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(Oa,{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=fl;Ko.defaultOptions=bl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var xl="k-colorgradient-color-contrast",hf=[],Nf={},vf={},Ro=()=>eo("div",{className:r(xl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(L,{icon:"check"}),jt(L,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(L,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(L,{icon:"x"})]})]})]});Ro.states=hf;Ro.options=Nf;Ro.className=xl;Ro.defaultOptions=vf;var hl="color-gradient",Nl="colorgradient";import{jsx as tt,jsxs as Pa}from"react/jsx-runtime";var xn="k-colorgradient",Cf=[i.hover,i.focus,i.readonly,i.disabled],Lf={size:[p.undefined,p.small,p.medium,p.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"},fe=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:f=Lt.alphaStyleHorizontal,contrast:N=Lt.contrast,dir:h,hover:M,focus:c,hoverHandle:C,focusHandle:g,canvasOrientation:S=Lt.canvasOrientation,role:T,tabIndex:A,...K}=e;return Pa("div",{...K,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":n?"true":void 0,className:r(e.className,xn,k(xn,{size:t}),I(xn,{hover:M,focus:c,readonly:a,disabled:n})),dir:h,children:[!S\|\|S==="horizontal"&&Pa("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":C,"k-focus":g}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[tt(Or,{className:"k-hue-slider",hover:C,focus:g}),o!=="rgb"&&o!=="hsv"&&tt(Or,{className:"k-alpha-slider",hover:C,focus:g,trackStyle:m})]})]}),S==="vertical"&&Pa("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":C,"k-focus":g}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[tt(Br,{className:"k-hue-slider",hover:C,focus:g}),o!=="rgb"&&o!=="hsv"&&tt(Br,{className:"k-alpha-slider",hover:C,focus:g,trackStyle:f})]})]}),tt(Ko,{mode:e.mode,size:t}),N&&tt(Ro,{})]})};fe.states=Cf;fe.options=Lf;fe.className=xn;fe.defaultOptions=Lt;fe.moduleName=hl;fe.folderName=Nl;import{jsx as Mf}from"react/jsx-runtime";var hn=e=>Mf(fe,{...e});import{jsx as MK}from"react/jsx-runtime";import{jsx as kK}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var gf=fe.options,Sf=fe.states,If={...fe.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 Xr(hn,{...o,mode:t});case"rgb":return Xr(hn,{...o,mode:t});default:return Xr(hn,{...o,mode:t})}};wo.options=gf;wo.states=Sf;wo.variants=kf;wo.defaultOptions=If;wo.modifiers=Af;wo.className=fe.className;import{jsx as Tf}from"react/jsx-runtime";var Wr=e=>Tf("tr",{role:"row",children:e.children});import{jsx as Bf}from"react/jsx-runtime";var Jr="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,Jr,I(Jr,{hover:a,focus:n,selected:s})),style:m})};Ut.states=yf;Ut.options=Ef;Ut.className=Jr;Ut.moduleName=null;Ut.folderName=null;var vl="color-palette",Cl="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var Nn="k-colorpalette",Of=[i.disabled],Pf={size:[p.undefined,p.small,p.medium,p.large]},Ll={columns:10},De=e=>{let{size:t,palette:o,columns:a=Ll.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let f=a\|\|o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/f)},(h,M)=>{let c=[];N.slice(Mf,(M+1)*f).map((g,S)=>{c.push(Ka(Ut,{color:g,tileSize:n},S))});let C=Ka(Wr,{children:c},M);m.push(C)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Nn,I(Nn,{disabled:s}),k(Nn,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};De.states=Of;De.options=Pf;De.className=Nn;De.defaultOptions=Ll;De.moduleName=vl;De.folderName=Cl;var vn=De;var Ra={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 Ml=e=>Kf(vn,{palette:Ra.basic,...e});import{jsx as sR}from"react/jsx-runtime";import{jsx as uR,jsxs as fR}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(Ml,{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 gl="color-editor",Sl="coloreditor";import{jsx as ot,jsxs as Do}from"react/jsx-runtime";var Cn="k-coloreditor",Uf=[i.focus],Ff={size:[p.undefined,p.small,p.medium,p.large]},wa={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:s,focus:l,focusView:m,dir:f,group:N,actionButtons:h=wa.actionButtons,canvasOrientation:M=wa.canvasOrientation,...c}=e;return Do("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Cn,k(Cn,{size:t}),I(Cn,{focus:l})),dir:f,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(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ot(d,{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(d,{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(fe,{focus:m,size:t,canvasOrientation:M,role:"none",tabIndex:-1}):ot(De,{palette:a,size:t})}),h&&Do(z,{className:"k-coloreditor-footer",alignment:"start",children:[ot(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ot(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Uf;re.options=Ff;re.className=Cn;re.defaultOptions=wa;re.moduleName=gl;re.folderName=Sl;var Ho=re;import{jsx as FR}from"react/jsx-runtime";import{jsx as WR}from"react/jsx-runtime";import{jsx as Vf}from"react/jsx-runtime";var Il=e=>Vf(Ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as $f}from"react/jsx-runtime";var kl=e=>$f(Ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Al}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"?Al(kl,{...o,color:"white"}):Al(Il,{...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 Tl="color-picker",yl="colorpicker";import{Fragment as jf,jsx as at,jsxs as qr}from"react/jsx-runtime";var El="k-colorpicker",Qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zf={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Bl={arrowIconName:"chevron-down"},nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Bl.arrowIconName,prefix:s,suffix:l,value:m,placeholder:f,hover:N,focus:h,valid:M,invalid:c,required:C,disabled:g,valueIconName:S,popup:T,opened:A,adaptive:K,adaptiveSettings:V,adaptiveTitle:ie,adaptiveSubtitle:he,...pe}=e,ce="colorpicker-popup";return qr(jf,{children:[qr(ht,{...pe,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:M,invalid:c,required:C,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|K?ce:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:r(e.className,El,"k-icon-picker"),children:[at(we,{children:s}),at(Yt,{placeholder:f,value:m,showValue:!1,valueIcon:at(Ot,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),at(_e,{children:l}),at(d,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),A&&T&&at(F,{id:ce,className:"k-colorpicker-popup",children:T}),K&&at(ae,{adaptive:!0,id:ce,...V,header:at(Te,{actionsEnd:at(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ie,subtitle:he}),footer:qr(Pt,{children:[at(d,{text:"Cancel",size:"large"}),at(d,{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=El;nt.defaultOptions=Bl;nt.moduleName=Tl;nt.folderName=yl;var kt=nt;import{jsx as eb}from"react/jsx-runtime";var Ln=e=>eb(kt,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Rw}from"react/jsx-runtime";import{jsx as Hw}from"react/jsx-runtime";import{jsx as Fw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as Qw}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var tb=kt.options,ob=kt.states,Ol={...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}={...Ol,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(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 to("div",{style:s,children:to(Ln,{...a,...n})});case"icon":return to("div",{style:s,children:to(Ln,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:s,children:to(Ln,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=tb;Go.states=ob;Go.variants=ab;Go.defaultOptions=Ol;Go.modifiers=nb;Go.className=kt.className;var Yr="combobox",Pl=Yr;import{Fragment as Qr,jsx as se,jsxs as _a}from"react/jsx-runtime";var Kl="k-combobox",rb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ib={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Zr={separators:!0,showClearButton:!0},Oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Zr.separators,showClearButton:s=Zr.showClearButton,prefix:l,suffix:m,value:f,placeholder:N,hover:h,focus:M,valid:c,invalid:C,required:g,loading:S,disabled:T,popup:A,opened:K,readonly:V,adaptive:ie,adaptiveSettings:he,adaptiveTitle:pe,adaptiveSubtitle:ce,adaptiveCustomValue:ba,id:Xt,autocomplete:Wt,activeDescendant:xa,"aria-label":Fn,...Vn}=e,$n=Xt?`${Xt}-listbox`:void 0;return _a(Qr,{children:[_a(Z,{...Vn,size:t,rounded:o,fillMode:a,hover:h,focus:M,valid:c,invalid:C,required:g,loading:S,disabled:T,readonly:V,className:r(e.className,Kl),children:[l&&_a(Qr,{children:[se(we,{children:l}),n&&se(Ae,{})]}),se(Fe,{id:Xt,placeholder:N,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":K?"true":"false","aria-controls":K?$n:void 0,"aria-activedescendant":K&&xa?xa:void 0,"aria-autocomplete":Wt,"aria-invalid":C?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Fn,disabled:T,readOnly:V}),se(ke,{valid:c,invalid:C,loading:S,disabled:T}),se(Re,{loading:S,disabled:T}),s&&se(Ue,{loading:S,disabled:T,readonly:V,value:f}),m&&_a(Qr,{children:[n&&se(Ae,{}),se(_e,{children:m})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:T})]}),K&&A&&se(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),ie&&se(ae,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...he,header:se(Te,{actionsEnd:se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:f,inputPlaceholder:N,title:pe,subtitle:ce}),children:se("div",{className:"k-list-container",children:se(D,{customValue:ba?se(zt,{text:`Use "${f}"`}):void 0,size:"large",children:_a(W,{"aria-label":pe\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};Oe.states=rb;Oe.options=ib;Oe.className=Kl;Oe.defaultOptions=Zr;Oe.moduleName=Yr;Oe.folderName=Pl;var $e=Oe;import{jsx as sb}from"react/jsx-runtime";var Rl=e=>sb($e,{...e});import{jsx as P_,jsxs as K_}from"react/jsx-runtime";import{jsx as z_,jsxs as G_}from"react/jsx-runtime";import{jsx as W_,jsxs as J_}from"react/jsx-runtime";import{Fragment as e0,jsx as j_}from"react/jsx-runtime";import{Fragment as i0,jsx as r0}from"react/jsx-runtime";import{jsx as c0,jsxs as u0}from"react/jsx-runtime";import{Fragment as L0,jsx as v0,jsxs as C0}from"react/jsx-runtime";import{jsx as I0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as R0,jsxs as w0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}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(D,{style:{width:300},size:o.size,children:ub(W,{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(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ft($,{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(Rl,{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 jr="menu-button",wl=jr;import{jsx as xb}from"react/jsx-runtime";var _l="k-menu-button",fb=[i.hover,i.focus,i.active,i.selected,i.disabled],bb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},ei={showArrow:!0,arrowIconName:"chevron-down"},J=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,icon:h,endIcon:M,text:c,showArrow:C=ei.showArrow,arrowIconName:g=ei.arrowIconName,expanded:S,...T}=e;return xb(d,{...T,className:r(e.className,_l),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,ariaDisabled:N\|\|void 0,icon:h,endIcon:M,showArrow:C,arrowIconName:g,"aria-expanded":S?"true":"false",...!c&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};J.states=fb;J.options=bb;J.className=_l;J.defaultOptions=ei;J.moduleName=jr;J.folderName=wl;import{jsx as MD}from"react/jsx-runtime";import{jsx as kD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as KD}from"react/jsx-runtime";var Xe="menu",rt=Xe;import{jsx as Ha,jsxs as Dl}from"react/jsx-runtime";var ti="k-menu-item",hb=[i.hover,i.focus,i.active,i.selected,i.disabled],Nb={},Hl={iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:f,arrowIconName:N,iconPosition:h=Hl.iconPosition,dir:M,children:c,expanded:C,...g}=e,S=N;return S\|\|(S=M==="rtl"?"chevron-left":"chevron-right"),Dl("li",{...g,className:r(e.className,ti,"k-item",I(ti,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":C?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Dl("span",{className:r("k-link k-menu-link"),children:[l&&h==="before"&&Ha(L,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&Ha(L,{className:"k-menu-link-icon",icon:l}),f&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(L,{icon:S})})]}),c]})};ve.states=hb;ve.options=Nb;ve.className=ti;ve.defaultOptions=Hl;ve.moduleName=Xe;ve.folderName=rt;import{jsx as oo,jsxs as zl}from"react/jsx-runtime";var oi="k-menu-item",vb=[i.hover,i.focus,i.active,i.selected,i.disabled],Cb={},ai={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:f,arrowIconName:N,iconPosition:h=ai.iconPosition,dir:M=ai.dir,children:c,popup:C,expanded:g,actions:S,description:T,...A}=e,K=N;return K\|\|(K=M==="rtl"?"chevron-left":"chevron-right"),zl("li",{role:"menuitem",...A,className:r(e.className,oi,"k-item",I(oi,{focus:o,disabled:s})),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":g?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zl("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[l&&h==="before"&&oo(L,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&oo(L,{className:"k-menu-link-icon",icon:l}),S&&oo("span",{className:"k-menu-link-actions",children:S}),f&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(L,{icon:K})}),T&&oo("span",{className:"k-menu-link-description",children:T})]}),c,C]})};j.states=vb;j.options=Cb;j.className=oi;j.defaultOptions=ai;j.moduleName=Xe;j.folderName=rt;import{jsx as Sb}from"react/jsx-runtime";var Gl="k-menu-scroll-wrapper",Lb=[],Mb={},gb={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return Sb("div",{...n,className:r(t,Gl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Lb;ao.options=Mb;ao.className=Gl;ao.defaultOptions=gb;ao.moduleName=Xe;ao.folderName=rt;var Ul=ao;import{Fragment as ni,jsx as no,jsxs as Mn}from"react/jsx-runtime";var gn="k-menu",Ib=[],kb={size:[p.undefined,p.small,p.medium,p.large]},Sn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},be=e=>{let{children:t,orientation:o=Sn.orientation,header:a=Sn.header,scrollable:n,scrollButtonsPosition:s=Sn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:f,popup:N,contextMenu:h,...M}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},C=no("ul",{dir:m,...M,className:r(e.className,"k-reset",gn,{[`${gn}-${o}`]:o,"k-header":a},k(gn,{size:f})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Mn(ni,{children:[n?Mn(Ul,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Mn(ni,{children:[no(d,{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"}),no(d,{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"&&no(d,{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"}),C,s==="end"&&Mn(ni,{children:[no(d,{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"}),no(d,{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"&&no(d,{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"})]}):C,N]})};be.states=Ib;be.options=kb;be.className=gn;be.defaultOptions=Sn;be.moduleName=Xe;be.folderName=rt;import{jsx as Ab}from"react/jsx-runtime";var ri="k-separator",Fl={orientation:"horizontal"},Fo=e=>{let{orientation:t=Fl.orientation,...o}=e;return Ab("li",{...o,className:r(e.className,"k-item",ri,{[`${ri}-${t}`]:t}),role:"separator"})};Fo.className=ri;Fo.defaultOptions=Fl;Fo.moduleName=Xe;Fo.folderName=rt;import{Fragment as dH,jsx as pH}from"react/jsx-runtime";import{jsx as Bb}from"react/jsx-runtime";var ii="k-menu-group",Tb=[],yb={size:[p.undefined,p.small,p.medium,p.large]},Eb={},Ce=e=>{let{children:t,size:o,...a}=e;return Bb("ul",{role:"menu",...a,className:r(e.className,ii,k(ii,{size:o})),children:t})};Ce.states=Tb;Ce.options=yb;Ce.className=ii;Ce.defaultOptions=Eb;Ce.moduleName=Xe;Ce.folderName=rt;import{jsx as vH,jsxs as CH}from"react/jsx-runtime";import{Fragment as Ob,jsx as Vo,jsxs as Pb}from"react/jsx-runtime";var si=e=>Vo(be,{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 EH,jsx as TH,jsxs as yH}from"react/jsx-runtime";import{Fragment as RH,jsx as KH,jsxs as wH}from"react/jsx-runtime";import{Fragment as GH,jsx as zH,jsxs as UH}from"react/jsx-runtime";import{Fragment as WH,jsx as XH,jsxs as JH}from"react/jsx-runtime";import{jsx as ro,jsxs as Db}from"react/jsx-runtime";var Kb={...be.options,scrollable:{type:"boolean"}},Rb=be.states,Vl={...be.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}={...Vl,...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]?ro(F,{className:"k-menu-popup",offset:s,children:Db(Ce,{children:[ro(j,{text:"Item 1"}),ro(j,{text:"Item 2"}),ro(Fo,{}),ro(j,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(si,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(si,{...a,...n})};$o.options=Kb;$o.states=Rb;$o.variants=wb;$o.defaultOptions=Vl;$o.modifiers=_b;$o.className=be.className;import{Fragment as A1,jsx as I1,jsxs as k1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{Fragment as Fb,jsx as Mt,jsxs as $l}from"react/jsx-runtime";var Hb=d.states,Xl={...d.defaultOptions,variant:"text"},zb=d.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}={...Xl,...e},n={},s=Mt(F,{className:"k-menu-popup",children:$l(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(J,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Mt("div",{children:Mt(J,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Mt("div",{children:Mt(J,{...a,...n,children:"Dropdown Button"})});break}return $l(Fb,{children:[l,o?.opened&&s]})};Xo.options=zb;Xo.states=Hb;Xo.variants=Gb;Xo.defaultOptions=Xl;Xo.modifiers=Ub;Xo.className=J.className;var li="split-button",Wl=li;import{Fragment as Xb,jsx as di,jsxs as Jl}from"react/jsx-runtime";var pi="k-split-button",Vb=[i.hover,i.focus,i.active,i.selected,i.disabled],$b={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},ql={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,icon:h,endIcon:M,text:c,arrowIconName:C=ql.arrowIconName,popup:g,opened:S,popupId:T,...A}=e;return Jl(Xb,{children:[Jl("div",{...A,className:r(e.className,pi,"k-button-group",k(pi,{rounded:o})),children:[di(d,{text:c,icon:h,endIcon:M,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,...!c&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),di(d,{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":S?"true":"false","aria-controls":S?T:void 0,tabIndex:-1})]}),S&&g&&di(F,{className:"k-menu-popup",children:g})]})};_.states=Vb;_.options=$b;_.className=pi;_.defaultOptions=ql;_.moduleName=li;_.folderName=Wl;var mi=_;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 io="toolbar",Wo=io;import{Fragment as ci,jsx as G,jsxs as Jo}from"react/jsx-runtime";var At="k-toolbar",qb=[i.focus],Yb={size:[p.undefined,p.small,p.medium,p.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Qb={scrollButtons:"around"},H=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:f,...N}=e,h=[],M=(c,C)=>{let g=[];if(c.type===d&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))g.push(G(d,{...c.props,className:`${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===d)g.push(G(d,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===R)g.push(G(R,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===$)g.push(G($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===J)g.push(G(J,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===mi)g.push(G(mi,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===O\|\|c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((A,K)=>{S.push(G(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${K}-${new Date().getTime()}`))}),g.push(G(O,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${C}-${new Date().getTime()}`))}else c.type===Oe?g.push(G(Oe,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`)):c.type===me?g.push(G(me,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`)):c.type===nt?g.push(G(nt,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`)):g.push(c);g.forEach(S=>{h.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((C,g)=>{M(C,g)}),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`]:f}),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(ci,{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(L,{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(L,{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(ci,{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(L,{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(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"\|\|!l)&&Jo(ci,{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(L,{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(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};H.states=qb;H.options=Yb;H.className=At;H.defaultOptions=Qb;H.moduleName=io;H.folderName=Wo;import{jsx as tx}from"react/jsx-runtime";var ui="k-toolbar-item",Zb=[i.focus],jb={},ex={},qo=e=>{let{focus:t,...o}=e;return tx("div",{...o,className:r(e.className,ui,I(ui,{focus:t})),children:e.children})};qo.states=Zb;qo.options=jb;qo.className=ui;qo.defaultOptions=ex;qo.moduleName=io;qo.folderName=Wo;import{jsx as Yl}from"react/jsx-runtime";var Ql="k-toolbar-popup",ox=[],ax={size:[p.undefined,p.small,p.medium,p.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},nx={},so=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Yl(F,{...n,className:r(e.className,Ql),children:a?Yl("span",{className:r("k-toolbar-items-list",k("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};so.states=ox;so.options=ax;so.className=Ql;so.defaultOptions=nx;so.moduleName=io;so.folderName=Wo;var In=so;import{jsx as B2}from"react/jsx-runtime";import{jsx as R2}from"react/jsx-runtime";import{jsx as H2}from"react/jsx-runtime";import{jsx as F2}from"react/jsx-runtime";import{jsx as q2,jsxs as Y2}from"react/jsx-runtime";import{jsx as ez}from"react/jsx-runtime";import{jsx as Tt,jsxs as dx}from"react/jsx-runtime";var rx=_.states,Zl={..._.defaultOptions,variant:"text"},ix=_.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}={...Zl,...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(_,{...a,...n,icon:"star"})});case"icon-and-text":return Tt("div",{children:Tt(_,{...a,...n,icon:"star",children:"Split Button"})});default:return Tt("div",{children:Tt(_,{...a,...n,children:"Split Button"})})}};Yo.options=ix;Yo.states=rx;Yo.variants=sx;Yo.defaultOptions=Zl;Yo.modifiers=lx;Yo.className=_.className;import{jsx as lo,jsxs as px}from"react/jsx-runtime";var jl=e=>lo(H,{children:[lo(d,{children:"Button"},"toolbar-button"),lo(J,{text:"Menu button"},"toolbar-menu-button"),lo(_,{children:"Split button"},"toolbar-split-button"),px(O,{children:[lo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(d,{icon:"align-center",children:"Center"}),lo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ez,jsxs as Bz}from"react/jsx-runtime";import{jsx as We,jsxs as ed}from"react/jsx-runtime";var td=e=>We(H,{scrollable:!0,...e,children:[We(d,{children:"Button"},"toolbar-button"),We(J,{text:"Menu button"},"toolbar-menu-button"),We(_,{children:"Split button"},"toolbar-split-button"),ed(O,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(d,{children:"Button"},"toolbar-button"),We(J,{text:"Menu button"},"toolbar-menu-button"),We(_,{children:"Split button"},"toolbar-split-button"),ed(O,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Je,jsxs as od}from"react/jsx-runtime";var ad=({scrollingPosition:e="start",...t})=>Je(H,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Je(d,{children:"Button"},"toolbar-button"),Je(J,{text:"Menu button"},"toolbar-menu-button"),Je(_,{children:"Split button"},"toolbar-split-button"),od(O,{children:[Je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(d,{icon:"align-center",children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(d,{children:"Button"},"toolbar-button"),Je(J,{text:"Menu button"},"toolbar-menu-button"),Je(_,{children:"Split button"},"toolbar-split-button"),od(O,{children:[Je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(d,{icon:"align-center",children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as mx,jsx as He,jsxs as kn}from"react/jsx-runtime";var nd=({fillMode:e,size:t,...o})=>kn(mx,{children:[He(H,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kn(O,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(ut,{className:"k-toolbar-button-separator"}),He(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),kn(In,{size:t,fillMode:e,section:!0,...o,children:[He(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(ut,{}),He(J,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kn(O,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as p3,jsx as l3,jsxs as d3}from"react/jsx-runtime";import{Fragment as L3,jsx as v3,jsxs as C3}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var cx=H.options,ux=H.states,rd={...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}={...rd,...e};switch(t){case"responsive":return Vt("div",{children:Vt(nd,{style:{width:"583px"},...o})});case"overlay":return Vt("div",{children:Vt(ad,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Vt("div",{children:Vt(td,{style:{width:"583px"},...o})});default:return Vt("div",{children:Vt(jl,{style:{width:"583px"},...o})})}};Qo.options=cx;Qo.states=ux;Qo.variants=fx;Qo.defaultOptions=rd;Qo.modifiers=bx;Qo.className=H.className;var fi="speech-to-text-button",id=fi;import{jsx as xx}from"react/jsx-runtime";var sd="k-speech-to-text-button",ld={icon:"microphone"},ee=e=>{let{listening:t=!1,icon:o=ld.icon,...a}=e;return xx(d,{...a,icon:t?"stop":o,className:r(e.className,sd,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};ee.states=d.states;ee.options=d.options;ee.className=sd;ee.defaultOptions=ld;ee.moduleName=fi;ee.folderName=id;import{jsx as t5}from"react/jsx-runtime";import{jsx as r5}from"react/jsx-runtime";import{jsx as Lx}from"react/jsx-runtime";var hx=d.states,dd={...d.defaultOptions,variant:"normal"},Nx={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},vx=[],Cx=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Zo=e=>{let{variant:t,...o}={...dd,...e},a={};return t==="listening"&&(a.listening=!0),Lx(ee,{...o,...a})};Zo.options=Nx;Zo.states=hx;Zo.variants=Cx;Zo.defaultOptions=dd;Zo.modifiers=vx;Zo.className=ee.className;var bi="textarea",pd=bi;import{Fragment as md,jsx as za,jsxs as xi}from"react/jsx-runtime";var cd="k-textarea",Mx=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],gx={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},jo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},q=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:f=jo.resize,prefix:N,suffix:h,rows:M,value:c,placeholder:C,hover:g,focus:S,valid:T,invalid:A,required:K,disabled:V,id:ie,"aria-label":he,"aria-describedby":pe,...ce}=e;return xi(Z,{...ce,size:t,rounded:o,fillMode:a,hover:g,focus:S,valid:T,invalid:A,required:K,disabled:V,className:r(e.className,cd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[N&&xi(md,{children:[za(we,{className:r({"!k-align-items-start":m===l}),direction:l,children:N}),n&&za(Ae,{direction:m==="horizontal"?"vertical":"horizontal"})]}),za(ga,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:c,placeholder:C,rows:M,disabled:V,id:ie,"aria-label":he,"aria-describedby":pe,"aria-invalid":A?"true":void 0}),h&&xi(md,{children:[s&&za(Ae,{direction:m==="horizontal"?"vertical":"horizontal"}),za(_e,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};q.states=Mx;q.options=gx;q.className=cd;q.defaultOptions=jo;q.moduleName=bi;q.folderName=pd;import{jsx as I5}from"react/jsx-runtime";import{Fragment as B5,jsx as E5}from"react/jsx-runtime";import{Fragment as _5,jsx as w5}from"react/jsx-runtime";import{jsx as G5}from"react/jsx-runtime";import{jsx as An}from"react/jsx-runtime";var Sx=q.options,Ix=q.states,ud={...q.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}={...ud,...e},n={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?An(L,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?An(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?An(q,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):An(q,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ea.options=Sx;ea.states=Ix;ea.variants=kx;ea.defaultOptions=ud;ea.modifiers=Ax;ea.className=q.className;import{Fragment as pG,jsx as lG,jsxs as dG}from"react/jsx-runtime";var Ni="suggestion",fd=Ni;import{jsx as Tn,jsxs as Ex}from"react/jsx-runtime";var yn="k-suggestion-group",Tx=[],yx={},bd={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=bd.layout,scrollingPosition:o,...a}=e,n=Tn("div",{...a,className:r(yn,{"k-suggestion-group-scrollable":t=="scrollable",[`${yn}-scrollable-start`]:o==="start"\|\|o==="both",[`${yn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Tn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ex("div",{className:"k-suggestion-scrollwrap",children:[Tn(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Tn(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};it.states=Tx;it.options=yx;it.className=yn;it.defaultOptions=bd;it.moduleName=Ni;it.folderName=fd;import{jsx as Kx}from"react/jsx-runtime";var En="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,En,I(En,{hover:a,active:o,focus:n}),k(En,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ft.states=Bx;ft.options=Ox;ft.className=En;ft.item=Px;import{Fragment as SG,jsx as gG,jsxs as IG}from"react/jsx-runtime";import{Fragment as EG,jsx as yG,jsxs as BG}from"react/jsx-runtime";import{Fragment as wG,jsx as RG,jsxs as _G}from"react/jsx-runtime";import{Fragment as tU,jsx as jG,jsxs as eU}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";var Rx="k-chip-action";var yt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Bn(L,{icon:"x-circle",size:"small"});break;case"more":a=Bn(L,{icon:"more-vertical",size:"small"});break;default:return Bn(L,{icon:t,size:"small"})}return Bn("span",{...o,className:r(e.className,Rx,`k-chip-${t}-action`),children:a})};var vi="avatar",xd=vi;import{jsx as hd}from"react/jsx-runtime";var Ga="k-avatar";var wx=[i.hover,i.focus,i.active,i.selected,i.disabled],_x={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},Ci={type:"text",border:!1},ze=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:s=Ci.type,border:l=Ci.border,...m}=e;return hd("div",{...m,className:r(e.className,Ga,k(Ga,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ga}-bordered`]:l}),children:hd("span",{className:`${Ga}-${s}`,children:e.children})})};ze.states=wx;ze.options=_x;ze.className=Ga;ze.defaultOptions=Ci;ze.moduleName=vi;ze.folderName=xd;var po=ze;import{jsx as Dx}from"react/jsx-runtime";var Nd=e=>Dx(po,{type:"icon",...e});import{jsx as Hx}from"react/jsx-runtime";var vd=e=>Hx(po,{type:"text",...e});import{jsx as zx}from"react/jsx-runtime";var Cd=e=>zx(po,{type:"image",...e});import{jsx as gU}from"react/jsx-runtime";import{jsx as Ua}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 Ua(Nd,{...o,children:Ua(L,{icon:"star"})});case"text":return Ua(vd,{...o,children:"JO"});default:return Ua(Cd,{...o,children:Ua("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 Fa="chip",On=Fa,Pn="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as oa,jsxs as Jx}from"react/jsx-runtime";var Kn="k-chip",Xx=[i.hover,i.focus,i.active,i.selected,i.disabled],Wx={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},Ld={avatarImage:"/packages/html/assets/avatar.jpg"},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:s,icon:l,actions:m,showAvatar:f,avatarImage:N=Ld.avatarImage,hover:h,focus:M,active:c,selected:C,disabled:g,...S}=e;return Jx("div",{...S,className:r(e.className,Kn,k(Kn,{size:t,rounded:o,fillMode:a,themeColor:n}),I(Kn,{hover:h,focus:M,active:c,disabled:g,selected:C})),role:e.role\|\|"button","aria-pressed":e.role==="option"\|\|e.role==="listitem"\|\|e.role==="presentation"\|\|e["aria-haspopup"]?void 0:C?"true":"false",...e.role==="option"&&C!==void 0&&{"aria-selected":C?"true":"false"},"aria-disabled":g?"true":void 0,children:[l&&oa(L,{className:"k-chip-icon",icon:l,size:"small"}),f&&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=Kn;Ge.defaultOptions=Ld;Ge.moduleName=Fa;Ge.folderName=On;var st=Ge;import{jsx as Zx}from"react/jsx-runtime";var Li="k-chip-list",qx=[],Yx={size:[p.undefined,p.small,p.medium,p.large]},Qx={},Le=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return Zx("div",{...n,className:r(e.className,Li,k(Li,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"\|\|e.role==="group"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Le.states=qx;Le.options=Yx;Le.className=Li;Le.defaultOptions=Qx;Le.moduleName=Fa;Le.folderName=On;import{jsx as jU}from"react/jsx-runtime";import{jsx as aF}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";var Rn=e=>jx(st,{text:"text",...e});import{jsx as mF}from"react/jsx-runtime";import{jsx as bF}from"react/jsx-runtime";import{Fragment as LF,jsx as CF,jsxs as MF}from"react/jsx-runtime";import{jsx as AF,jsxs as TF}from"react/jsx-runtime";import{jsx as PF,jsxs as KF}from"react/jsx-runtime";import{jsx as zF,jsxs as GF}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?Pn:void 0;return rh(Le,{size:a.size,className:o,children:[aa(Rn,{...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(Rn,{...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(Rn,{...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 Mi}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]?Pn:void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[n]?Mi(yt,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[n]?Mi(yt,{type:"remove"}):void 0;break;default:break}}),Mi(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 E9,jsx as T9,jsxs as y9}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var mh="k-card-callout",Md=e=>{let{callout:t,...o}=e;return ch("span",{...o,className:r(e.className,mh,{[`k-callout-${Ki.calloutMap[t]\|\|t}`]:t})})};var qe="card",lt=qe;import{Fragment as xh,jsx as gd,jsxs as hh}from"react/jsx-runtime";var gi="k-card",uh=[i.hover,i.focus,i.selected,i.disabled],fh={},bh={},Y=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return hh("div",{...m,className:r(e.className,gi,I(gi,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&gd(Md,{callout:o}),gd(xh,{children:e.children})]})};Y.states=uh;Y.options=fh;Y.className=gi;Y.defaultOptions=bh;Y.moduleName=qe;Y.folderName=lt;import{Fragment as Lh,jsx as Sd}from"react/jsx-runtime";var Si="k-card-list",Nh=[],vh={},Ch={},mo=e=>{let{...t}=e;return Sd("div",{...t,className:r(e.className,Si,I(Si,{})),role:"list",children:Sd(Lh,{children:e.children})})};mo.states=Nh;mo.options=vh;mo.className=Si;mo.defaultOptions=Ch;mo.moduleName=qe;mo.folderName=lt;import{jsx as Ih}from"react/jsx-runtime";var Id="k-card-group",Mh=[],gh={},Sh={},ia=e=>{let{...t}=e;return Ih("div",{...t,className:r(e.className,Id),children:e.children})};ia.states=Mh;ia.options=gh;ia.className=Id;ia.defaultOptions=Sh;ia.moduleName=qe;ia.folderName=lt;import{jsx as yh}from"react/jsx-runtime";var Ii="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,Ii,I(Ii,{focus:t,selected:o})),children:e.children})};sa.states=kh;sa.options=Ah;sa.className=Ii;sa.defaultOptions=Th;sa.moduleName=qe;sa.folderName=lt;import{jsx as Bh}from"react/jsx-runtime";var ki="k-card-title",Eh=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Bh("div",{...a,className:r(e.className,ki,I(ki,{hover:t,focus:o})),children:e.children})};co.states=Eh;co.className=ki;import{jsx as Ph}from"react/jsx-runtime";var Oh="k-card-subtitle",wn=e=>{let{...t}=e;return Ph("div",{...t,className:r(e.className,Oh),children:e.children})};import{Fragment as Ad,jsx as _n}from"react/jsx-runtime";var kd="k-card-media",Ai=e=>{let{src:t,...o}=e;return _n(Ad,{children:t?_n("img",{...o,className:r(e.className,kd),src:t}):_n("span",{...o,className:r(e.className,kd),children:_n(Ad,{children:e.children})})})};import{Fragment as Rh,jsx as Va,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&&Va(co,{children:t}),o&&Va(wn,{children:o}),Va(Rh,{children:e.children}),a&&Va("span",{className:"k-card-header-actions",children:Va(d,{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",Ti=e=>{let{...t}=e;return Dh("div",{...t,className:r(e.className,_h),children:e.children})};import{Fragment as zh,jsx as $a,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&&$a(co,{children:t}),o&&$a(wn,{children:o}),$a(zh,{children:e.children}),a&&$a("span",{className:"k-card-header-actions",children:$a(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as $h}from"react/jsx-runtime";var Td="k-card-deck",Uh=[],Fh={},Vh={},la=e=>{let{...t}=e;return $h("div",{...t,className:r(e.className,Td),children:e.children})};la.states=Uh;la.options=Fh;la.className=Td;la.defaultOptions=Vh;la.moduleName=qe;la.folderName=lt;import{jsx as qh}from"react/jsx-runtime";var yd="k-card-deck-scrollwrap",Xh=[],Wh={},Jh={},da=e=>{let{...t}=e;return qh("div",{...t,className:r(e.className,yd),children:e.children})};da.states=Xh;da.options=Wh;da.className=yd;da.defaultOptions=Jh;da.moduleName=qe;da.folderName=lt;import{Fragment as Yh,jsx as pa,jsxs as Ed}from"react/jsx-runtime";var Bd=e=>pa(Y,{orientation:"vertical",children:Ed(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."})}),Ed(z,{className:"k-card-actions",children:[pa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),pa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Qh,jsx as Xa,jsxs as Od}from"react/jsx-runtime";var Pd=e=>Xa(Y,{orientation:"horizontal",children:Od(Qh,{children:[Xa(Me,{title:"Card Title",children:Xa("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:[Xa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Xa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as X6,jsxs as W6}from"react/jsx-runtime";import{jsx as Pe,jsxs as Wa}from"react/jsx-runtime";var Zh=Y.options,jh=Y.states,Kd={...Y.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}={...Kd,...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"?Wa(Pd,{style:{maxWidth:"420px"},...a,children:[n&&Pe(Ai,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Wa("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(Ti,{children:"Card Footer"})]}),(s\|\|l)&&Pe("span",{className:"k-separator k-separator-vertical"}),Wa(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Wa(Bd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(Et,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Pe(Ai,{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(Ti,{children:"Card Footer"}),Wa(z,{className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ma.options=Zh;ma.states=jh;ma.variants=eN;ma.defaultOptions=Kd;ma.modifiers=tN;ma.className=Y.className;import{jsx as B7,jsxs as O7}from"react/jsx-runtime";var yi="panelbar",Rd=yi;import{jsx as rN}from"react/jsx-runtime";var wd="k-panelbar",oN=[],aN={},nN={},ge=e=>{let{activeDescendant:t,...o}=e;return rN("ul",{...o,className:r(e.className,wd),role:"tree","aria-activedescendant":t,children:e.children})};ge.states=oN;ge.options=aN;ge.className=wd;ge.defaultOptions=nN;ge.moduleName=yi;ge.folderName=Rd;import Ei from"react";import{jsx as Dn,jsxs as _d}from"react/jsx-runtime";var Dd="k-panelbar-item",iN=[i.hover,i.focus,i.selected,i.disabled],sN={},Hn={level:0,expanded:!1,text:"Item"},E=e=>{let{text:t=Hn.text,level:o=Hn.level,expanded:a=Hn.expanded,header:n,hover:s,focus:l,selected:m,disabled:f,icon:N,iconClass:h,ariaSelected:M,children:c,...C}=e,g=!!c;return _d("li",{...C,className:r(e.className,Dd,{"k-panelbar-header":n,[`k-level-${o}`]:o\|\|o===0,"k-expanded":a}),role:"treeitem","aria-expanded":g?a?"true":"false":void 0,"aria-selected":M?"true":"false","aria-disabled":f?"true":void 0,children:[_d("span",{className:r("k-link",I("k-link",{hover:s,focus:l,disabled:f,selected:m})),children:[N&&Dn(L,{className:"k-panelbar-item-icon",icon:N}),h&&!N&&Dn("span",{className:`k-panelbar-item-icon ${h}`}),Dn("span",{className:"k-panelbar-item-text",children:t}),g&&Dn(L,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&c,!a&&c&&Ei.Children.map(c,S=>Ei.isValidElement(S)?Ei.cloneElement(S,{"aria-hidden":"true",style:{display:"none"}}):S)]})};E.states=iN;E.options=sN;E.className=Dd;E.moduleName=null;E.folderName=null;E.defaultOptions=Hn;import{jsx as mN}from"react/jsx-runtime";var Hd="k-panelbar-group",lN=[],dN={},pN={},xe=e=>{let{ariaHidden:t,...o}=e;return mN("ul",{...o,className:r(e.className,Hd),role:"group",...t!==void 0&&{"aria-hidden":t?"true":void 0},children:e.children})};xe.states=lN;xe.options=dN;xe.className=Hd;xe.moduleName=null;xe.folderName=null;xe.defaultOptions=pN;import{jsx as bN}from"react/jsx-runtime";var zd="k-panelbar-content",cN=[],uN={},fN={},le=e=>{let{...t}=e;return bN("div",{...t,className:r(e.className,zd),children:e.children})};le.states=cN;le.options=uN;le.className=zd;le.defaultOptions=fN;import{Fragment as xN,jsx as $t,jsxs as hN}from"react/jsx-runtime";var Ja=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),n=y("pb-item");return $t(ge,{children:hN(xN,{children:[$t(E,{header:!0,text:"Item 1",id:t,children:$t(le,{children:"content"})}),$t(E,{header:!0,text:"Item 2",id:o,children:$t(le,{children:"content"})}),$t(E,{header:!0,text:"Item 3",id:a,children:$t(le,{children:"content"})}),$t(E,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as n4,jsx as a4,jsxs as r4}from"react/jsx-runtime";import{Fragment as NN,jsx as Ke,jsxs as Bi}from"react/jsx-runtime";var Gd=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),n=y("pb-item"),s=y("pb-child"),l=y("pb-child"),m=y("pb-child"),f=y("pb-child"),N=y("pb-child"),h=y("pb-child"),M=y("pb-child");return Ke(ge,{activeDescendant:o,children:Bi(NN,{children:[Ke(E,{header:!0,text:"Item 1",id:t,children:Ke(le,{children:"content"})}),Ke(E,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:Bi(xe,{children:[Ke(E,{level:1,text:"Child 1",id:s}),Ke(E,{level:1,expanded:!0,text:"Child 2",id:l,children:Bi(xe,{children:[Ke(E,{level:2,text:"Child 2.1",id:m}),Ke(E,{level:2,text:"Child 2.2",id:f})]})}),Ke(E,{level:1,text:"Child 3",id:N,children:Ke(xe,{children:Ke(E,{level:2,text:"Child 3.1",id:h})})}),Ke(E,{level:1,text:"Child 4",id:M})]})}),Ke(E,{header:!0,text:"Item 3",id:a,children:Ke(le,{children:"content"})}),Ke(E,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Ud,jsx as te,jsxs as zn}from"react/jsx-runtime";var vN=ge.options,CN=ge.states,Fd={...ge.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}={...Fd,...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(Ud,{children:zn(Gd,{style:{width:"300px"},...a,children:[te(E,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:zn(xe,{children:[te(E,{level:1,text:"Child 1"}),te(E,{level:1,expanded:!0,text:"Child 2",children:zn(xe,{children:[te(E,{level:2,text:"Child 2.1"}),te(E,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),te(E,{disabled:n.disabled,level:1,text:"Child 3",children:te(le,{children:"content"})}),te(E,{level:1,text:"Child 4"})]})}),te(E,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):te(Ud,{children:zn(Ja,{style:{width:"300px"},...a,children:[te(E,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.folder,header:!0,text:"Item 2",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=vN;ca.states=CN;ca.variants=LN;ca.defaultOptions=Fd;ca.modifiers=MN;ca.className=ge.className;import{jsx as P4,jsxs as K4}from"react/jsx-runtime";import{Fragment as X4,jsx as V4,jsxs as $4}from"react/jsx-runtime";import{Fragment as e8,jsx as j4,jsxs as t8}from"react/jsx-runtime";import{Fragment as Vd,jsx as v,jsxs as de}from"react/jsx-runtime";var gN=U.options,SN=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=v(Vd,{children:de(it,{layout:"wrap",children:[v(ft,{text:"Post for work-life balance importance"}),v(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 v(F,{className:"k-prompt-popup",children:de(U,{style:{width:"330px",height:"350px"},...a,children:[v(xt,{children:de(H,{className:"k-toolbar-flat",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),v(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),v($,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),v(Se,{children:v(Ie,{children:de(Ja,{children:[v(E,{header:!0,icon:"brush",text:"Change Formality",children:de(xe,{children:[v(E,{level:1,text:"Casual"}),v(E,{level:1,text:"Neutral"}),v(E,{level:1,text:"Formal"})]})}),v(E,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(xe,{children:[v(E,{level:1,text:"German"}),v(E,{level:1,text:"Spanish"})]})}),v(E,{header:!0,icon:"min-width",text:"Simplify"}),v(E,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return v(F,{className:"k-prompt-popup",children:de(U,{style:{width:"330px",height:"350px"},...a,children:[v(xt,{children:de(H,{className:"k-toolbar-flat",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),v(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),v($,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(Se,{children:[v(qt,{}),v(Ie,{children:de("div",{className:"k-card-list",children:[de(Y,{children:[v(Et,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),v(Me,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",v("br",{}),v("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",v("br",{}),v("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}",v("br",{}),v("br",{}),"\u2728 Key Points \u2728",v("br",{}),v("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",v("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",v("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",v("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",v("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",v("br",{}),v("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),v(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),v("span",{className:"k-spacer"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(Y,{children:[v(Et,{title:"Generated with AI",subtitle:"Out of Office"}),v(Me,{children:de("p",{children:["Subject: Out of Office: [Your Name]",v("br",{}),v("br",{}),"Dear [Recipient's Name],",v("br",{}),v("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.",v("br",{}),v("br",{}),"Thank you,",v("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),v(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),v("span",{className:"k-spacer"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return v(F,{className:"k-prompt-popup",children:de(U,{style:{width:"330px",height:"350px"},...a,children:[v(xt,{children:de(H,{className:"k-toolbar-flat",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),v(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),v($,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),v(Se,{children:de(Ie,{children:[v(q,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:v(Vd,{children:s.stt?v(ee,{fillMode:"flat"}):null})}),v(ja,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),v(fo,{children:v(z,{className:"k-prompt-actions",alignment:"start",children:v(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ua.options=gN;ua.states=SN;ua.variants=kN;ua.defaultOptions=IN;ua.modifiers=AN;ua.className=U.className;import{Fragment as ON,jsx as dt,jsxs as Gn}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=Gn(Y,{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,"}),Gn(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(Se,{children:Gn(Ie,{children:[a.response?n:null,dt(q,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:Gn(ON,{children:[a.commands?dt($,{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 $d,jsx as pt,jsxs as Un}from"react/jsx-runtime";var iV=({text:e,...t})=>pt(U,{...t,children:pt(Se,{children:Un(Ie,{children:[Un(Y,{children:[pt(Me,{style:{maxHeight:"150px",overflowY:"auto"},children:e}),Un(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(q,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:Un($d,{children:[pt($,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),pt(ee,{fillMode:"flat"})]}),suffix:pt($d,{children:pt(mt,{disabled:!0})})})]})})});export{iV as PromptInline};
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:f,disabled:N,indeterminate:h,loading:M,empty:c,readonly:C,highlighted:g,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":f,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":M,"k-empty":c,"k-readonly":C,"k-highlighted":g},Object.keys(S).reduce((T,A)=>(A.startsWith("k-")?T[A]=S[A]:T[`k-${A}`]=S[A],T),{}))};function Pi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={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"},b={undefined:void 0,solid:"solid",tint:"tint",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"},Ki={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Xn={};function y(e){return Xn[e]=(Xn[e]\|\|0)+1,`k-${e}-${Xn[e]}`}var Wn="action-buttons",Ri=Wn;import{jsx as Jd}from"react/jsx-runtime";var qa="k-actions",Xd=[],Wd={},Jn={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Jn.alignment,orientation:o=Jn.orientation,...a}=e;return Jd("div",{...a,className:r(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};z.states=Xd;z.options=Wd;z.className=qa;z.defaultOptions=Jn;z.moduleName=Wn;z.folderName=Ri;import{Fragment as Zd,jsx as wi}from"react/jsx-runtime";var qn="k-font-icon",qd=[],Yd={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Qd={},ha=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?wi("span",{...l,className:r(e.className,qn,k(qn,{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"}):wi(Zd,{})};ha.states=qd;ha.options=Yd;ha.className=qn;ha.defaultOptions=Qd;var _i=ha;import{Fragment as tp,jsx as Ya}from"react/jsx-runtime";var Yn="k-svg-icon",jd=[],ep={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.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},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=Qn.viewBox,variant:l=Qn.variant,icon:m,...f}=e;if(!m)return Ya(tp,{});if(m==="none")return Ya("span",{...f,className:r(e.className,Yn,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 Ya("span",{...f,className:r(e.className,Yn,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:Ya("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})})};Na.states=jd;Na.options=ep;Na.className=Yn;Na.defaultOptions=Qn;var Zn=Na;importas jn from"@progress/kendo-svg-icons";var Di="icon",Hi="icons";import{useContext as ap}from"react";import{createContext as op}from"react";var zi=op({iconsType:"svg"});import{Fragment as Gi,jsx as va}from"react/jsx-runtime";var Qa="k-icon",np=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],ip={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.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]},Za={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},L=e=>{let{iconsType:t}=ap(zi),{size:o,themeColor:a,icon:n,type:s=t\|\|Za.type,rotate:l,flip:m,viewBox:f=Za.viewBox,variant:N=Za.variant,...h}=e;if(!n)return va(Gi,{});if((t\|\|s)==="svg"){if(n==="none")return va(Zn,{...h,className:r(e.className,Qa),icon:n,size:o,variant:N});let c=jn[n]?n:np(`${n}-icon`);return jn[c]?va(Zn,{...h,className:r(e.className,Qa),icon:jn[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:f,variant:N}):va(Gi,{})}return va(_i,{...h,className:r(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};L.states=rp;L.options=ip;L.defaultOptions=Za;L.className=Qa;L.moduleName=Di;L.folderName=Hi;var er="button",Ui=er;import{Fragment as tr,jsx as Bt,jsxs as Fi}from"react/jsx-runtime";var Ca="k-button",sp=["icon-button"],lp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},or={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=or.showArrow,arrowIconName:m=or.arrowIconName,variant:f,hover:N,focus:h,active:M,selected:c,disabled:C,togglable:g,ariaDisabled:S,icon:T,endIcon:A,iconSize:K,text:V,iconClassName:ie,className:he,...pe}=e,ce=T!=null,ba=e.children!==void 0;return Fi(t,{className:r(he,Ca,Pi(Ca,f),k(Ca,{size:o,rounded:a,fillMode:n,themeColor:s}),I(Ca,{hover:N,focus:h,active:M,disabled:C\|\|S,selected:c}),{"k-icon-button":!V&&!ba&&ce}),"aria-pressed":g?c?"true":"false":void 0,...pe,"aria-disabled":S?"true":void 0,disabled:C\|\|void 0,children:[typeof T=="string"&&T&&Bt(L,{className:r(ie,"k-button-icon"),icon:T,size:K}),T&&typeof T!="string"&&Bt(tr,{children:T}),V?Fi(tr,{children:[V&&Bt("span",{className:"k-button-text",children:V}),e.children]}):e.children&&Bt("span",{className:"k-button-text",children:e.children}),typeof A=="string"&&A&&Bt(L,{className:r(ie,"k-button-icon"),icon:A,size:K}),A&&typeof A!="string"&&Bt(tr,{children:A}),l&&Bt("span",{className:"k-menu-button-arrow k-button-arrow",children:Bt(L,{icon:m})})]})};d.states=lp;d.options=dp;d.variants=sp;d.className=Ca;d.defaultOptions=or;d.moduleName=er;d.folderName=Ui;import{jsx as pp}from"react/jsx-runtime";var $=e=>pp(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as mp}from"react/jsx-runtime";var R=e=>mp(d,{icon:"folder",children:"Button",...e});import{jsx as Bv}from"react/jsx-runtime";import{jsx as cp}from"react/jsx-runtime";var Jt=e=>cp(d,{children:"Button",...e});import{jsx as ar}from"react/jsx-runtime";var up=d.options,fp=d.states,bp={...d.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 ar($,{...o,icon:"star"});case"icon-and-text":return ar(R,{...o,icon:"star",children:"Button"});default:return ar(Jt,{...o,children:"Button"})}};uo.options=up;uo.states=fp;uo.variants=xp;uo.defaultOptions=bp;uo.modifiers=hp;uo.className=d.className;var nr="prompt",Vi=nr;import{Fragment as Lp,jsx as $i}from"react/jsx-runtime";var Xi="k-prompt",Np=[],vp={},Cp={},U=e=>{let{...t}=e;return $i("div",{...t,className:r(e.className,Xi),children:$i(Lp,{children:e.children})})};U.states=Np;U.options=vp;U.className=Xi;U.defaultOptions=Cp;U.moduleName=nr;U.folderName=Vi;import{jsx as gp}from"react/jsx-runtime";var Mp="k-prompt-header",xt=e=>{let{...t}=e;return gp("div",{...t,className:r(e.className,Mp),children:e.children})};import{Fragment as Ip,jsx as Wi}from"react/jsx-runtime";var Sp="k-prompt-content",Se=e=>{let{...t}=e;return Wi("div",{...t,className:r(e.className,Sp),children:Wi(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 Ji,jsxs as yp}from"react/jsx-runtime";var Tp="k-prompt-expander",ja=e=>{let{title:t,children:o,expanded:a,...n}=e,s=y("prompt-expander-content");return yp("div",{...n,className:r(e.className,Tp),children:[Ji(R,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&Ji("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 vC}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var qi="k-prompt-send",Yi={generating:!1},mt=e=>{let{generating:t=Yi.generating,...o}=e;return Op(d,{...o,className:r(e.className,qi,{"k-generating":t}),icon:t?"stop":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};mt.states=d.states;mt.options=d.options;mt.className=qi;mt.moduleName=null;mt.folderName=null;mt.defaultOptions=Yi;import{jsx as Qi,jsxs as _p}from"react/jsx-runtime";var en="k-fab",Rp=[i.hover,i.focus,i.active,i.selected,i.disabled],wp={size:[p.undefined,p.small,p.medium,p.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]},Zi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=Zi.type,position:m,hover:f,focus:N,active:h,selected:M,disabled:c,...C}=e;return _p("button",{...C,type:l,className:r(e.className,en,k(en,{size:t,rounded:o,themeColor:a}),I(en,{hover:f,focus:N,active:h,disabled:c,selected:M}),{[`!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(L,{className:"k-fab-icon",icon:s}),n&&Qi("span",{className:"k-fab-text",children:n})]})};oe.states=Rp;oe.options=wp;oe.className=en;oe.defaultOptions=Zi;oe.moduleName="fab";oe.folderName="fab";import{jsx as Hp}from"react/jsx-runtime";var Dp="k-fab-items",ji=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 ts,jsxs as Gp}from"react/jsx-runtime";var es="k-fab-item",zp=[i.hover,i.focus,i.active,i.disabled],rr=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...f}=e;return Gp("li",{...f,className:r(e.className,es,{[`k-text-${a}`]:a},I(es,{hover:n,focus:s,active:l,disabled:m})),children:[ts("span",{className:"k-fab-item-text",children:t}),ts(L,{className:"k-fab-item-icon",icon:o})]})};rr.states=zp;import{jsx as UC}from"react/jsx-runtime";import{jsx as XC}from"react/jsx-runtime";import{jsx as YC}from"react/jsx-runtime";import{jsx as eL}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(ji,{position:"bottom",children:bo(rr,{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 os="k-prompt-stop-fab",as={generating:!0},qt=e=>{let{generating:t=as.generating,icon:o,...a}=e;return Jp(oe,{...a,className:r(e.className,os,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop":o,active:t,"aria-label":t?"Stop generating":"Action"})};qt.states=d.states;qt.options=d.options;qt.className=os;qt.defaultOptions=as;var ir="button",ns=ir;import{jsx as Zp}from"react/jsx-runtime";var La="k-button-group",qp=[i.disabled],Yp={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Qp={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Zp("div",{role:"group",...n,className:r(e.className,La,k(La,{fillMode:t}),I(La,{disabled:o}),{[`${La}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=qp;O.options=Yp;O.className=La;O.defaultOptions=Qp;O.moduleName=ir;O.folderName=ns;import{Fragment as RL,jsx as KL,jsxs as wL}from"react/jsx-runtime";import{Fragment as UL,jsx as GL,jsxs as FL}from"react/jsx-runtime";import{Fragment as qL,jsx as JL,jsxs as YL}from"react/jsx-runtime";import{Fragment as oM,jsx as tM,jsxs as aM}from"react/jsx-runtime";import{Fragment as dM,jsx as lM,jsxs as pM}from"react/jsx-runtime";import{Fragment as xM,jsx as bM,jsxs as hM}from"react/jsx-runtime";import{Fragment as gM,jsx as MM,jsxs as SM}from"react/jsx-runtime";import{jsx as gt,jsxs as sr}from"react/jsx-runtime";var jp={...d.options,...O.options},em=d.states,tm={...d.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"?sr(O,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"}),gt(d,{...a,icon:"star"})]}):t==="icon-text-button"?sr(O,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,icon:"star",children:"First"}),gt(d,{...a,icon:"star",children:"Middle"}),gt(d,{...a,icon:"star",children:"Last"})]}):sr(O,{fillMode:a.fillMode,className:o,children:[gt(d,{...a,children:"First"}),gt(d,{...a,children:"Middle"}),gt(d,{...a,children:"Last"})]})};ho.options=jp;ho.states=em;ho.variants=om;ho.defaultOptions=tm;ho.modifiers=am;ho.className=O.className;var Ma="input",tn=Ma;import{jsx as sm}from"react/jsx-runtime";var on="k-input",nm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],rm={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},im={},Z=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:f,rounded:N,fillMode:h,...M}=e;return sm("span",{...M,className:r(e.className,on,k(on,{size:f,rounded:N,fillMode:h}),I(on,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};Z.states=nm;Z.options=rm;Z.className=on;Z.defaultOptions=im;Z.moduleName=Ma;Z.folderName=tn;import{jsx as mm}from"react/jsx-runtime";var an="k-picker",lm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],dm={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pm={},ht=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:f,rounded:N,fillMode:h,...M}=e;return mm("span",{...M,className:r(e.className,an,k(an,{size:f,rounded:N,fillMode:h}),I(an,{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=an;ht.defaultOptions=pm;ht.moduleName=Ma;ht.folderName=tn;import{Fragment as fm,jsx as lr}from"react/jsx-runtime";var rs="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?lr(fm,{}):lr("span",{className:r(e.className,rs),children:lr(L,{icon:"x"})})};Ue.states=cm;Ue.options=um;Ue.className=rs;import{jsx as hm}from"react/jsx-runtime";var dr="k-input-inner",bm=[],xm={},nn={type:"text",autocomplete:"off",value:"",placeholder:""},Fe=e=>{let{value:t=nn.value,type:o=nn.type,placeholder:a=nn.placeholder,autocomplete:n=nn.autocomplete,disabled:s,readOnly:l,...m}=e;return hm("input",{...m,type:o,className:r(e.className,dr,k(dr,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s\|\|void 0,readOnly:l\|\|void 0})};Fe.states=bm;Fe.options=xm;Fe.className=dr;import{jsx as is,jsxs as Cm}from"react/jsx-runtime";var pr="k-input-inner",Nm=[],vm={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...l}=e;return Cm("span",{...l,className:r(e.className,pr,k(pr,e)),children:[n,!n&&s&&is(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&is("span",{className:"k-input-value-text",children:t})]})};Yt.states=Nm;Yt.options=vm;Yt.className=pr;import{jsx as gm}from"react/jsx-runtime";var mr="k-input-inner",Lm=[],Mm={},ss={value:"",placeholder:""},ga=e=>{let{value:t=ss.value,placeholder:o=ss.placeholder,rows:a,disabled:n,...s}=e;return gm("textarea",{...s,className:r(e.className,mr,k(mr,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ga.states=Lm;ga.options=Mm;ga.className=mr;import{Fragment as Im,jsx as ls}from"react/jsx-runtime";var ds="k-input-loading-icon",Sm=[i.disabled,i.loading],Re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ls(Im,{}):ls("span",{className:r(e.className,ds,"k-icon k-i-loading")})};Re.states=Sm;Re.className=ds;import{Fragment as Tm,jsx as ps}from"react/jsx-runtime";var ms="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)?ps(Tm,{}):ps(L,{className:r(ms),icon:s})};ke.states=km;ke.options=Am;ke.className=ms;import{Fragment as Bm,jsx as cs}from"react/jsx-runtime";var ym="k-input-prefix",Em={direction:"horizontal"},we=e=>{let{direction:t=Em.direction,...o}=e;return e.children?cs("span",{...o,className:r(ym,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):cs(Bm,{})};import{Fragment as Km,jsx as us}from"react/jsx-runtime";var Om="k-input-suffix",Pm={direction:"horizontal"},_e=e=>{let{direction:t=Pm.direction,...o}=e;return e.children?us("span",{...o,className:r(Om,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):us(Km,{})};import{jsx as Ig}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";var Rm="k-input-suffix-text",cr=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 fs="k-input-separator",_m={direction:"vertical"},Ae=e=>{let{direction:t=_m.direction,...o}=e;return Dm("span",{...o,className:r(fs,e.className,{[`${fs}-${t}`]:t})})};import{Fragment as bs,jsx as Nt,jsxs as ur}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,f=t?.prefix,N=t?.suffix,h=t?.["clear-button"],M=t?.["validation-icon"],c=t?.separators;return ur(Z,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[f&&ur(bs,{children:[Nt(we,{children:Nt(L,{icon:"lock"})}),c&&Nt(Ae,{})]}),Nt(Fe,{placeholder:"Placeholder",value:"Value"}),M&&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&&ur(bs,{children:[c&&Nt(Ae,{}),Nt(_e,{children:Nt(Jt,{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 xs,jsxs as Xm}from"react/jsx-runtime";var hs="k-color-preview",Vm=[],$m={},Ot=e=>{let{color:t,iconName:o,...a}=e;return Xm("span",{...a,className:r(e.className,hs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xs(L,{icon:o,className:"k-color-preview-icon"}),xs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Vm;Ot.options=$m;Ot.className=hs;var fr="popup",Ns=fr;import{jsx as vs}from"react/jsx-runtime";var Cs="k-animation-container",Wm=[],Jm={},br={positionMode:"absolute",shown:!0},vt=e=>{let{positionMode:t=br.positionMode,shown:o=br.shown,animationStyle:a,offset:n,...s}=e;return vs("div",{...s,style:{...n,...e.style},className:r(e.className,Cs,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:vs("div",{className:"k-child-animation-container",style:a,children:e.children})})};vt.states=Wm;vt.options=Jm;vt.className=Cs;vt.defaultOptions=br;vt.moduleName=fr;vt.folderName=Ns;var xr="popup",Ls=xr;import{jsx as Ms}from"react/jsx-runtime";var gs="k-popup",qm=[],Ym={},Ss={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:o=Ss.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return Ms(vt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:Ms("div",{...m,className:r(e.className,gs),children:e.children})})};F.states=qm;F.options=Ym;F.className=gs;F.defaultOptions=Ss;F.moduleName=xr;F.folderName=Ls;import{jsx as Zm}from"react/jsx-runtime";var Qm="k-actionsheet-footer",Is={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=Is.alignment,orientation:o=Is.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 hr="searchbox",ks=hr;import{jsx as Sa,jsxs as tc}from"react/jsx-runtime";var As="k-searchbox",jm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ec={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rn={showIcon:!0,showClearButton:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:f,invalid:N,required:h,loading:M,disabled:c,showIcon:C=rn.showIcon,showClearButton:g=rn.showClearButton,icon:S=rn.icon,"aria-label":T,...A}=e;return tc(Z,{...A,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:f,invalid:N,required:h,loading:M,disabled:c,className:r(e.className,As),children:[C&&Sa(L,{className:"k-input-icon",icon:S}),Sa(Fe,{placeholder:o,value:t,"aria-label":T}),Sa(Re,{...e}),Sa(ke,{...e}),g&&Sa(Ue,{...e})]})};Ye.states=jm;Ye.options=ec;Ye.className=As;Ye.defaultOptions=rn;Ye.moduleName=hr;Ye.folderName=ks;import{jsx as FS}from"react/jsx-runtime";var Nr="textbox",Ts=Nr;import{Fragment as ys,jsx as Kt,jsxs as vr}from"react/jsx-runtime";var Es="k-textbox",oc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ac={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},sn={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:n=sn.separators,showClearButton:s=sn.showClearButton,showValidationIcon:l=sn.showValidationIcon,prefix:m,suffix:f,type:N,value:h,placeholder:M,hover:c,focus:C,valid:g,invalid:S,required:T,loading:A,disabled:K,readonly:V,id:ie,"aria-label":he,"aria-describedby":pe,...ce}=e;return vr(Z,{...ce,size:t,rounded:o,fillMode:a,hover:c,focus:C,valid:g,invalid:S,required:T,loading:A,disabled:K,readonly:V,className:r(e.className,Es),children:[m&&vr(ys,{children:[Kt(we,{children:m}),n&&Kt(Ae,{})]}),Kt(Fe,{id:ie,placeholder:M,value:h,type:N,disabled:K,"aria-label":he,"aria-describedby":pe,"aria-invalid":S?"true":void 0}),l&&Kt(ke,{valid:g,invalid:S,loading:A,disabled:K}),Kt(Re,{loading:A,disabled:K}),s&&Kt(Ue,{loading:A,disabled:K,readonly:V,value:h}),f&&vr(ys,{children:[n&&Kt(Ae,{}),Kt(_e,{children:f})]})]})};Ne.states=oc;Ne.options=ac;Ne.className=Es;Ne.defaultOptions=sn;Ne.moduleName=Nr;Ne.folderName=Ts;var Ia=Ne;import{jsx as nc}from"react/jsx-runtime";var Bs=e=>nc(Ia,{...e});import{Fragment as sI,jsx as iI}from"react/jsx-runtime";import{Fragment as uI,jsx as cI}from"react/jsx-runtime";import{jsx as hI}from"react/jsx-runtime";import{jsx as Cr}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]?Cr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Cr(Jt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Cr(Bs,{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 Lr}from"react/jsx-runtime";var Os="k-actionsheet-titlebar",pc={},Te=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:f,adaptive:N,titleId:h,children:M,...c}=e;return Lr("div",{...c,className:r(e.className,Os),children:[Lr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!M&&Lr("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})]}),M&&Rt("div",{className:"k-actionsheet-title",id:h,children:M}),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:f,size:N?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Rt(Ye,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Te.className=Os;Te.defaultOptions=pc;import{jsx as Mr,jsxs as fc}from"react/jsx-runtime";var gr="k-actionsheet-view",mc=[],cc={},uc={},Co=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,f=n?.type===Te&&Mr(Te,{adaptive:t,titleId:l,...n?.props}),N=s?.type===Pt&&Mr(Pt,{...s?.props});return fc("div",{...m,className:r(e.className,gr,{[`${gr}-animated`]:o}),children:[f,Mr("div",{className:"k-actionsheet-content",children:a}),N]})};Co.states=mc;Co.options=cc;Co.className=gr;Co.defaultOptions=uc;var ka="action-sheet",ln=ka;var Sr="overlay",Ps=Sr;import{jsx as Nc}from"react/jsx-runtime";var Ks="k-overlay",bc=[],xc={},hc={},wt=e=>{let{...t}=e;return Nc("div",{...t,className:r(e.className,Ks),children:e.children})};wt.states=bc;wt.options=xc;wt.className=Ks;wt.defaultOptions=hc;wt.moduleName=Sr;wt.folderName=Ps;import{jsx as dn,jsxs as Lc}from"react/jsx-runtime";var Rs="k-actionsheet",vc=[],Cc={},Aa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=Aa.side,fullscreen:o=Aa.fullscreen,adaptive:a=Aa.adaptive,overlay:n=Aa.overlay,template:s,children:l,header:m,footer:f,id:N,...h}=e,M=N&&!s&&m?`${N}-title`:void 0;return Lc("div",{className:"k-actionsheet-container",children:[n&&dn(wt,{}),dn(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:dn("div",{...h,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":M,className:r(e.className,Rs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|dn(Co,{header:m,footer:f,adaptive:a,titleId:M,...e,children:l})})})]})};ae.states=vc;ae.options=Cc;ae.className=Rs;ae.defaultOptions=Aa;ae.moduleName=ka;ae.folderName=ln;import{jsx as Ic}from"react/jsx-runtime";var ws="k-actionsheet-container",Mc=[],gc={},Sc={},Lo=e=>{let{children:t,...o}=e;return Ic("div",{...o,className:ws,children:t})};Lo.states=Mc;Lo.options=gc;Lo.className=ws;Lo.defaultOptions=Sc;Lo.moduleName=ka;Lo.folderName=ln;import{jsx as kc}from"react/jsx-runtime";var Ir=e=>{let{...t}=e;return kc("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Tc,jsx as Ta,jsxs as kr}from"react/jsx-runtime";var Ar="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,...f}=e;return kr("span",{...f,className:r(e.className,Ar,I(Ar,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&Ta(Tc,{children:kr("span",{className:"k-actionsheet-action",children:[t&&Ta("span",{className:"k-icon-wrap",children:Ta(L,{className:"k-actionsheet-item-icon",icon:t})}),kr("span",{className:"k-actionsheet-item-text",children:[o&&Ta("span",{className:"k-actionsheet-item-title",children:o}),a&&Ta("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=Ac;_t.className=Ar;import{jsx as xk,jsxs as hk}from"react/jsx-runtime";import{jsx as Lk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as yk}from"react/jsx-runtime";import{jsx as ue,jsxs as Tr}from"react/jsx-runtime";var yc=ae.options,Ec=ae.states,Ds={...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}={...Ds,...e},n={},s=Tr(Ir,{children:[ue(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ue(_t,{text:"Add to Favorites",iconName:"heart"}),ue(_t,{text:"Upload New",iconName:"upload",disabled:!0}),ue("hr",{className:"k-hr"}),ue(_t,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?l:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ue(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:ue(Te,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[ue(d,{text:"Cancel",size:"large",themeColor:"base"}),ue(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ue(ae,{...a,fullscreen:n.fullScreen,header:ue(Te,{actionsStart:n.actionsStart?ue(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?ue(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[ue(d,{text:"Apply",themeColor:"primary"}),ue(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Mo.options=yc;Mo.states=Ec;Mo.variants=Bc;Mo.defaultOptions=Ds;Mo.modifiers=Oc;Mo.className=ae.className;var yr="slider",Hs=yr;import{jsx as go,jsxs as Er}from"react/jsx-runtime";var ya="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:f=Qe.showTicks,value:N=Qe.value,min:h=Qe.min,max:M=Qe.max,startValue:c,endValue:C,hover:g,focus:S,active:T,trackStyle:A,dir:K,...V}=e,he=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),pe,ce;return o==="horizontal"?(pe=K==="rtl"?"chevron-left":"chevron-right",ce=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(pe="chevron-up",ce="chevron-down"),Er("div",{...V,className:r(ya,e.className,I(ya,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&go(d,{className:"k-button-decrease",rounded:"full",icon:ce,tabIndex:-1,title:"Decrease"}),Er("div",{className:"k-slider-track-wrap",children:[f&&go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Er("div",{className:"k-slider-track",style:A,children:[go("div",{className:"k-slider-selection"}),t==="range"&&go("span",{className:r("k-draghandle","k-draghandle-start",I(ya,{hover:g,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":c??h,"aria-valuemin":h,"aria-valuemax":C??M,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":V["aria-label"]?`${V["aria-label"]} start`:"Range start"}),go("span",{className:r("k-draghandle",`k-draghandle-${l}`,I(ya,{hover:g,focus:S,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?C??M:N,"aria-valuemin":t==="range"?c??h:h,"aria-valuemax":M,"aria-orientation":he,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?V["aria-label"]?`${V["aria-label"]} end`:"Range end":V["aria-label"]})]})]}),m&&go(d,{className:"k-button-increase",rounded:"full",icon:pe,tabIndex:-1,title:"Increase"})]})};Q.states=Pc;Q.options=Kc;Q.className=ya;Q.defaultOptions=Qe;Q.moduleName=yr;Q.folderName=Hs;import{jsx as zs}from"react/jsx-runtime";var Gs="k-tick",Rc=[],wc={},Us={label:!1},B=e=>{let{style:t,label:o=Us.label,orientation:a,large:n,text:s,...l}=e;return zs("li",{...l,role:"presentation",title:s\|\|"Tick",className:r(e.className,Gs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&zs("span",{className:"k-label",children:s})})};B.states=Rc;B.options=wc;B.className=Gs;B.defaultOptions=Us;import{Fragment as _c,jsx as Ze,jsxs as Dc}from"react/jsx-runtime";var Fs=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 Vs=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 hA,jsx as xA,jsxs as NA}from"react/jsx-runtime";import{Fragment as gA,jsx as MA,jsxs as SA}from"react/jsx-runtime";import{jsx as Gc}from"react/jsx-runtime";var Br=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 Or=e=>Uc(Q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as RA,jsx as KA,jsxs as wA}from"react/jsx-runtime";import{Fragment as GA,jsx as zA,jsxs as UA}from"react/jsx-runtime";import{jsx as Ct,jsxs as $s}from"react/jsx-runtime";var Fc=Q.options,Vc=Q.states,Xs={...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}],So=e=>{let{variant:t,modifiers:o,...a}=e,n=Xs.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"?$s(Vs,{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%"}})]}):$s(Fs,{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%"}})]})};So.options=Fc;So.states=Vc;So.variants=$c;So.defaultOptions=Xs;So.modifiers=Xc;So.className=Q.className;import{jsx as Ws,jsxs as Qc}from"react/jsx-runtime";var Js="k-spin-button",qc=[],Yc={size:[p.undefined,p.small,p.medium,p.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Pr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Pr.increaseLabel,decreaseLabel:s=Pr.decreaseLabel,...l}=e;return Qc("span",{...l,className:r(Js,e.className),children:[Ws(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ws(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Dt.states=qc;Dt.options=Yc;Dt.className=Js;Dt.defaultOptions=Pr;Dt.moduleName=null;Dt.folderName=null;var qs="numeric-textbox",Ys="numerictextbox";import{Fragment as Qs,jsx as St,jsxs as Kr}from"react/jsx-runtime";var Zs="k-numerictextbox",Zc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jc={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pn={showSpinButton:!0,showClearButton:!0,separators:!0},X=e=>{let{size:t,rounded:o,fillMode:a,separators:n=pn.separators,showClearButton:s=pn.showClearButton,showSpinButton:l=pn.showSpinButton,prefix:m,suffix:f,value:N,placeholder:h,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,id:V,"aria-label":ie,"aria-describedby":he,...pe}=e;return Kr(Z,{...pe,size:t,rounded:o,fillMode:a,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,className:r(e.className,Zs),children:[m&&Kr(Qs,{children:[St(we,{children:m}),n&&St(Ae,{})]}),St(Fe,{id:V,placeholder:h,value:N,role:"spinbutton",disabled:A,"aria-label":ie,"aria-describedby":he,"aria-invalid":g?"true":void 0}),St(ke,{valid:C,invalid:g,loading:T,disabled:A}),St(Re,{loading:T,disabled:A}),s&&St(Ue,{loading:T,disabled:A,readonly:K,value:N}),f&&Kr(Qs,{children:[n&&St(Ae,{}),St(_e,{children:f})]}),l&&St(Dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};X.states=Zc;X.options=jc;X.className=Zs;X.defaultOptions=pn;X.moduleName=qs;X.folderName=Ys;var Ea=X;import{jsx as eu}from"react/jsx-runtime";var js=e=>eu(Ea,{...e});import wr from"react";import{jsx as el}from"react/jsx-runtime";var tu="k-list-group-sticky-header",Rr=e=>el("div",{className:r(tu,e.className),children:el("div",{className:"k-list-header-text",children:e.children})});import{jsx as au}from"react/jsx-runtime";var ou="k-no-data",mn=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 Qt="list",Io=Qt;import{jsx as tl,jsxs as ol}from"react/jsx-runtime";var _r="k-list",nu=[],ru={size:[p.undefined,p.small,p.medium,p.large]},iu={},D=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:m,noData:f,screenReaders:N,...h}=e,c=wr.Children.toArray(a)[0],C=c?.props?.children?wr.Children.count(c.props.children):wr.Children.count(a);return ol("div",{...h,className:r(e.className,_r,k(_r,{size:t}),{"k-virtual-list":o}),children:[l,s,m,n&&tl(Rr,{children:n}),a\|\|(f!==void 0?f:tl(mn,{live:!0,children:"No data found."})),N&&a&&ol(mn,{className:"k-sr-only",live:!0,children:[C," items found."]})]})};D.states=nu;D.options=ru;D.className=_r;D.defaultOptions=iu;D.moduleName=Qt;D.folderName=Io;import{jsx as pu}from"react/jsx-runtime";var al="k-list-container",su=[],lu={},du={},ko=e=>{let{...t}=e;return pu("div",{...t,className:r(e.className,al),children:e.children})};ko.states=su;ko.options=lu;ko.className=al;ko.defaultOptions=du;ko.moduleName=Qt;ko.folderName=Io;var Zt="checkbox",Ao=Zt;import{jsx as nl}from"react/jsx-runtime";var cn="k-checkbox",mu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],cu={size:[p.undefined,p.small,p.medium,p.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:f,required:N,size:h,rounded:M,wrapperRole:c,...C}=e;return nl("span",{className:"k-checkbox-wrap",role:c,children:nl("input",{...C,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,cn,k(cn,{size:h,rounded:M}),I(cn,{hover:n,focus:s,disabled:l,invalid:m,valid:f,indeterminate:a,checked:o}))})})};Ve.states=mu;Ve.options=cu;Ve.className=cn;Ve.defaultOptions=uu;Ve.moduleName=Zt;Ve.folderName=Ao;var ct=Ve;import{jsx as xu}from"react/jsx-runtime";var rl="k-checkbox-list",fu=[],bu={},il={layout:"vertical"},ye=e=>{let{layout:t=il.layout,...o}=e;return xu("ul",{...o,className:r(e.className,rl,{[`k-list-${t}`]:t}),children:e.children})};ye.states=fu;ye.options=bu;ye.className=rl;ye.defaultOptions=il;ye.moduleName=Zt;ye.folderName=Ao;import{jsx as Cu}from"react/jsx-runtime";var sl="k-checkbox-list-item",hu=[],Nu={},vu={},Ee=e=>{let{...t}=e;return Cu("li",{...t,className:r(e.className,sl),children:e.children})};Ee.states=hu;Ee.options=Nu;Ee.className=sl;Ee.defaultOptions=vu;Ee.moduleName=Zt;Ee.folderName=Ao;import{Fragment as Lu,jsx as ll,jsxs as Mu}from"react/jsx-runtime";var It=({children:e="Label",id:t="cb-label-after",...o})=>Mu(Lu,{children:[ll(ct,{id:t,...o}),ll("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{Fragment as Ny,jsx as hy,jsxs as vy}from"react/jsx-runtime";import{Fragment as Sy,jsx as gy,jsxs as Iy}from"react/jsx-runtime";import{jsx as yy}from"react/jsx-runtime";import{jsx as Py}from"react/jsx-runtime";import{jsx as _y}from"react/jsx-runtime";import{jsx as et,jsxs as dl}from"react/jsx-runtime";var gu=ye.options,Su=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"?dl(ye,{layout:"horizontal",...o,children:[et(Ee,{children:et(It,{id:y("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})})]}):dl(ye,{...o,children:[et(Ee,{children:et(It,{id:y("cb"),defaultChecked:!0,children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})}),et(Ee,{children:et(It,{id:y("cb"),children:"Label"})})]})};To.options=gu;To.states=Su;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:y("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 Dr="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:f,disabled:N,actions:h,description:M,id:c,...C}=e,g=t\|\|e.children,S=t\|\|(typeof g=="string"?g:void 0);return _u("li",{...C,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":f?"true":"false","aria-disabled":N?"true":void 0,className:r(e.className,Dr,I(Dr,{hover:l,focus:m,disabled:N,selected:f})),children:[n&&Eo(Ve,{checked:s,disabled:N,"aria-label":S,tabIndex:-1}),o&&Eo("span",{className:"k-list-item-icon-wrapper",children:Eo(L,{icon:o,className:r("k-list-item-icon",a)})}),Eo("span",{className:"k-list-item-text",children:g}),h&&Eo("div",{className:"k-list-item-actions",children:h}),M&&Eo("span",{className:"k-list-item-description",children:M})]})};P.states=Ku;P.options=Ru;P.className=Dr;P.defaultOptions=wu;P.moduleName=Qt;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 Hr,jsxs as Gu}from"react/jsx-runtime";var zu="k-list-content",W=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:Hr(Ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Hr("div",{className:"k-height-container",children:Hr("div",{})})]})};import{jsx as zr,jsxs as $u}from"react/jsx-runtime";var un="k-list-sticky-header",Uu=[i.hover,i.focus,i.selected],Fu={},Vu={},fn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:l,selected:m,...f}=e;return zr("div",{...f,className:r(un,e.className),children:$u("div",{className:r(`${un}-item`,I(`${un}-item`,{hover:s,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&zr(Ve,{checked:a,indeterminate:n,"aria-label":t}),zr("span",{className:"k-list-item-text",children:t})]})})};fn.states=Uu;fn.options=Fu;fn.className=un;fn.defaultOptions=Vu;import{Fragment as BE,jsx as EE,jsxs as OE}from"react/jsx-runtime";import{jsx as _E,jsxs as DE}from"react/jsx-runtime";import{jsx as qu}from"react/jsx-runtime";var Gr="k-list-optionlabel",Xu=[i.hover,i.focus,i.selected,i.disabled],Wu={},Ju={},bn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return qu("div",{...l,className:r(Gr,I(Gr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};bn.states=Xu;bn.options=Wu;bn.className=Gr;bn.defaultOptions=Ju;import{jsx as ju}from"react/jsx-runtime";var Ur="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(Ur,I(Ur,{hover:o,focus:a,selected:n,disabled:s})),children:t})};zt.states=Yu;zt.options=Qu;zt.className=Ur;zt.defaultOptions=Zu;import{Fragment as YE,jsx as qE,jsxs as QE}from"react/jsx-runtime";import{Fragment as aB,jsx as oB,jsxs as nB}from"react/jsx-runtime";import{Fragment as mB,jsx as dB,jsxs as pB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as hB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{Fragment as TB,jsx as AB,jsxs as yB}from"react/jsx-runtime";import{Fragment as RB,jsx as KB,jsxs as wB}from"react/jsx-runtime";var pl="dropdown-list",ml="dropdownlist";import{Fragment as of,jsx as Be,jsxs as Fr}from"react/jsx-runtime";var cl="k-dropdownlist",ef=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tf={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Vr={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Vr.arrowIconName,showValue:s=Vr.showValue,valueIconName:l,prefix:m,suffix:f,value:N,placeholder:h,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,popup:V,opened:ie,adaptive:he,adaptiveSettings:pe,adaptiveTitle:ce,adaptiveSubtitle:ba,adaptiveFilter:Xt,id:Wt,activeDescendant:xa,"aria-label":Fn,...Vn}=e,$n=Wt?`${Wt}-listbox`:void 0,Oi=Wt?`${Wt}-value`:void 0;return Fr(of,{children:[Fr(ht,{...Vn,id:Wt,size:t,rounded:o,fillMode:a,hover:M,focus:c,valid:C,invalid:g,required:S,loading:T,disabled:A,readonly:K,className:r(e.className,cl,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ie?"true":"false","aria-controls":ie?$n:void 0,"aria-activedescendant":ie&&xa?xa:void 0,"aria-describedby":ie?Oi:void 0,"aria-disabled":A?"true":void 0,"aria-label":Fn,tabIndex:0,children:[Be(we,{children:m}),Be(Yt,{placeholder:h,value:N,showValue:s,valueIconName:l,id:Oi}),Be(ke,{valid:C,invalid:g,loading:T,disabled:A}),Be(Re,{loading:T,disabled:A}),Be(_e,{children:f}),Be(d,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h\|\|"Toggle dropdown",tabIndex:-1})]}),ie&&V&&Be(F,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:V}),he&&Be(ae,{adaptive:!0,...pe,header:Be(Te,{actionsEnd:Be(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xt,inputValue:N,inputPlaceholder:h,title:ce,subtitle:ba}),children:Be("div",{className:"k-list-container",children:Be(D,{size:"large",children:Fr(W,{"aria-label":"Options",children:[Be(P,{text:"List item"}),Be(P,{text:"List item"}),Be(P,{text:"List item"})]})})})})]})};me.states=ef;me.options=tf;me.className=cl;me.defaultOptions=Vr;me.moduleName=pl;me.folderName=ml;import{jsx as hO}from"react/jsx-runtime";import{jsx as gO,jsxs as SO}from"react/jsx-runtime";import{Fragment as PO,jsx as BO,jsxs as OO}from"react/jsx-runtime";import{jsx as DO}from"react/jsx-runtime";import{jsx as VO,jsxs as $O}from"react/jsx-runtime";import{Fragment as eP,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{jsx as rP}from"react/jsx-runtime";import{Fragment as df,jsx as Gt,jsxs as ul}from"react/jsx-runtime";var af=me.states,nf=me.defaultOptions,rf=me.options,sf=[{name:"opened",title:"Opened"}],lf=[],Oo=e=>{let{modifiers:t,...o}=e,a={},n=ul(df,{children:[Gt("div",{className:"k-list-filter",children:Gt(Ye,{})}),Gt(D,{style:{width:300},size:o.size,children:ul(W,{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(me,{placeholder:"Value",style:{width:300},...o,...a})})};Oo.options=rf;Oo.states=af;Oo.variants=lf;Oo.defaultOptions=nf;Oo.modifiers=sf;Oo.className=me.className;import{Fragment as AP,jsx as kP}from"react/jsx-runtime";import{Fragment as PP,jsx as OP}from"react/jsx-runtime";import{jsx as _P}from"react/jsx-runtime";import{jsx as $r}from"react/jsx-runtime";var pf=X.states,mf=X.defaultOptions,cf=X.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]?$r(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?$r(cr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),$r(js,{value:"Value",style:{width:300},...o,...a})};Po.options=cf;Po.states=pf;Po.variants=ff;Po.defaultOptions=mf;Po.modifiers=uf;Po.className=X.className;import{Fragment as Oa,jsx as w,jsxs as ne}from"react/jsx-runtime";var fl="k-colorgradient-inputs",bf=[],xf={size:[p.undefined,p.small,p.medium,p.large]},bl={mode:"rgba"},Ko=e=>{let{mode:t=bl.mode,size:o,...a}=e;return ne("div",{...a,className:r(fl,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{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(X,{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(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{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(X,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Oa,{children:[ne("div",{className:"k-vstack",children:[w(X,{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(X,{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(X,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(Oa,{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=fl;Ko.defaultOptions=bl;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var xl="k-colorgradient-color-contrast",hf=[],Nf={},vf={},Ro=()=>eo("div",{className:r(xl,"k-vbox"),children:[eo("div",{className:"k-contrast-ratio",children:[jt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),eo("span",{className:"k-contrast-validation !k-text-success",children:[jt(L,{icon:"check"}),jt(L,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(L,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(L,{icon:"x"})]})]})]});Ro.states=hf;Ro.options=Nf;Ro.className=xl;Ro.defaultOptions=vf;var hl="color-gradient",Nl="colorgradient";import{jsx as tt,jsxs as Pa}from"react/jsx-runtime";var xn="k-colorgradient",Cf=[i.hover,i.focus,i.readonly,i.disabled],Lf={size:[p.undefined,p.small,p.medium,p.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"},fe=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:f=Lt.alphaStyleHorizontal,contrast:N=Lt.contrast,dir:h,hover:M,focus:c,hoverHandle:C,focusHandle:g,canvasOrientation:S=Lt.canvasOrientation,role:T,tabIndex:A,...K}=e;return Pa("div",{...K,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":n?"true":void 0,className:r(e.className,xn,k(xn,{size:t}),I(xn,{hover:M,focus:c,readonly:a,disabled:n})),dir:h,children:[!S\|\|S==="horizontal"&&Pa("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":C,"k-focus":g}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-hstack",children:[tt(Or,{className:"k-hue-slider",hover:C,focus:g}),o!=="rgb"&&o!=="hsv"&&tt(Or,{className:"k-alpha-slider",hover:C,focus:g,trackStyle:m})]})]}),S==="vertical"&&Pa("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":C,"k-focus":g}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Pa("div",{className:"k-hsv-controls k-vstack",children:[tt(Br,{className:"k-hue-slider",hover:C,focus:g}),o!=="rgb"&&o!=="hsv"&&tt(Br,{className:"k-alpha-slider",hover:C,focus:g,trackStyle:f})]})]}),tt(Ko,{mode:e.mode,size:t}),N&&tt(Ro,{})]})};fe.states=Cf;fe.options=Lf;fe.className=xn;fe.defaultOptions=Lt;fe.moduleName=hl;fe.folderName=Nl;import{jsx as Mf}from"react/jsx-runtime";var hn=e=>Mf(fe,{...e});import{jsx as MK}from"react/jsx-runtime";import{jsx as kK}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var gf=fe.options,Sf=fe.states,If={...fe.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 Xr(hn,{...o,mode:t});case"rgb":return Xr(hn,{...o,mode:t});default:return Xr(hn,{...o,mode:t})}};wo.options=gf;wo.states=Sf;wo.variants=kf;wo.defaultOptions=If;wo.modifiers=Af;wo.className=fe.className;import{jsx as Tf}from"react/jsx-runtime";var Wr=e=>Tf("tr",{role:"row",children:e.children});import{jsx as Bf}from"react/jsx-runtime";var Jr="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,Jr,I(Jr,{hover:a,focus:n,selected:s})),style:m})};Ut.states=yf;Ut.options=Ef;Ut.className=Jr;Ut.moduleName=null;Ut.folderName=null;var vl="color-palette",Cl="colorpalette";import{jsx as Ka}from"react/jsx-runtime";var Nn="k-colorpalette",Of=[i.disabled],Pf={size:[p.undefined,p.small,p.medium,p.large]},Ll={columns:10},De=e=>{let{size:t,palette:o,columns:a=Ll.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let f=a\|\|o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/f)},(h,M)=>{let c=[];N.slice(Mf,(M+1)*f).map((g,S)=>{c.push(Ka(Ut,{color:g,tileSize:n},S))});let C=Ka(Wr,{children:c},M);m.push(C)})}return Ka("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Nn,I(Nn,{disabled:s}),k(Nn,{size:t})),children:Ka("table",{className:"k-colorpalette-table",role:"none",children:Ka("tbody",{children:m.length>0?m:e.children})})})};De.states=Of;De.options=Pf;De.className=Nn;De.defaultOptions=Ll;De.moduleName=vl;De.folderName=Cl;var vn=De;var Ra={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 Ml=e=>Kf(vn,{palette:Ra.basic,...e});import{jsx as sR}from"react/jsx-runtime";import{jsx as uR,jsxs as fR}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(Ml,{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 gl="color-editor",Sl="coloreditor";import{jsx as ot,jsxs as Do}from"react/jsx-runtime";var Cn="k-coloreditor",Uf=[i.focus],Ff={size:[p.undefined,p.small,p.medium,p.large]},wa={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:n,currentColor:s,focus:l,focusView:m,dir:f,group:N,actionButtons:h=wa.actionButtons,canvasOrientation:M=wa.canvasOrientation,...c}=e;return Do("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Cn,k(Cn,{size:t}),I(Cn,{focus:l})),dir:f,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(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),ot(d,{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(d,{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(fe,{focus:m,size:t,canvasOrientation:M,role:"none",tabIndex:-1}):ot(De,{palette:a,size:t})}),h&&Do(z,{className:"k-coloreditor-footer",alignment:"start",children:[ot(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),ot(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Uf;re.options=Ff;re.className=Cn;re.defaultOptions=wa;re.moduleName=gl;re.folderName=Sl;var Ho=re;import{jsx as FR}from"react/jsx-runtime";import{jsx as WR}from"react/jsx-runtime";import{jsx as Vf}from"react/jsx-runtime";var Il=e=>Vf(Ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as $f}from"react/jsx-runtime";var kl=e=>$f(Ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Al}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"?Al(kl,{...o,color:"white"}):Al(Il,{...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 Tl="color-picker",yl="colorpicker";import{Fragment as jf,jsx as at,jsxs as qr}from"react/jsx-runtime";var El="k-colorpicker",Qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zf={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Bl={arrowIconName:"chevron-down"},nt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Bl.arrowIconName,prefix:s,suffix:l,value:m,placeholder:f,hover:N,focus:h,valid:M,invalid:c,required:C,disabled:g,valueIconName:S,popup:T,opened:A,adaptive:K,adaptiveSettings:V,adaptiveTitle:ie,adaptiveSubtitle:he,...pe}=e,ce="colorpicker-popup";return qr(jf,{children:[qr(ht,{...pe,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:M,invalid:c,required:C,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|K?ce:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:r(e.className,El,"k-icon-picker"),children:[at(we,{children:s}),at(Yt,{placeholder:f,value:m,showValue:!1,valueIcon:at(Ot,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),at(_e,{children:l}),at(d,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),A&&T&&at(F,{id:ce,className:"k-colorpicker-popup",children:T}),K&&at(ae,{adaptive:!0,id:ce,...V,header:at(Te,{actionsEnd:at(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ie,subtitle:he}),footer:qr(Pt,{children:[at(d,{text:"Cancel",size:"large"}),at(d,{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=El;nt.defaultOptions=Bl;nt.moduleName=Tl;nt.folderName=yl;var kt=nt;import{jsx as eb}from"react/jsx-runtime";var Ln=e=>eb(kt,{...e});import{jsx as Ew}from"react/jsx-runtime";import{jsx as Rw}from"react/jsx-runtime";import{jsx as Hw}from"react/jsx-runtime";import{jsx as Fw}from"react/jsx-runtime";import{jsx as Ww}from"react/jsx-runtime";import{jsx as Qw}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var tb=kt.options,ob=kt.states,Ol={...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}={...Ol,...e},n={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(n.opened=!!o?.[l],n.popup=o?.[l]?to(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 to("div",{style:s,children:to(Ln,{...a,...n})});case"icon":return to("div",{style:s,children:to(Ln,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:s,children:to(Ln,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Go.options=tb;Go.states=ob;Go.variants=ab;Go.defaultOptions=Ol;Go.modifiers=nb;Go.className=kt.className;var Yr="combobox",Pl=Yr;import{Fragment as Qr,jsx as se,jsxs as _a}from"react/jsx-runtime";var Kl="k-combobox",rb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ib={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Zr={separators:!0,showClearButton:!0},Oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Zr.separators,showClearButton:s=Zr.showClearButton,prefix:l,suffix:m,value:f,placeholder:N,hover:h,focus:M,valid:c,invalid:C,required:g,loading:S,disabled:T,popup:A,opened:K,readonly:V,adaptive:ie,adaptiveSettings:he,adaptiveTitle:pe,adaptiveSubtitle:ce,adaptiveCustomValue:ba,id:Xt,autocomplete:Wt,activeDescendant:xa,"aria-label":Fn,...Vn}=e,$n=Xt?`${Xt}-listbox`:void 0;return _a(Qr,{children:[_a(Z,{...Vn,size:t,rounded:o,fillMode:a,hover:h,focus:M,valid:c,invalid:C,required:g,loading:S,disabled:T,readonly:V,className:r(e.className,Kl),children:[l&&_a(Qr,{children:[se(we,{children:l}),n&&se(Ae,{})]}),se(Fe,{id:Xt,placeholder:N,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":K?"true":"false","aria-controls":K?$n:void 0,"aria-activedescendant":K&&xa?xa:void 0,"aria-autocomplete":Wt,"aria-invalid":C?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Fn,disabled:T,readOnly:V}),se(ke,{valid:c,invalid:C,loading:S,disabled:T}),se(Re,{loading:S,disabled:T}),s&&se(Ue,{loading:S,disabled:T,readonly:V,value:f}),m&&_a(Qr,{children:[n&&se(Ae,{}),se(_e,{children:m})]}),se(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:T})]}),K&&A&&se(F,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:A}),ie&&se(ae,{adaptive:!0,id:Xt?`${Xt}-adaptive`:void 0,...he,header:se(Te,{actionsEnd:se(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:f,inputPlaceholder:N,title:pe,subtitle:ce}),children:se("div",{className:"k-list-container",children:se(D,{customValue:ba?se(zt,{text:`Use "${f}"`}):void 0,size:"large",children:_a(W,{"aria-label":pe\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};Oe.states=rb;Oe.options=ib;Oe.className=Kl;Oe.defaultOptions=Zr;Oe.moduleName=Yr;Oe.folderName=Pl;var $e=Oe;import{jsx as sb}from"react/jsx-runtime";var Rl=e=>sb($e,{...e});import{jsx as P_,jsxs as K_}from"react/jsx-runtime";import{jsx as z_,jsxs as G_}from"react/jsx-runtime";import{jsx as W_,jsxs as J_}from"react/jsx-runtime";import{Fragment as e0,jsx as j_}from"react/jsx-runtime";import{Fragment as i0,jsx as r0}from"react/jsx-runtime";import{jsx as c0,jsxs as u0}from"react/jsx-runtime";import{Fragment as L0,jsx as v0,jsxs as C0}from"react/jsx-runtime";import{jsx as I0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as R0,jsxs as w0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}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(D,{style:{width:300},size:o.size,children:ub(W,{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(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ft($,{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(Rl,{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 jr="menu-button",wl=jr;import{jsx as xb}from"react/jsx-runtime";var _l="k-menu-button",fb=[i.hover,i.focus,i.active,i.selected,i.disabled],bb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},ei={showArrow:!0,arrowIconName:"chevron-down"},J=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,icon:h,endIcon:M,text:c,showArrow:C=ei.showArrow,arrowIconName:g=ei.arrowIconName,expanded:S,...T}=e;return xb(d,{...T,className:r(e.className,_l),text:c,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,ariaDisabled:N\|\|void 0,icon:h,endIcon:M,showArrow:C,arrowIconName:g,"aria-expanded":S?"true":"false",...!c&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};J.states=fb;J.options=bb;J.className=_l;J.defaultOptions=ei;J.moduleName=jr;J.folderName=wl;import{jsx as MD}from"react/jsx-runtime";import{jsx as kD}from"react/jsx-runtime";import{jsx as ED}from"react/jsx-runtime";import{jsx as KD}from"react/jsx-runtime";var Xe="menu",rt=Xe;import{jsx as Ha,jsxs as Dl}from"react/jsx-runtime";var ti="k-menu-item",hb=[i.hover,i.focus,i.active,i.selected,i.disabled],Nb={},Hl={iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:f,arrowIconName:N,iconPosition:h=Hl.iconPosition,dir:M,children:c,expanded:C,...g}=e,S=N;return S\|\|(S=M==="rtl"?"chevron-left":"chevron-right"),Dl("li",{...g,className:r(e.className,ti,"k-item",I(ti,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":C?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Dl("span",{className:r("k-link k-menu-link"),children:[l&&h==="before"&&Ha(L,{className:"k-menu-link-icon",icon:l}),Ha("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&Ha(L,{className:"k-menu-link-icon",icon:l}),f&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(L,{icon:S})})]}),c]})};ve.states=hb;ve.options=Nb;ve.className=ti;ve.defaultOptions=Hl;ve.moduleName=Xe;ve.folderName=rt;import{jsx as oo,jsxs as zl}from"react/jsx-runtime";var oi="k-menu-item",vb=[i.hover,i.focus,i.active,i.selected,i.disabled],Cb={},ai={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:f,arrowIconName:N,iconPosition:h=ai.iconPosition,dir:M=ai.dir,children:c,popup:C,expanded:g,actions:S,description:T,...A}=e,K=N;return K\|\|(K=M==="rtl"?"chevron-left":"chevron-right"),zl("li",{role:"menuitem",...A,className:r(e.className,oi,"k-item",I(oi,{focus:o,disabled:s})),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":g?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zl("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[l&&h==="before"&&oo(L,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&oo(L,{className:"k-menu-link-icon",icon:l}),S&&oo("span",{className:"k-menu-link-actions",children:S}),f&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(L,{icon:K})}),T&&oo("span",{className:"k-menu-link-description",children:T})]}),c,C]})};j.states=vb;j.options=Cb;j.className=oi;j.defaultOptions=ai;j.moduleName=Xe;j.folderName=rt;import{jsx as Sb}from"react/jsx-runtime";var Gl="k-menu-scroll-wrapper",Lb=[],Mb={},gb={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return Sb("div",{...n,className:r(t,Gl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Lb;ao.options=Mb;ao.className=Gl;ao.defaultOptions=gb;ao.moduleName=Xe;ao.folderName=rt;var Ul=ao;import{Fragment as ni,jsx as no,jsxs as Mn}from"react/jsx-runtime";var gn="k-menu",Ib=[],kb={size:[p.undefined,p.small,p.medium,p.large]},Sn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},be=e=>{let{children:t,orientation:o=Sn.orientation,header:a=Sn.header,scrollable:n,scrollButtonsPosition:s=Sn.scrollButtonsPosition,wrapperStyles:l,dir:m,size:f,popup:N,contextMenu:h,...M}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},C=no("ul",{dir:m,...M,className:r(e.className,"k-reset",gn,{[`${gn}-${o}`]:o,"k-header":a},k(gn,{size:f})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Mn(ni,{children:[n?Mn(Ul,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&Mn(ni,{children:[no(d,{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"}),no(d,{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"&&no(d,{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"}),C,s==="end"&&Mn(ni,{children:[no(d,{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"}),no(d,{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"&&no(d,{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"})]}):C,N]})};be.states=Ib;be.options=kb;be.className=gn;be.defaultOptions=Sn;be.moduleName=Xe;be.folderName=rt;import{jsx as Ab}from"react/jsx-runtime";var ri="k-separator",Fl={orientation:"horizontal"},Fo=e=>{let{orientation:t=Fl.orientation,...o}=e;return Ab("li",{...o,className:r(e.className,"k-item",ri,{[`${ri}-${t}`]:t}),role:"separator"})};Fo.className=ri;Fo.defaultOptions=Fl;Fo.moduleName=Xe;Fo.folderName=rt;import{Fragment as dH,jsx as pH}from"react/jsx-runtime";import{jsx as Bb}from"react/jsx-runtime";var ii="k-menu-group",Tb=[],yb={size:[p.undefined,p.small,p.medium,p.large]},Eb={},Ce=e=>{let{children:t,size:o,...a}=e;return Bb("ul",{role:"menu",...a,className:r(e.className,ii,k(ii,{size:o})),children:t})};Ce.states=Tb;Ce.options=yb;Ce.className=ii;Ce.defaultOptions=Eb;Ce.moduleName=Xe;Ce.folderName=rt;import{jsx as vH,jsxs as CH}from"react/jsx-runtime";import{Fragment as Ob,jsx as Vo,jsxs as Pb}from"react/jsx-runtime";var si=e=>Vo(be,{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 EH,jsx as TH,jsxs as yH}from"react/jsx-runtime";import{Fragment as RH,jsx as KH,jsxs as wH}from"react/jsx-runtime";import{Fragment as GH,jsx as zH,jsxs as UH}from"react/jsx-runtime";import{Fragment as WH,jsx as XH,jsxs as JH}from"react/jsx-runtime";import{jsx as ro,jsxs as Db}from"react/jsx-runtime";var Kb={...be.options,scrollable:{type:"boolean"}},Rb=be.states,Vl={...be.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}={...Vl,...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]?ro(F,{className:"k-menu-popup",offset:s,children:Db(Ce,{children:[ro(j,{text:"Item 1"}),ro(j,{text:"Item 2"}),ro(Fo,{}),ro(j,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(si,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(si,{...a,...n})};$o.options=Kb;$o.states=Rb;$o.variants=wb;$o.defaultOptions=Vl;$o.modifiers=_b;$o.className=be.className;import{Fragment as A1,jsx as I1,jsxs as k1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{Fragment as Fb,jsx as Mt,jsxs as $l}from"react/jsx-runtime";var Hb=d.states,Xl={...d.defaultOptions,variant:"text"},zb=d.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}={...Xl,...e},n={},s=Mt(F,{className:"k-menu-popup",children:$l(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(J,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Mt("div",{children:Mt(J,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Mt("div",{children:Mt(J,{...a,...n,children:"Dropdown Button"})});break}return $l(Fb,{children:[l,o?.opened&&s]})};Xo.options=zb;Xo.states=Hb;Xo.variants=Gb;Xo.defaultOptions=Xl;Xo.modifiers=Ub;Xo.className=J.className;var li="split-button",Wl=li;import{Fragment as Xb,jsx as di,jsxs as Jl}from"react/jsx-runtime";var pi="k-split-button",Vb=[i.hover,i.focus,i.active,i.selected,i.disabled],$b={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},ql={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,icon:h,endIcon:M,text:c,arrowIconName:C=ql.arrowIconName,popup:g,opened:S,popupId:T,...A}=e;return Jl(Xb,{children:[Jl("div",{...A,className:r(e.className,pi,"k-button-group",k(pi,{rounded:o})),children:[di(d,{text:c,icon:h,endIcon:M,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:f,disabled:N,...!c&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),di(d,{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":S?"true":"false","aria-controls":S?T:void 0,tabIndex:-1})]}),S&&g&&di(F,{className:"k-menu-popup",children:g})]})};_.states=Vb;_.options=$b;_.className=pi;_.defaultOptions=ql;_.moduleName=li;_.folderName=Wl;var mi=_;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 io="toolbar",Wo=io;import{Fragment as ci,jsx as G,jsxs as Jo}from"react/jsx-runtime";var At="k-toolbar",qb=[i.focus],Yb={size:[p.undefined,p.small,p.medium,p.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Qb={scrollButtons:"around"},H=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:f,...N}=e,h=[],M=(c,C)=>{let g=[];if(c.type===d&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))g.push(G(d,{...c.props,className:`${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===d)g.push(G(d,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===R)g.push(G(R,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===$)g.push(G($,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===J)g.push(G(J,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===mi)g.push(G(mi,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`));else if(c.type===O\|\|c.props.className&&c.props.className.includes("k-button-group")){let S=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((A,K)=>{S.push(G(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${K}-${new Date().getTime()}`))}),g.push(G(O,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:S},`${C}-${new Date().getTime()}`))}else c.type===Oe?g.push(G(Oe,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`)):c.type===me?g.push(G(me,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`)):c.type===nt?g.push(G(nt,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${C}-${new Date().getTime()}`)):g.push(c);g.forEach(S=>{h.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((C,g)=>{M(C,g)}),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`]:f}),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(ci,{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(L,{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(L,{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(ci,{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(L,{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(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"\|\|!l)&&Jo(ci,{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(L,{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(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};H.states=qb;H.options=Yb;H.className=At;H.defaultOptions=Qb;H.moduleName=io;H.folderName=Wo;import{jsx as tx}from"react/jsx-runtime";var ui="k-toolbar-item",Zb=[i.focus],jb={},ex={},qo=e=>{let{focus:t,...o}=e;return tx("div",{...o,className:r(e.className,ui,I(ui,{focus:t})),children:e.children})};qo.states=Zb;qo.options=jb;qo.className=ui;qo.defaultOptions=ex;qo.moduleName=io;qo.folderName=Wo;import{jsx as Yl}from"react/jsx-runtime";var Ql="k-toolbar-popup",ox=[],ax={size:[p.undefined,p.small,p.medium,p.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},nx={},so=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Yl(F,{...n,className:r(e.className,Ql),children:a?Yl("span",{className:r("k-toolbar-items-list",k("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};so.states=ox;so.options=ax;so.className=Ql;so.defaultOptions=nx;so.moduleName=io;so.folderName=Wo;var In=so;import{jsx as B2}from"react/jsx-runtime";import{jsx as R2}from"react/jsx-runtime";import{jsx as H2}from"react/jsx-runtime";import{jsx as F2}from"react/jsx-runtime";import{jsx as q2,jsxs as Y2}from"react/jsx-runtime";import{jsx as ez}from"react/jsx-runtime";import{jsx as Tt,jsxs as dx}from"react/jsx-runtime";var rx=_.states,Zl={..._.defaultOptions,variant:"text"},ix=_.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}={...Zl,...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(_,{...a,...n,icon:"star"})});case"icon-and-text":return Tt("div",{children:Tt(_,{...a,...n,icon:"star",children:"Split Button"})});default:return Tt("div",{children:Tt(_,{...a,...n,children:"Split Button"})})}};Yo.options=ix;Yo.states=rx;Yo.variants=sx;Yo.defaultOptions=Zl;Yo.modifiers=lx;Yo.className=_.className;import{jsx as lo,jsxs as px}from"react/jsx-runtime";var jl=e=>lo(H,{children:[lo(d,{children:"Button"},"toolbar-button"),lo(J,{text:"Menu button"},"toolbar-menu-button"),lo(_,{children:"Split button"},"toolbar-split-button"),px(O,{children:[lo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(d,{icon:"align-center",children:"Center"}),lo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ez,jsxs as Bz}from"react/jsx-runtime";import{jsx as We,jsxs as ed}from"react/jsx-runtime";var td=e=>We(H,{scrollable:!0,...e,children:[We(d,{children:"Button"},"toolbar-button"),We(J,{text:"Menu button"},"toolbar-menu-button"),We(_,{children:"Split button"},"toolbar-split-button"),ed(O,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(d,{children:"Button"},"toolbar-button"),We(J,{text:"Menu button"},"toolbar-menu-button"),We(_,{children:"Split button"},"toolbar-split-button"),ed(O,{children:[We(d,{className:"k-group-start",icon:"align-left",children:"Left"}),We(d,{icon:"align-center",children:"Center"}),We(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Je,jsxs as od}from"react/jsx-runtime";var ad=({scrollingPosition:e="start",...t})=>Je(H,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Je(d,{children:"Button"},"toolbar-button"),Je(J,{text:"Menu button"},"toolbar-menu-button"),Je(_,{children:"Split button"},"toolbar-split-button"),od(O,{children:[Je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(d,{icon:"align-center",children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(d,{children:"Button"},"toolbar-button"),Je(J,{text:"Menu button"},"toolbar-menu-button"),Je(_,{children:"Split button"},"toolbar-split-button"),od(O,{children:[Je(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(d,{icon:"align-center",children:"Center"}),Je(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as mx,jsx as He,jsxs as kn}from"react/jsx-runtime";var nd=({fillMode:e,size:t,...o})=>kn(mx,{children:[He(H,{section:!0,fillMode:e,size:t,children:[He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kn(O,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(ut,{className:"k-toolbar-button-separator"}),He(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),kn(In,{size:t,fillMode:e,section:!0,...o,children:[He(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(ut,{}),He(J,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kn(O,{fillMode:e,children:[He(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as p3,jsx as l3,jsxs as d3}from"react/jsx-runtime";import{Fragment as L3,jsx as v3,jsxs as C3}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var cx=H.options,ux=H.states,rd={...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}={...rd,...e};switch(t){case"responsive":return Vt("div",{children:Vt(nd,{style:{width:"583px"},...o})});case"overlay":return Vt("div",{children:Vt(ad,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Vt("div",{children:Vt(td,{style:{width:"583px"},...o})});default:return Vt("div",{children:Vt(jl,{style:{width:"583px"},...o})})}};Qo.options=cx;Qo.states=ux;Qo.variants=fx;Qo.defaultOptions=rd;Qo.modifiers=bx;Qo.className=H.className;var fi="speech-to-text-button",id=fi;import{jsx as xx}from"react/jsx-runtime";var sd="k-speech-to-text-button",ld={icon:"microphone"},ee=e=>{let{listening:t=!1,icon:o=ld.icon,...a}=e;return xx(d,{...a,icon:t?"stop":o,className:r(e.className,sd,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};ee.states=d.states;ee.options=d.options;ee.className=sd;ee.defaultOptions=ld;ee.moduleName=fi;ee.folderName=id;import{jsx as t5}from"react/jsx-runtime";import{jsx as r5}from"react/jsx-runtime";import{jsx as Lx}from"react/jsx-runtime";var hx=d.states,dd={...d.defaultOptions,variant:"normal"},Nx={...d.options,fillMode:d.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},vx=[],Cx=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],Zo=e=>{let{variant:t,...o}={...dd,...e},a={};return t==="listening"&&(a.listening=!0),Lx(ee,{...o,...a})};Zo.options=Nx;Zo.states=hx;Zo.variants=Cx;Zo.defaultOptions=dd;Zo.modifiers=vx;Zo.className=ee.className;var bi="textarea",pd=bi;import{Fragment as md,jsx as za,jsxs as xi}from"react/jsx-runtime";var cd="k-textarea",Mx=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],gx={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},jo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},q=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:f=jo.resize,prefix:N,suffix:h,rows:M,value:c,placeholder:C,hover:g,focus:S,valid:T,invalid:A,required:K,disabled:V,id:ie,"aria-label":he,"aria-describedby":pe,...ce}=e;return xi(Z,{...ce,size:t,rounded:o,fillMode:a,hover:g,focus:S,valid:T,invalid:A,required:K,disabled:V,className:r(e.className,cd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[N&&xi(md,{children:[za(we,{className:r({"!k-align-items-start":m===l}),direction:l,children:N}),n&&za(Ae,{direction:m==="horizontal"?"vertical":"horizontal"})]}),za(ga,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:c,placeholder:C,rows:M,disabled:V,id:ie,"aria-label":he,"aria-describedby":pe,"aria-invalid":A?"true":void 0}),h&&xi(md,{children:[s&&za(Ae,{direction:m==="horizontal"?"vertical":"horizontal"}),za(_e,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};q.states=Mx;q.options=gx;q.className=cd;q.defaultOptions=jo;q.moduleName=bi;q.folderName=pd;import{jsx as I5}from"react/jsx-runtime";import{Fragment as B5,jsx as E5}from"react/jsx-runtime";import{Fragment as _5,jsx as w5}from"react/jsx-runtime";import{jsx as G5}from"react/jsx-runtime";import{jsx as An}from"react/jsx-runtime";var Sx=q.options,Ix=q.states,ud={...q.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}={...ud,...e},n={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?An(L,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?An(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?An(q,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):An(q,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ea.options=Sx;ea.states=Ix;ea.variants=kx;ea.defaultOptions=ud;ea.modifiers=Ax;ea.className=q.className;import{Fragment as pG,jsx as lG,jsxs as dG}from"react/jsx-runtime";var Ni="suggestion",fd=Ni;import{jsx as Tn,jsxs as Ex}from"react/jsx-runtime";var yn="k-suggestion-group",Tx=[],yx={},bd={layout:"scrollable",scrollingPosition:"start"},it=e=>{let{layout:t=bd.layout,scrollingPosition:o,...a}=e,n=Tn("div",{...a,className:r(yn,{"k-suggestion-group-scrollable":t=="scrollable",[`${yn}-scrollable-start`]:o==="start"\|\|o==="both",[`${yn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Tn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?Ex("div",{className:"k-suggestion-scrollwrap",children:[Tn(d,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Tn(d,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};it.states=Tx;it.options=yx;it.className=yn;it.defaultOptions=bd;it.moduleName=Ni;it.folderName=fd;import{jsx as Kx}from"react/jsx-runtime";var En="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,children:l,...m}=e;return Kx("span",{...m,className:r(e.className,En,I(En,{hover:a,active:o,focus:n}),k(En,{themeColor:t})),role:"button",tabIndex:0,"aria-label":e["aria-label"]\|\|s,children:l\|\|s})};ft.states=Bx;ft.options=Ox;ft.className=En;ft.item=Px;import{Fragment as SG,jsx as gG,jsxs as IG}from"react/jsx-runtime";import{Fragment as EG,jsx as yG,jsxs as BG}from"react/jsx-runtime";import{Fragment as wG,jsx as RG,jsxs as _G}from"react/jsx-runtime";import{Fragment as tU,jsx as jG,jsxs as eU}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";var Rx="k-chip-action";var yt=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Bn(L,{icon:"x-circle",size:"small"});break;case"more":a=Bn(L,{icon:"more-vertical",size:"small"});break;default:return Bn(L,{icon:t,size:"small"})}return Bn("span",{...o,className:r(e.className,Rx,`k-chip-${t}-action`),children:a})};var vi="avatar",xd=vi;import{jsx as hd}from"react/jsx-runtime";var Ga="k-avatar";var wx=[i.hover,i.focus,i.active,i.selected,i.disabled],_x={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},Ci={type:"text",border:!1},ze=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:s=Ci.type,border:l=Ci.border,...m}=e;return hd("div",{...m,className:r(e.className,Ga,k(Ga,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ga}-bordered`]:l}),children:hd("span",{className:`${Ga}-${s}`,children:e.children})})};ze.states=wx;ze.options=_x;ze.className=Ga;ze.defaultOptions=Ci;ze.moduleName=vi;ze.folderName=xd;var po=ze;import{jsx as Dx}from"react/jsx-runtime";var Nd=e=>Dx(po,{type:"icon",...e});import{jsx as Hx}from"react/jsx-runtime";var vd=e=>Hx(po,{type:"text",...e});import{jsx as zx}from"react/jsx-runtime";var Cd=e=>zx(po,{type:"image",...e});import{jsx as gU}from"react/jsx-runtime";import{jsx as Ua}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 Ua(Nd,{...o,children:Ua(L,{icon:"star"})});case"text":return Ua(vd,{...o,children:"JO"});default:return Ua(Cd,{...o,children:Ua("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 Fa="chip",On=Fa,Pn="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as oa,jsxs as Jx}from"react/jsx-runtime";var Kn="k-chip",Xx=[i.hover,i.focus,i.active,i.selected,i.disabled],Wx={size:[p.undefined,p.small,p.medium,p.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[b.undefined,b.solid,b.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},Ld={avatarImage:"/packages/html/assets/avatar.jpg"},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:s,icon:l,actions:m,showAvatar:f,avatarImage:N=Ld.avatarImage,hover:h,focus:M,active:c,selected:C,disabled:g,...S}=e;return Jx("div",{...S,className:r(e.className,Kn,k(Kn,{size:t,rounded:o,fillMode:a,themeColor:n}),I(Kn,{hover:h,focus:M,active:c,disabled:g,selected:C})),role:e.role\|\|"button","aria-pressed":e.role==="option"\|\|e.role==="listitem"\|\|e.role==="presentation"\|\|e["aria-haspopup"]?void 0:C?"true":"false",...e.role==="option"&&C!==void 0&&{"aria-selected":C?"true":"false"},"aria-disabled":g?"true":void 0,children:[l&&oa(L,{className:"k-chip-icon",icon:l,size:"small"}),f&&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=Kn;Ge.defaultOptions=Ld;Ge.moduleName=Fa;Ge.folderName=On;var st=Ge;import{jsx as Zx}from"react/jsx-runtime";var Li="k-chip-list",qx=[],Yx={size:[p.undefined,p.small,p.medium,p.large]},Qx={},Le=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return Zx("div",{...n,className:r(e.className,Li,k(Li,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"\|\|e.role==="group"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Le.states=qx;Le.options=Yx;Le.className=Li;Le.defaultOptions=Qx;Le.moduleName=Fa;Le.folderName=On;import{jsx as jU}from"react/jsx-runtime";import{jsx as aF}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";var Rn=e=>jx(st,{text:"text",...e});import{jsx as mF}from"react/jsx-runtime";import{jsx as bF}from"react/jsx-runtime";import{Fragment as LF,jsx as CF,jsxs as MF}from"react/jsx-runtime";import{jsx as AF,jsxs as TF}from"react/jsx-runtime";import{jsx as PF,jsxs as KF}from"react/jsx-runtime";import{jsx as zF,jsxs as GF}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?Pn:void 0;return rh(Le,{size:a.size,className:o,children:[aa(Rn,{...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(Rn,{...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(Rn,{...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 Mi}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]?Pn:void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[n]?Mi(yt,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[n]?Mi(yt,{type:"remove"}):void 0;break;default:break}}),Mi(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 E9,jsx as T9,jsxs as y9}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var mh="k-card-callout",Md=e=>{let{callout:t,...o}=e;return ch("span",{...o,className:r(e.className,mh,{[`k-callout-${Ki.calloutMap[t]\|\|t}`]:t})})};var qe="card",lt=qe;import{Fragment as xh,jsx as gd,jsxs as hh}from"react/jsx-runtime";var gi="k-card",uh=[i.hover,i.focus,i.selected,i.disabled],fh={},bh={},Y=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return hh("div",{...m,className:r(e.className,gi,I(gi,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&gd(Md,{callout:o}),gd(xh,{children:e.children})]})};Y.states=uh;Y.options=fh;Y.className=gi;Y.defaultOptions=bh;Y.moduleName=qe;Y.folderName=lt;import{Fragment as Lh,jsx as Sd}from"react/jsx-runtime";var Si="k-card-list",Nh=[],vh={},Ch={},mo=e=>{let{...t}=e;return Sd("div",{...t,className:r(e.className,Si,I(Si,{})),role:"list",children:Sd(Lh,{children:e.children})})};mo.states=Nh;mo.options=vh;mo.className=Si;mo.defaultOptions=Ch;mo.moduleName=qe;mo.folderName=lt;import{jsx as Ih}from"react/jsx-runtime";var Id="k-card-group",Mh=[],gh={},Sh={},ia=e=>{let{...t}=e;return Ih("div",{...t,className:r(e.className,Id),children:e.children})};ia.states=Mh;ia.options=gh;ia.className=Id;ia.defaultOptions=Sh;ia.moduleName=qe;ia.folderName=lt;import{jsx as yh}from"react/jsx-runtime";var Ii="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,Ii,I(Ii,{focus:t,selected:o})),children:e.children})};sa.states=kh;sa.options=Ah;sa.className=Ii;sa.defaultOptions=Th;sa.moduleName=qe;sa.folderName=lt;import{jsx as Bh}from"react/jsx-runtime";var ki="k-card-title",Eh=[i.hover,i.focus],co=e=>{let{hover:t,focus:o,...a}=e;return Bh("div",{...a,className:r(e.className,ki,I(ki,{hover:t,focus:o})),children:e.children})};co.states=Eh;co.className=ki;import{jsx as Ph}from"react/jsx-runtime";var Oh="k-card-subtitle",wn=e=>{let{...t}=e;return Ph("div",{...t,className:r(e.className,Oh),children:e.children})};import{Fragment as Ad,jsx as _n}from"react/jsx-runtime";var kd="k-card-media",Ai=e=>{let{src:t,...o}=e;return _n(Ad,{children:t?_n("img",{...o,className:r(e.className,kd),src:t}):_n("span",{...o,className:r(e.className,kd),children:_n(Ad,{children:e.children})})})};import{Fragment as Rh,jsx as Va,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&&Va(co,{children:t}),o&&Va(wn,{children:o}),Va(Rh,{children:e.children}),a&&Va("span",{className:"k-card-header-actions",children:Va(d,{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",Ti=e=>{let{...t}=e;return Dh("div",{...t,className:r(e.className,_h),children:e.children})};import{Fragment as zh,jsx as $a,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&&$a(co,{children:t}),o&&$a(wn,{children:o}),$a(zh,{children:e.children}),a&&$a("span",{className:"k-card-header-actions",children:$a(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as $h}from"react/jsx-runtime";var Td="k-card-deck",Uh=[],Fh={},Vh={},la=e=>{let{...t}=e;return $h("div",{...t,className:r(e.className,Td),children:e.children})};la.states=Uh;la.options=Fh;la.className=Td;la.defaultOptions=Vh;la.moduleName=qe;la.folderName=lt;import{jsx as qh}from"react/jsx-runtime";var yd="k-card-deck-scrollwrap",Xh=[],Wh={},Jh={},da=e=>{let{...t}=e;return qh("div",{...t,className:r(e.className,yd),children:e.children})};da.states=Xh;da.options=Wh;da.className=yd;da.defaultOptions=Jh;da.moduleName=qe;da.folderName=lt;import{Fragment as Yh,jsx as pa,jsxs as Ed}from"react/jsx-runtime";var Bd=e=>pa(Y,{orientation:"vertical",children:Ed(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."})}),Ed(z,{className:"k-card-actions",children:[pa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),pa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Qh,jsx as Xa,jsxs as Od}from"react/jsx-runtime";var Pd=e=>Xa(Y,{orientation:"horizontal",children:Od(Qh,{children:[Xa(Me,{title:"Card Title",children:Xa("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:[Xa(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Xa(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as X6,jsxs as W6}from"react/jsx-runtime";import{jsx as Pe,jsxs as Wa}from"react/jsx-runtime";var Zh=Y.options,jh=Y.states,Kd={...Y.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}={...Kd,...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"?Wa(Pd,{style:{maxWidth:"420px"},...a,children:[n&&Pe(Ai,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Wa("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(Ti,{children:"Card Footer"})]}),(s\|\|l)&&Pe("span",{className:"k-separator k-separator-vertical"}),Wa(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Wa(Bd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Pe(Et,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Pe(Ai,{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(Ti,{children:"Card Footer"}),Wa(z,{className:"k-card-actions",children:[Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),Pe(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ma.options=Zh;ma.states=jh;ma.variants=eN;ma.defaultOptions=Kd;ma.modifiers=tN;ma.className=Y.className;import{jsx as B7,jsxs as O7}from"react/jsx-runtime";var yi="panelbar",Rd=yi;import{jsx as rN}from"react/jsx-runtime";var wd="k-panelbar",oN=[],aN={},nN={},ge=e=>{let{activeDescendant:t,...o}=e;return rN("ul",{...o,className:r(e.className,wd),role:"tree","aria-activedescendant":t,children:e.children})};ge.states=oN;ge.options=aN;ge.className=wd;ge.defaultOptions=nN;ge.moduleName=yi;ge.folderName=Rd;import Ei from"react";import{jsx as Dn,jsxs as _d}from"react/jsx-runtime";var Dd="k-panelbar-item",iN=[i.hover,i.focus,i.selected,i.disabled],sN={},Hn={level:0,expanded:!1,text:"Item"},E=e=>{let{text:t=Hn.text,level:o=Hn.level,expanded:a=Hn.expanded,header:n,hover:s,focus:l,selected:m,disabled:f,icon:N,iconClass:h,ariaSelected:M,children:c,...C}=e,g=!!c;return _d("li",{...C,className:r(e.className,Dd,{"k-panelbar-header":n,[`k-level-${o}`]:o\|\|o===0,"k-expanded":a}),role:"treeitem","aria-expanded":g?a?"true":"false":void 0,"aria-selected":M?"true":"false","aria-disabled":f?"true":void 0,children:[_d("span",{className:r("k-link",I("k-link",{hover:s,focus:l,disabled:f,selected:m})),children:[N&&Dn(L,{className:"k-panelbar-item-icon",icon:N}),h&&!N&&Dn("span",{className:`k-panelbar-item-icon ${h}`}),Dn("span",{className:"k-panelbar-item-text",children:t}),g&&Dn(L,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&c,!a&&c&&Ei.Children.map(c,S=>Ei.isValidElement(S)?Ei.cloneElement(S,{"aria-hidden":"true",style:{display:"none"}}):S)]})};E.states=iN;E.options=sN;E.className=Dd;E.moduleName=null;E.folderName=null;E.defaultOptions=Hn;import{jsx as mN}from"react/jsx-runtime";var Hd="k-panelbar-group",lN=[],dN={},pN={},xe=e=>{let{ariaHidden:t,...o}=e;return mN("ul",{...o,className:r(e.className,Hd),role:"group",...t!==void 0&&{"aria-hidden":t?"true":void 0},children:e.children})};xe.states=lN;xe.options=dN;xe.className=Hd;xe.moduleName=null;xe.folderName=null;xe.defaultOptions=pN;import{jsx as bN}from"react/jsx-runtime";var zd="k-panelbar-content",cN=[],uN={},fN={},le=e=>{let{...t}=e;return bN("div",{...t,className:r(e.className,zd),children:e.children})};le.states=cN;le.options=uN;le.className=zd;le.defaultOptions=fN;import{Fragment as xN,jsx as $t,jsxs as hN}from"react/jsx-runtime";var Ja=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),n=y("pb-item");return $t(ge,{children:hN(xN,{children:[$t(E,{header:!0,text:"Item 1",id:t,children:$t(le,{children:"content"})}),$t(E,{header:!0,text:"Item 2",id:o,children:$t(le,{children:"content"})}),$t(E,{header:!0,text:"Item 3",id:a,children:$t(le,{children:"content"})}),$t(E,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as n4,jsx as a4,jsxs as r4}from"react/jsx-runtime";import{Fragment as NN,jsx as Ke,jsxs as Bi}from"react/jsx-runtime";var Gd=e=>{let t=y("pb-item"),o=y("pb-item"),a=y("pb-item"),n=y("pb-item"),s=y("pb-child"),l=y("pb-child"),m=y("pb-child"),f=y("pb-child"),N=y("pb-child"),h=y("pb-child"),M=y("pb-child");return Ke(ge,{activeDescendant:o,children:Bi(NN,{children:[Ke(E,{header:!0,text:"Item 1",id:t,children:Ke(le,{children:"content"})}),Ke(E,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:Bi(xe,{children:[Ke(E,{level:1,text:"Child 1",id:s}),Ke(E,{level:1,expanded:!0,text:"Child 2",id:l,children:Bi(xe,{children:[Ke(E,{level:2,text:"Child 2.1",id:m}),Ke(E,{level:2,text:"Child 2.2",id:f})]})}),Ke(E,{level:1,text:"Child 3",id:N,children:Ke(xe,{children:Ke(E,{level:2,text:"Child 3.1",id:h})})}),Ke(E,{level:1,text:"Child 4",id:M})]})}),Ke(E,{header:!0,text:"Item 3",id:a,children:Ke(le,{children:"content"})}),Ke(E,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Ud,jsx as te,jsxs as zn}from"react/jsx-runtime";var vN=ge.options,CN=ge.states,Fd={...ge.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}={...Fd,...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(Ud,{children:zn(Gd,{style:{width:"300px"},...a,children:[te(E,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:zn(xe,{children:[te(E,{level:1,text:"Child 1"}),te(E,{level:1,expanded:!0,text:"Child 2",children:zn(xe,{children:[te(E,{level:2,text:"Child 2.1"}),te(E,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),te(E,{disabled:n.disabled,level:1,text:"Child 3",children:te(le,{children:"content"})}),te(E,{level:1,text:"Child 4"})]})}),te(E,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):te(Ud,{children:zn(Ja,{style:{width:"300px"},...a,children:[te(E,{icon:n.icon?.gear,header:!0,text:"Item 1",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.folder,header:!0,text:"Item 2",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:te(le,{children:"content"})}),te(E,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};ca.options=vN;ca.states=CN;ca.variants=LN;ca.defaultOptions=Fd;ca.modifiers=MN;ca.className=ge.className;import{jsx as P4,jsxs as K4}from"react/jsx-runtime";import{Fragment as X4,jsx as V4,jsxs as $4}from"react/jsx-runtime";import{Fragment as e8,jsx as j4,jsxs as t8}from"react/jsx-runtime";import{Fragment as Vd,jsx as v,jsxs as de}from"react/jsx-runtime";var gN=U.options,SN=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=v(Vd,{children:de(it,{layout:"wrap",children:[v(ft,{text:"Post for work-life balance importance"}),v(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 v(F,{className:"k-prompt-popup",children:de(U,{style:{width:"330px",height:"350px"},...a,children:[v(xt,{children:de(H,{className:"k-toolbar-flat",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),v(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),v($,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),v(Se,{children:v(Ie,{children:de(Ja,{children:[v(E,{header:!0,icon:"brush",text:"Change Formality",children:de(xe,{children:[v(E,{level:1,text:"Casual"}),v(E,{level:1,text:"Neutral"}),v(E,{level:1,text:"Formal"})]})}),v(E,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(xe,{children:[v(E,{level:1,text:"German"}),v(E,{level:1,text:"Spanish"})]})}),v(E,{header:!0,icon:"min-width",text:"Simplify"}),v(E,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return v(F,{className:"k-prompt-popup",children:de(U,{style:{width:"330px",height:"350px"},...a,children:[v(xt,{children:de(H,{className:"k-toolbar-flat",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),v(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),v($,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(Se,{children:[v(qt,{}),v(Ie,{children:de("div",{className:"k-card-list",children:[de(Y,{children:[v(Et,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),v(Me,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",v("br",{}),v("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",v("br",{}),v("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}",v("br",{}),v("br",{}),"\u2728 Key Points \u2728",v("br",{}),v("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",v("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",v("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",v("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",v("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",v("br",{}),v("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),v(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),v("span",{className:"k-spacer"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(Y,{children:[v(Et,{title:"Generated with AI",subtitle:"Out of Office"}),v(Me,{children:de("p",{children:["Subject: Out of Office: [Your Name]",v("br",{}),v("br",{}),"Dear [Recipient's Name],",v("br",{}),v("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.",v("br",{}),v("br",{}),"Thank you,",v("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),v(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),v("span",{className:"k-spacer"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),v($,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return v(F,{className:"k-prompt-popup",children:de(U,{style:{width:"330px",height:"350px"},...a,children:[v(xt,{children:de(H,{className:"k-toolbar-flat",children:[v(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),v(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),v($,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),v(Se,{children:de(Ie,{children:[v(q,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:v(Vd,{children:s.stt?v(ee,{fillMode:"flat"}):null})}),v(ja,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),v(fo,{children:v(z,{className:"k-prompt-actions",alignment:"start",children:v(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ua.options=gN;ua.states=SN;ua.variants=kN;ua.defaultOptions=IN;ua.modifiers=AN;ua.className=U.className;import{Fragment as ON,jsx as dt,jsxs as Gn}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=Gn(Y,{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,"}),Gn(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(Se,{children:Gn(Ie,{children:[a.response?n:null,dt(q,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:Gn(ON,{children:[a.commands?dt($,{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 $d,jsx as pt,jsxs as Un}from"react/jsx-runtime";var iV=({text:e,...t})=>pt(U,{...t,children:pt(Se,{children:Un(Ie,{children:[Un(Y,{children:[pt(Me,{style:{maxHeight:"150px",overflowY:"auto"},children:e}),Un(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(q,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",suffixSeparator:!1,"aria-label":"Edit, generate or explain",prefix:Un($d,{children:[pt($,{fillMode:"flat",icon:"menu","aria-label":"Menu"}),pt(ee,{fillMode:"flat"})]}),suffix:pt($d,{children:pt(mt,{disabled:!0})})})]})})});export{iV as PromptInline};