npm - @progress/kendo-themes-html - Versions diffs - 14.7.1-dev.4 → 14.7.1-dev.6 - Mend

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

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