npm - @progress/kendo-themes-html - Versions diffs - 14.5.1-dev.7 → 14.6.0 - Mend

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

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 (171) hide show

package/dist/esm/prompt/templates/prompt-settings.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:b,disabled:N,indeterminate:h,loading:L,empty:c,readonly:M,highlighted:v,...g}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":L,"k-empty":c,"k-readonly":M,"k-highlighted":v},Object.keys(g).reduce((y,E)=>(E.startsWith("k-")?y[E]=g[E]:y[`k-${E}`]=g[E],y),{}))};function Bi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},x={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Oi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Vn={};function A(e){return Vn[e]=(Vn[e]\|\|0)+1,`k-${e}-${Vn[e]}`}var $n="action-buttons",Pi=$n;import{jsx as Jd}from"react/jsx-runtime";var qa="k-actions",Xd=[],Wd={},Xn={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Xn.alignment,orientation:o=Xn.orientation,...a}=e;return Jd("div",{...a,className:r(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};z.states=Xd;z.options=Wd;z.className=qa;z.defaultOptions=Xn;z.moduleName=$n;z.folderName=Pi;import{Fragment as Zd,jsx as Ki}from"react/jsx-runtime";var Wn="k-font-icon",qd=[],Yd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Qd={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?Ki("span",{...l,className:r(e.className,Wn,k(Wn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Ki(Zd,{})};xa.states=qd;xa.options=Yd;xa.className=Wn;xa.defaultOptions=Qd;var Ri=xa;import{Fragment as tp,jsx as Ya}from"react/jsx-runtime";var Jn="k-svg-icon",jd=[],ep={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},qn={viewBox:"0 0 24 24",variant:bt.outline},ha=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=qn.viewBox,variant:l=qn.variant,icon:m,...b}=e;if(!m)return Ya(tp,{});if(m==="none")return Ya("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ya("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};ha.states=jd;ha.options=ep;ha.className=Jn;ha.defaultOptions=qn;var Yn=ha;importas Qn from"@progress/kendo-svg-icons";var wi="icon",_i="icons";import{useContext as ap}from"react";import{createContext as op}from"react";var Di=op({iconsType:"svg"});import{Fragment as Hi,jsx as Na}from"react/jsx-runtime";var Qa="k-icon",np=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],ip={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},S=e=>{let{iconsType:t}=ap(Di),{size:o,themeColor:a,icon:n,type:s=t\|\|Za.type,rotate:l,flip:m,viewBox:b=Za.viewBox,variant:N=Za.variant,...h}=e;if(!n)return Na(Hi,{});if((t\|\|s)==="svg"){if(n==="none")return Na(Yn,{...h,className:r(e.className,Qa),icon:n,size:o,variant:N});let c=Qn[n]?n:np(`${n}-icon`);return Qn[c]?Na(Yn,{...h,className:r(e.className,Qa),icon:Qn[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:b,variant:N}):Na(Hi,{})}return Na(Ri,{...h,className:r(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};S.states=rp;S.options=ip;S.defaultOptions=Za;S.className=Qa;S.moduleName=wi;S.folderName=_i;var Zn="button",zi=Zn;import{Fragment as Gi,jsx as fo,jsxs as Ui}from"react/jsx-runtime";var va="k-button",sp=["icon-button"],lp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},jn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=jn.showArrow,arrowIconName:m=jn.arrowIconName,variant:b,hover:N,focus:h,active:L,selected:c,disabled:M,togglable:v,ariaDisabled:g,icon:y,iconSize:E,text:K,iconClassName:q,className:me,...fe}=e,be=y!=null,xe=e.children!==void 0;return Ui(t,{className:r(me,va,Bi(va,b),k(va,{size:o,rounded:a,fillMode:n,themeColor:s}),I(va,{hover:N,focus:h,active:L,disabled:M\|\|g,selected:c}),{"k-icon-button":!K&&!xe&&be}),"aria-pressed":v?c?"true":"false":void 0,...fe,"aria-disabled":g?"true":void 0,disabled:M\|\|void 0,children:[typeof y=="string"&&y&&fo(S,{className:r(q,"k-button-icon"),icon:y,size:E}),y&&typeof y!="string"&&fo(Gi,{children:y}),K?Ui(Gi,{children:[K&&fo("span",{className:"k-button-text",children:K}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(S,{icon:m})})]})};p.states=lp;p.options=dp;p.variants=sp;p.className=va;p.defaultOptions=jn;p.moduleName=Zn;p.folderName=zi;import{jsx as pp}from"react/jsx-runtime";var V=e=>pp(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as mp}from"react/jsx-runtime";var R=e=>mp(p,{icon:"folder",children:"Button",...e});import{jsx as cp}from"react/jsx-runtime";var Jt=e=>cp(p,{children:"Button",...e});import{jsx as er}from"react/jsx-runtime";var up=p.options,fp=p.states,bp={...p.defaultOptions,variant:"text"},xp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hp=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return er(V,{...o,icon:"star"});case"icon-and-text":return er(R,{...o,icon:"star",children:"Button"});default:return er(Jt,{...o,children:"Button"})}};bo.options=up;bo.states=fp;bo.variants=xp;bo.defaultOptions=bp;bo.modifiers=hp;bo.className=p.className;import{jsx as ja}from"react/jsx-runtime";var Np="k-chip-action";var St=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=ja(S,{icon:"x-circle",size:"small"});break;case"more":a=ja(S,{icon:"more-vertical",size:"small"});break;default:return ja(S,{icon:t,size:"small"})}return ja("span",{...o,className:r(e.className,Np,`k-chip-${t}-action`),children:a})};var tr="avatar",Fi=tr;import{jsx as Vi}from"react/jsx-runtime";var Ca="k-avatar";var vp=[i.hover,i.focus,i.active,i.selected,i.disabled],Cp={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},or={type:"text",border:!1},_e=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:s=or.type,border:l=or.border,...m}=e;return Vi("div",{...m,className:r(e.className,Ca,k(Ca,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ca}-bordered`]:l}),children:Vi("span",{className:`${Ca}-${s}`,children:e.children})})};_e.states=vp;_e.options=Cp;_e.className=Ca;_e.defaultOptions=or;_e.moduleName=tr;_e.folderName=Fi;var qt=_e;import{jsx as Lp}from"react/jsx-runtime";var $i=e=>Lp(qt,{type:"icon",...e});import{jsx as Mp}from"react/jsx-runtime";var Xi=e=>Mp(qt,{type:"text",...e});import{jsx as Sp}from"react/jsx-runtime";var Wi=e=>Sp(qt,{type:"image",...e});import{jsx as fC}from"react/jsx-runtime";import{jsx as La}from"react/jsx-runtime";var gp=_e.options,Ip=_e.states,kp={..._e.defaultOptions,variant:"image"},Ap=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Tp=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return La($i,{...o,children:La(S,{icon:"star"})});case"text":return La(Xi,{...o,children:"JO"});default:return La(Wi,{...o,children:La("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};xo.options=gp;xo.states=Ip;xo.variants=Ap;xo.defaultOptions=kp;xo.modifiers=Tp;xo.className=_e.className;var Ma="chip",en=Ma,tn="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as ho,jsxs as Bp}from"react/jsx-runtime";var on="k-chip",yp=[i.hover,i.focus,i.active,i.selected,i.disabled],Ep={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},Ji={avatarImage:"/packages/html/assets/avatar.jpg"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:s,icon:l,actions:m,showAvatar:b,avatarImage:N=Ji.avatarImage,hover:h,focus:L,active:c,selected:M,disabled:v,...g}=e;return Bp("div",{...g,className:r(e.className,on,k(on,{size:t,rounded:o,fillMode:a,themeColor:n}),I(on,{hover:h,focus:L,active:c,disabled:v,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":v?"true":void 0,children:[l&&ho(S,{className:"k-chip-icon",icon:l,size:"small"}),b&&ho(_e,{className:"k-chip-avatar",type:"image",children:ho("img",{src:N,alt:""})}),ho("span",{className:"k-chip-content",children:e.children?e.children:s&&ho("span",{className:"k-chip-label",children:s})}),m&&ho("span",{className:"k-chip-actions",children:m})]})};Z.states=yp;Z.options=Ep;Z.className=on;Z.defaultOptions=Ji;Z.moduleName=Ma;Z.folderName=en;var Qe=Z;import{jsx as Rp}from"react/jsx-runtime";var ar="k-chip-list",Op=[],Pp={size:[d.undefined,d.small,d.medium,d.large]},Kp={},ce=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return Rp("div",{...n,className:r(e.className,ar,k(ar,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ce.states=Op;ce.options=Pp;ce.className=ar;ce.defaultOptions=Kp;ce.moduleName=Ma;ce.folderName=en;import{jsx as VC}from"react/jsx-runtime";import{jsx as JC}from"react/jsx-runtime";import{jsx as wp}from"react/jsx-runtime";var an=e=>wp(Qe,{text:"text",...e});import{jsx as oL}from"react/jsx-runtime";import{jsx as iL}from"react/jsx-runtime";import{Fragment as cL,jsx as mL,jsxs as uL}from"react/jsx-runtime";import{jsx as NL,jsxs as vL}from"react/jsx-runtime";import{jsx as gL,jsxs as IL}from"react/jsx-runtime";import{jsx as BL,jsxs as OL}from"react/jsx-runtime";import{jsx as No,jsxs as Up}from"react/jsx-runtime";var _p={...Qe.options,...ce.options},Dp=[],Hp=ce.states,zp={...Qe.defaultOptions,...ce.defaultOptions},Gp=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],vo=e=>{let{modifiers:t,className:o,...a}=e,n=t?.icon,s=t?.actions,l=t?.avatar,m=l?tn:void 0;return Up(ce,{size:a.size,className:o,children:[No(an,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?No(St,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),No(an,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?No(St,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),No(an,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?No(St,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"})]})};vo.options=_p;vo.states=Hp;vo.variants=Dp;vo.defaultOptions=zp;vo.modifiers=Gp;vo.className=ce.className;import{jsx as nr}from"react/jsx-runtime";var Fp=Z.states,Vp=Z.defaultOptions,$p=Z.options,Xp=[],Wp=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Co=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]?tn:void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[n]?nr(St,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[n]?nr(St,{type:"remove"}):void 0;break;default:break}}),nr(Z,{...o,...a,children:"Chip component"})};Co.options=$p;Co.states=Fp;Co.variants=Xp;Co.defaultOptions=Vp;Co.modifiers=Wp;Co.className=Z.className;var rr="button",qi=rr;import{jsx as Qp}from"react/jsx-runtime";var Sa="k-button-group",Jp=[i.disabled],qp={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Yp={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Qp("div",{role:"group",...n,className:r(e.className,Sa,k(Sa,{fillMode:t}),I(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=Jp;O.options=qp;O.className=Sa;O.defaultOptions=Yp;O.moduleName=rr;O.folderName=qi;import{Fragment as vM,jsx as NM,jsxs as CM}from"react/jsx-runtime";import{Fragment as kM,jsx as IM,jsxs as AM}from"react/jsx-runtime";import{Fragment as PM,jsx as OM,jsxs as KM}from"react/jsx-runtime";import{Fragment as zM,jsx as HM,jsxs as GM}from"react/jsx-runtime";import{Fragment as WM,jsx as XM,jsxs as JM}from"react/jsx-runtime";import{Fragment as eS,jsx as jM,jsxs as tS}from"react/jsx-runtime";import{jsx as gt,jsxs as ir}from"react/jsx-runtime";var Zp={...p.options,...O.options},jp=p.states,em={...p.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=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ir(O,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?ir(O,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):ir(O,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};Lo.options=Zp;Lo.states=jp;Lo.variants=tm;Lo.defaultOptions=em;Lo.modifiers=om;Lo.className=O.className;var ga="input",nn=ga;import{jsx as im}from"react/jsx-runtime";var rn="k-input",am=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],nm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rm={},j=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return im("span",{...L,className:r(e.className,rn,k(rn,{size:b,rounded:N,fillMode:h}),I(rn,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};j.states=am;j.options=nm;j.className=rn;j.defaultOptions=rm;j.moduleName=ga;j.folderName=nn;import{jsx as pm}from"react/jsx-runtime";var sn="k-picker",sm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],lm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},dm={},xt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return pm("span",{...L,className:r(e.className,sn,k(sn,{size:b,rounded:N,fillMode:h}),I(sn,{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=sn;xt.defaultOptions=dm;xt.moduleName=ga;xt.folderName=nn;import{Fragment as um,jsx as sr}from"react/jsx-runtime";var Yi="k-clear-value",mm=[i.disabled,i.loading,i.readonly],cm={},Fe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?sr(um,{}):sr("span",{className:r(e.className,Yi),children:sr(S,{icon:"x"})})};Fe.states=mm;Fe.options=cm;Fe.className=Yi;import{jsx as xm}from"react/jsx-runtime";var lr="k-input-inner",fm=[],bm={},ln={type:"text",autocomplete:"off",value:"",placeholder:""},Ve=e=>{let{value:t=ln.value,type:o=ln.type,placeholder:a=ln.placeholder,autocomplete:n=ln.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})};Ve.states=fm;Ve.options=bm;Ve.className=lr;import{jsx as Qi,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&&Qi(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Qi("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={},Zi={value:"",placeholder:""},Ia=e=>{let{value:t=Zi.value,placeholder:o=Zi.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})};Ia.states=Cm;Ia.options=Lm;Ia.className=pr;import{Fragment as gm,jsx as ji}from"react/jsx-runtime";var es="k-input-loading-icon",Sm=[i.disabled,i.loading],De=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ji(gm,{}):ji("span",{className:r(e.className,es,"k-icon k-i-loading")})};De.states=Sm;De.className=es;import{Fragment as Am,jsx as ts}from"react/jsx-runtime";var os="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)?ts(Am,{}):ts(S,{className:r(os),icon:s})};Ie.states=Im;Ie.options=km;Ie.className=os;import{Fragment as Em,jsx as as}from"react/jsx-runtime";var Tm="k-input-prefix",ym={direction:"horizontal"},He=e=>{let{direction:t=ym.direction,...o}=e;return e.children?as("span",{...o,className:r(Tm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):as(Em,{})};import{Fragment as Pm,jsx as ns}from"react/jsx-runtime";var Bm="k-input-suffix",Om={direction:"horizontal"},ze=e=>{let{direction:t=Om.direction,...o}=e;return e.children?ns("span",{...o,className:r(Bm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ns(Pm,{})};import{jsx as tg}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 rs="k-input-separator",wm={direction:"vertical"},ke=e=>{let{direction:t=wm.direction,...o}=e;return _m("span",{...o,className:r(rs,e.className,{[`${rs}-${t}`]:t})})};import{Fragment as is,jsx as ht,jsxs as cr}from"react/jsx-runtime";var Dm=j.states,Hm=j.defaultOptions,zm=j.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=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...m}=e,b=t?.prefix,N=t?.suffix,h=t?.["clear-button"],L=t?.["validation-icon"],c=t?.separators;return cr(j,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[b&&cr(is,{children:[ht(He,{children:ht(S,{icon:"lock"})}),c&&ht(ke,{})]}),ht(Ve,{placeholder:"Placeholder",value:"Value"}),L&&ht(Ie,{valid:o,invalid:a,loading:n,disabled:s}),ht(De,{loading:n,disabled:s}),h&&ht(Fe,{loading:n,disabled:s,readonly:l,value:"Value"}),N&&cr(is,{children:[c&&ht(ke,{}),ht(ze,{children:ht(Jt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=zm;Mo.states=Dm;Mo.variants=Um;Mo.defaultOptions=Hm;Mo.modifiers=Gm;Mo.className=j.className;import{jsx as ss,jsxs as $m}from"react/jsx-runtime";var ls="k-color-preview",Fm=[],Vm={},Ot=e=>{let{color:t,iconName:o,...a}=e;return $m("span",{...a,className:r(e.className,ls,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ss(S,{icon:o,className:"k-color-preview-icon"}),ss("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ot.states=Fm;Ot.options=Vm;Ot.className=ls;var ur="popup",ds=ur;import{jsx as ps}from"react/jsx-runtime";var ms="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 ps("div",{...s,style:{...n,...e.style},className:r(e.className,ms,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ps("div",{className:"k-child-animation-container",style:a,children:e.children})})};Nt.states=Xm;Nt.options=Wm;Nt.className=ms;Nt.defaultOptions=fr;Nt.moduleName=ur;Nt.folderName=ds;var br="popup",cs=br;import{jsx as us}from"react/jsx-runtime";var fs="k-popup",Jm=[],qm={},bs={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return us(Nt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:us("div",{...m,className:r(e.className,fs),children:e.children})})};U.states=Jm;U.options=qm;U.className=fs;U.defaultOptions=bs;U.moduleName=br;U.folderName=cs;import{jsx as Qm}from"react/jsx-runtime";var Ym="k-actionsheet-footer",xs={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=xs.alignment,orientation:o=xs.orientation,template:a,as:n=a?"div":z,...s}=e;return Qm(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Ym),children:e.children})};var xr="searchbox",hs=xr;import{jsx as ka,jsxs as ec}from"react/jsx-runtime";var Ns="k-searchbox",Zm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],jm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},hr={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,showIcon:M=hr.showIcon,icon:v=hr.icon,"aria-label":g,...y}=e;return ec(j,{...y,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,className:r(e.className,Ns),children:[M&&ka(S,{className:"k-input-icon",icon:v}),ka(Ve,{placeholder:o,value:t,"aria-label":g}),ka(De,{...e}),ka(Ie,{...e}),ka(Fe,{...e})]})};Ze.states=Zm;Ze.options=jm;Ze.className=Ns;Ze.defaultOptions=hr;Ze.moduleName=xr;Ze.folderName=hs;import{jsx as vI}from"react/jsx-runtime";var Nr="textbox",vs=Nr;import{Fragment as Cs,jsx as Kt,jsxs as vr}from"react/jsx-runtime";var Ls="k-textbox",tc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},dn={showClearButton:!0,showValidationIcon:!0,separators:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dn.separators,showClearButton:s=dn.showClearButton,showValidationIcon:l=dn.showValidationIcon,prefix:m,suffix:b,type:N,value:h,placeholder:L,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:q,id:me,"aria-label":fe,"aria-describedby":be,...xe}=e;return vr(j,{...xe,size:t,rounded:o,fillMode:a,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:q,className:r(e.className,Ls),children:[m&&vr(Cs,{children:[Kt(He,{children:m}),n&&Kt(ke,{})]}),Kt(Ve,{id:me,placeholder:L,value:h,type:N,disabled:K,"aria-label":fe,"aria-describedby":be,"aria-invalid":g?"true":void 0}),l&&Kt(Ie,{valid:v,invalid:g,loading:E,disabled:K}),Kt(De,{loading:E,disabled:K}),s&&Kt(Fe,{loading:E,disabled:K,readonly:q,value:h}),b&&vr(Cs,{children:[n&&Kt(ke,{}),Kt(ze,{children:b})]})]})};Le.states=tc;Le.options=oc;Le.className=Ls;Le.defaultOptions=dn;Le.moduleName=Nr;Le.folderName=vs;var Aa=Le;import{jsx as ac}from"react/jsx-runtime";var Ms=e=>ac(Aa,{...e});import{Fragment as _I,jsx as wI}from"react/jsx-runtime";import{Fragment as FI,jsx as UI}from"react/jsx-runtime";import{jsx as WI}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var nc=Le.states,rc=Le.defaultOptions,ic=Le.options,sc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],lc=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Cr(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Cr(Jt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Cr(Ms,{value:"Value",style:{width:300},...o,...a})};So.options=ic;So.states=nc;So.variants=lc;So.defaultOptions=rc;So.modifiers=sc;So.className=Le.className;import{jsx as Rt,jsxs as Lr}from"react/jsx-runtime";var Ss="k-actionsheet-titlebar",dc={},Ae=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:b,adaptive:N,titleId:h,children:L,...c}=e;return Lr("div",{...c,className:r(e.className,Ss),children:[Lr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!L&&Lr("div",{className:"k-actionsheet-title",id:h,children:[t&&Rt("div",{className:"k-text-center",children:t}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&Rt("div",{className:"k-actionsheet-title",id:h,children:L}),n&&Rt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|s)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Rt(Le,{value:m,placeholder:b,size:N?"large":"medium","aria-label":t\|\|b\|\|"Input"}):Rt(Ze,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Ae.className=Ss;Ae.defaultOptions=dc;import{jsx as Mr,jsxs as uc}from"react/jsx-runtime";var Sr="k-actionsheet-view",pc=[],mc={},cc={},go=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,b=n?.type===Ae&&Mr(Ae,{adaptive:t,titleId:l,...n?.props}),N=s?.type===Pt&&Mr(Pt,{...s?.props});return uc("div",{...m,className:r(e.className,Sr,{[`${Sr}-animated`]:o}),children:[b,Mr("div",{className:"k-actionsheet-content",children:a}),N]})};go.states=pc;go.options=mc;go.className=Sr;go.defaultOptions=cc;var Ta="action-sheet",pn=Ta;var gr="overlay",gs=gr;import{jsx as hc}from"react/jsx-runtime";var Is="k-overlay",fc=[],bc={},xc={},wt=e=>{let{...t}=e;return hc("div",{...t,className:r(e.className,Is),children:e.children})};wt.states=fc;wt.options=bc;wt.className=Is;wt.defaultOptions=xc;wt.moduleName=gr;wt.folderName=gs;import{jsx as mn,jsxs as Cc}from"react/jsx-runtime";var ks="k-actionsheet",Nc=[],vc={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:s,children:l,header:m,footer:b,id:N,...h}=e,L=N&&!s&&m?`${N}-title`:void 0;return Cc("div",{className:"k-actionsheet-container",children:[n&&mn(wt,{}),mn(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:mn("div",{...h,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":L,className:r(e.className,ks,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|mn(go,{header:m,footer:b,adaptive:a,titleId:L,...e,children:l})})})]})};ae.states=Nc;ae.options=vc;ae.className=ks;ae.defaultOptions=ya;ae.moduleName=Ta;ae.folderName=pn;import{jsx as gc}from"react/jsx-runtime";var As="k-actionsheet-container",Lc=[],Mc={},Sc={},Io=e=>{let{children:t,...o}=e;return gc("div",{...o,className:As,children:t})};Io.states=Lc;Io.options=Mc;Io.className=As;Io.defaultOptions=Sc;Io.moduleName=Ta;Io.folderName=pn;import{jsx as Ic}from"react/jsx-runtime";var Ir=e=>{let{...t}=e;return Ic("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ac,jsx as Ea,jsxs as kr}from"react/jsx-runtime";var Ar="k-actionsheet-item",kc=[i.hover,i.focus,i.selected,i.disabled],_t=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:m,...b}=e;return kr("span",{...b,className:r(e.className,Ar,I(Ar,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&Ea(Ac,{children:kr("span",{className:"k-actionsheet-action",children:[t&&Ea("span",{className:"k-icon-wrap",children:Ea(S,{className:"k-actionsheet-item-icon",icon:t})}),kr("span",{className:"k-actionsheet-item-text",children:[o&&Ea("span",{className:"k-actionsheet-item-title",children:o}),a&&Ea("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=kc;_t.className=Ar;import{jsx as Xk,jsxs as Wk}from"react/jsx-runtime";import{jsx as Qk}from"react/jsx-runtime";import{jsx as tA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as he,jsxs as Tr}from"react/jsx-runtime";var Tc=ae.options,yc=ae.states,ys={...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"}],ko=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},n={},s=Tr(Ir,{children:[he(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(_t,{text:"Add to Favorites",iconName:"heart"}),he(_t,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(_t,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?l:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?he(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:he(Ae,{actionsStart:n.actionsStart?he(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?he(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[he(p,{text:"Cancel",size:"large",themeColor:"base"}),he(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):he(ae,{...a,fullscreen:n.fullScreen,header:he(Ae,{actionsStart:n.actionsStart?he(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?he(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[he(p,{text:"Apply",themeColor:"primary"}),he(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ko.options=Tc;ko.states=yc;ko.variants=Ec;ko.defaultOptions=ys;ko.modifiers=Bc;ko.className=ae.className;var yr="slider",Es=yr;import{jsx as Ao,jsxs as Er}from"react/jsx-runtime";var Ba="k-slider",Oc=[i.hover,i.focus,i.active,i.disabled,i.readonly],Pc={},je={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=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:n=je.readonly,disabled:s=je.disabled,handlePosition:l=je.handlePosition,showButtons:m=je.showButtons,showTicks:b=je.showTicks,value:N=je.value,min:h=je.min,max:L=je.max,startValue:c,endValue:M,hover:v,focus:g,active:y,trackStyle:E,dir:K,...q}=e,fe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),be,xe;return o==="horizontal"?(be=K==="rtl"?"chevron-left":"chevron-right",xe=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(be="chevron-up",xe="chevron-down"),Er("div",{...q,className:r(Ba,e.className,I(Ba,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:xe,tabIndex:-1,title:"Decrease"}),Er("div",{className:"k-slider-track-wrap",children:[b&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Er("div",{className:"k-slider-track",style:E,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:r("k-draghandle","k-draghandle-start",I(Ba,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":c??h,"aria-valuemin":h,"aria-valuemax":M??L,"aria-orientation":fe,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),Ao("span",{className:r("k-draghandle",`k-draghandle-${l}`,I(Ba,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??L:N,"aria-valuemin":t==="range"?c??h:h,"aria-valuemax":L,"aria-orientation":fe,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?q["aria-label"]?`${q["aria-label"]} end`:"Range end":q["aria-label"]})]})]}),m&&Ao(p,{className:"k-button-increase",rounded:"full",icon:be,tabIndex:-1,title:"Increase"})]})};Y.states=Oc;Y.options=Pc;Y.className=Ba;Y.defaultOptions=je;Y.moduleName=yr;Y.folderName=Es;import{jsx as Bs}from"react/jsx-runtime";var Os="k-tick",Kc=[],Rc={},Ps={label:!1},B=e=>{let{style:t,label:o=Ps.label,orientation:a,large:n,text:s,...l}=e;return Bs("li",{...l,role:"presentation",title:s\|\|"Tick",className:r(e.className,Os,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Bs("span",{className:"k-label",children:s})})};B.states=Kc;B.options=Rc;B.className=Os;B.defaultOptions=Ps;import{Fragment as wc,jsx as et,jsxs as _c}from"react/jsx-runtime";var Ks=e=>et(Y,{"aria-label":e["aria-label"]\|\|"Slider",children:_c(wc,{children:[et(B,{className:"k-first",label:!0,large:!0,text:"0"}),et(B,{}),et(B,{}),et(B,{}),et(B,{}),et(B,{label:!0,large:!0,text:"5"}),et(B,{}),et(B,{}),et(B,{}),et(B,{}),et(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Dc,jsx as tt,jsxs as Hc}from"react/jsx-runtime";var Rs=e=>tt(Y,{children:Hc(Dc,{children:[tt(B,{className:"k-first",label:!0,large:!0,text:"0"}),tt(B,{}),tt(B,{}),tt(B,{}),tt(B,{}),tt(B,{label:!0,large:!0,text:"5"}),tt(B,{}),tt(B,{}),tt(B,{}),tt(B,{}),tt(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as WA,jsx as XA,jsxs as JA}from"react/jsx-runtime";import{Fragment as jA,jsx as ZA,jsxs as eT}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";var Br=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 Or=e=>Gc(Y,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as mT,jsx as pT,jsxs as cT}from"react/jsx-runtime";import{Fragment as hT,jsx as xT,jsxs as NT}from"react/jsx-runtime";import{jsx as vt,jsxs as ws}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}],To=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"?ws(Rs,{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%"}})]}):ws(Ks,{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%"}})]})};To.options=Uc;To.states=Fc;To.variants=Vc;To.defaultOptions=_s;To.modifiers=$c;To.className=Y.className;import{jsx as Ds,jsxs as Yc}from"react/jsx-runtime";var Hs="k-spin-button",Jc=[],qc={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Pr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Pr.increaseLabel,decreaseLabel:s=Pr.decreaseLabel,...l}=e;return Yc("span",{...l,className:r(Hs,e.className),children:[Ds(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ds(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Dt.states=Jc;Dt.options=qc;Dt.className=Hs;Dt.defaultOptions=Pr;Dt.moduleName=null;Dt.folderName=null;var zs="numeric-textbox",Gs="numerictextbox";import{Fragment as Us,jsx as It,jsxs as Kr}from"react/jsx-runtime";var Fs="k-numerictextbox",Qc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zc={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:s=cn.showClearButton,showSpinButton:l=cn.showSpinButton,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,id:q,"aria-label":me,"aria-describedby":fe,...be}=e;return Kr(j,{...be,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,Fs),children:[m&&Kr(Us,{children:[It(He,{children:m}),n&&It(ke,{})]}),It(Ve,{id:q,placeholder:h,value:N,role:"spinbutton",disabled:E,"aria-label":me,"aria-describedby":fe,"aria-invalid":v?"true":void 0}),It(Ie,{valid:M,invalid:v,loading:y,disabled:E}),It(De,{loading:y,disabled:E}),s&&It(Fe,{loading:y,disabled:E,readonly:K,value:N}),b&&Kr(Us,{children:[n&&It(ke,{}),It(ze,{children:b})]}),l&&It(Dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};$.states=Qc;$.options=Zc;$.className=Fs;$.defaultOptions=cn;$.moduleName=zs;$.folderName=Gs;var Oa=$;import{jsx as jc}from"react/jsx-runtime";var Vs=e=>jc(Oa,{...e});import wr from"react";import{jsx as $s}from"react/jsx-runtime";var eu="k-list-group-sticky-header",Rr=e=>$s("div",{className:r(eu,e.className),children:$s("div",{className:"k-list-header-text",children:e.children})});import{jsx as ou}from"react/jsx-runtime";var tu="k-no-data",un=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",yo=Qt;import{jsx as Xs,jsxs as Ws}from"react/jsx-runtime";var _r="k-list",au=[],nu={size:[d.undefined,d.small,d.medium,d.large]},ru={},D=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:m,noData:b,screenReaders:N,...h}=e,c=wr.Children.toArray(a)[0],M=c?.props?.children?wr.Children.count(c.props.children):wr.Children.count(a);return Ws("div",{...h,className:r(e.className,_r,k(_r,{size:t}),{"k-virtual-list":o}),children:[l,s,m,n&&Xs(Rr,{children:n}),a\|\|(b!==void 0?b:Xs(un,{live:!0,children:"No data found."})),N&&a&&Ws(un,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};D.states=au;D.options=nu;D.className=_r;D.defaultOptions=ru;D.moduleName=Qt;D.folderName=yo;import{jsx as du}from"react/jsx-runtime";var Js="k-list-container",iu=[],su={},lu={},Eo=e=>{let{...t}=e;return du("div",{...t,className:r(e.className,Js),children:e.children})};Eo.states=iu;Eo.options=su;Eo.className=Js;Eo.defaultOptions=lu;Eo.moduleName=Qt;Eo.folderName=yo;var Zt="checkbox",Bo=Zt;import{jsx as qs}from"react/jsx-runtime";var fn="k-checkbox",pu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},cu={},$e=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:l,invalid:m,valid:b,required:N,size:h,rounded:L,wrapperRole:c,...M}=e;return qs("span",{className:"k-checkbox-wrap",role:c,children:qs("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,fn,k(fn,{size:h,rounded:L}),I(fn,{hover:n,focus:s,disabled:l,invalid:m,valid:b,indeterminate:a,checked:o}))})})};$e.states=pu;$e.options=mu;$e.className=fn;$e.defaultOptions=cu;$e.moduleName=Zt;$e.folderName=Bo;var mt=$e;import{jsx as bu}from"react/jsx-runtime";var Ys="k-checkbox-list",uu=[],fu={},Qs={layout:"vertical"},Te=e=>{let{layout:t=Qs.layout,...o}=e;return bu("ul",{...o,className:r(e.className,Ys,{[`k-list-${t}`]:t}),children:e.children})};Te.states=uu;Te.options=fu;Te.className=Ys;Te.defaultOptions=Qs;Te.moduleName=Zt;Te.folderName=Bo;import{jsx as vu}from"react/jsx-runtime";var Zs="k-checkbox-list-item",xu=[],hu={},Nu={},ye=e=>{let{...t}=e;return vu("li",{...t,className:r(e.className,Zs),children:e.children})};ye.states=xu;ye.options=hu;ye.className=Zs;ye.defaultOptions=Nu;ye.moduleName=Zt;ye.folderName=Bo;import{Fragment as Cu,jsx as js,jsxs as Lu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>Lu(Cu,{children:[js(mt,{id:t,...o}),js("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Uy,jsx as Gy,jsxs as Fy}from"react/jsx-runtime";import{Fragment as Jy,jsx as Wy,jsxs as qy}from"react/jsx-runtime";import{Fragment as eE,jsx as jy,jsxs as tE}from"react/jsx-runtime";import{jsx as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as uE}from"react/jsx-runtime";import{jsx as ot,jsxs as el}from"react/jsx-runtime";var Mu=Te.options,Su=Te.states,gu={...Te.defaultOptions,variant:"vertical"},Iu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ku=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?el(Te,{layout:"horizontal",...o,children:[ot(ye,{children:ot(kt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})})]}):el(Te,{...o,children:[ot(ye,{children:ot(kt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})})]})};Oo.options=Mu;Oo.states=Su;Oo.variants=Iu;Oo.defaultOptions=gu;Oo.modifiers=ku;Oo.className=Te.className;import{jsx as Ou}from"react/jsx-runtime";var Au=mt.options,Tu=mt.states,yu=mt.defaultOptions,Eu=[],Bu=[],Po=e=>Ou(kt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});Po.options=Au;Po.states=Tu;Po.variants=Eu;Po.defaultOptions=yu;Po.modifiers=Bu;Po.className=mt.className;import{jsx as Ko,jsxs as wu}from"react/jsx-runtime";var Dr="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:b,disabled:N,actions:h,description:L,id:c,...M}=e,v=t\|\|e.children,g=t\|\|(typeof v=="string"?v:void 0);return wu("li",{...M,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":b?"true":"false","aria-disabled":N?"true":void 0,className:r(e.className,Dr,I(Dr,{hover:l,focus:m,disabled:N,selected:b})),children:[n&&Ko($e,{checked:s,disabled:N,"aria-label":g,tabIndex:-1}),o&&Ko("span",{className:"k-list-item-icon-wrapper",children:Ko(S,{icon:o,className:r("k-list-item-icon",a)})}),Ko("span",{className:"k-list-item-text",children:v}),h&&Ko("div",{className:"k-list-item-actions",children:h}),L&&Ko("span",{className:"k-list-item-description",children:L})]})};P.states=Pu;P.options=Ku;P.className=Dr;P.defaultOptions=Ru;P.moduleName=Qt;P.folderName=yo;import{jsx as Du}from"react/jsx-runtime";var _u="k-list-ul",Ht=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 Hr,jsxs as zu}from"react/jsx-runtime";var Hu="k-list-content",X=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:Hr(Ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Hr("div",{className:"k-height-container",children:Hr("div",{})})]})};import{jsx as zr,jsxs as Vu}from"react/jsx-runtime";var bn="k-list-sticky-header",Gu=[i.hover,i.focus,i.selected],Uu={},Fu={},xn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:l,selected:m,...b}=e;return zr("div",{...b,className:r(bn,e.className),children:Vu("div",{className:r(`${bn}-item`,I(`${bn}-item`,{hover:s,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&zr($e,{checked:a,indeterminate:n,"aria-label":t}),zr("span",{className:"k-list-item-text",children:t})]})})};xn.states=Gu;xn.options=Uu;xn.className=bn;xn.defaultOptions=Fu;import{Fragment as sB,jsx as iB,jsxs as lB}from"react/jsx-runtime";import{jsx as uB,jsxs as fB}from"react/jsx-runtime";import{jsx as Ju}from"react/jsx-runtime";var Gr="k-list-optionlabel",$u=[i.hover,i.focus,i.selected,i.disabled],Xu={},Wu={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return Ju("div",{...l,className:r(Gr,I(Gr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};hn.states=$u;hn.options=Xu;hn.className=Gr;hn.defaultOptions=Wu;import{jsx as Zu}from"react/jsx-runtime";var Ur="k-list-custom-value",qu=[i.hover,i.focus,i.selected,i.disabled],Yu={},Qu={},zt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return Zu("div",{...l,className:r(Ur,I(Ur,{hover:o,focus:a,selected:n,disabled:s})),children:t})};zt.states=qu;zt.options=Yu;zt.className=Ur;zt.defaultOptions=Qu;import{Fragment as kB,jsx as IB,jsxs as AB}from"react/jsx-runtime";import{Fragment as PB,jsx as OB,jsxs as KB}from"react/jsx-runtime";import{Fragment as GB,jsx as HB,jsxs as zB}from"react/jsx-runtime";import{Fragment as JB,jsx as XB,jsxs as WB}from"react/jsx-runtime";import{jsx as ZB}from"react/jsx-runtime";import{Fragment as nO,jsx as aO,jsxs as rO}from"react/jsx-runtime";import{Fragment as mO,jsx as pO,jsxs as cO}from"react/jsx-runtime";var tl="dropdown-list",ol="dropdownlist";import{Fragment as tf,jsx as Ee,jsxs as Fr}from"react/jsx-runtime";var al="k-dropdownlist",ju=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ef={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Vr={showValue:!0,arrowIconName:"chevron-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Vr.arrowIconName,showValue:s=Vr.showValue,valueIconName:l,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,popup:q,opened:me,adaptive:fe,adaptiveSettings:be,adaptiveTitle:xe,adaptiveSubtitle:Wt,adaptiveFilter:Gn,id:Bt,activeDescendant:Ja,"aria-label":Un,...Fn}=e,$d=Bt?`${Bt}-listbox`:void 0,Ei=Bt?`${Bt}-value`:void 0;return Fr(tf,{children:[Fr(xt,{...Fn,id:Bt,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,al,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":me?"true":"false","aria-controls":me?$d:void 0,"aria-activedescendant":me&&Ja?Ja:void 0,"aria-describedby":me?Ei:void 0,"aria-disabled":E?"true":void 0,"aria-label":Un,tabIndex:0,children:[Ee(He,{children:m}),Ee(Yt,{placeholder:h,value:N,showValue:s,valueIconName:l,id:Ei}),Ee(Ie,{valid:M,invalid:v,loading:y,disabled:E}),Ee(De,{loading:y,disabled:E}),Ee(ze,{children:b}),Ee(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h\|\|"Toggle dropdown",tabIndex:-1})]}),me&&q&&Ee(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:q}),fe&&Ee(ae,{adaptive:!0,...be,header:Ee(Ae,{actionsEnd:Ee(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Gn,inputValue:N,inputPlaceholder:h,title:xe,subtitle:Wt}),children:Ee("div",{className:"k-list-container",children:Ee(D,{size:"large",children:Fr(X,{"aria-label":"Options",children:[Ee(P,{text:"List item"}),Ee(P,{text:"List item"}),Ee(P,{text:"List item"})]})})})})]})};ue.states=ju;ue.options=ef;ue.className=al;ue.defaultOptions=Vr;ue.moduleName=tl;ue.folderName=ol;import{jsx as WO}from"react/jsx-runtime";import{jsx as jO,jsxs as eP}from"react/jsx-runtime";import{Fragment as dP,jsx as sP,jsxs as lP}from"react/jsx-runtime";import{jsx as fP}from"react/jsx-runtime";import{jsx as CP,jsxs as LP}from"react/jsx-runtime";import{Fragment as EP,jsx as TP,jsxs as yP}from"react/jsx-runtime";import{jsx as RP}from"react/jsx-runtime";import{Fragment as lf,jsx as Gt,jsxs as nl}from"react/jsx-runtime";var of=ue.states,af=ue.defaultOptions,nf=ue.options,rf=[{name:"opened",title:"Opened"}],sf=[],wo=e=>{let{modifiers:t,...o}=e,a={},n=nl(lf,{children:[Gt("div",{className:"k-list-filter",children:Gt(Ze,{})}),Gt(D,{style:{width:300},size:o.size,children:nl(X,{children:[Gt(P,{children:"List item"}),Gt(P,{children:"List item"}),Gt(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),Gt("div",{children:Gt(ue,{placeholder:"Value",style:{width:300},...o,...a})})};wo.options=nf;wo.states=of;wo.variants=sf;wo.defaultOptions=af;wo.modifiers=rf;wo.className=ue.className;import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{Fragment as dK,jsx as lK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as $r}from"react/jsx-runtime";var df=$.states,pf=$.defaultOptions,mf=$.options,cf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],uf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?$r(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?$r(mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),$r(Vs,{value:"Value",style:{width:300},...o,...a})};_o.options=mf;_o.states=df;_o.variants=uf;_o.defaultOptions=pf;_o.modifiers=cf;_o.className=$.className;import{Fragment as Ka,jsx as w,jsxs as ne}from"react/jsx-runtime";var rl="k-colorgradient-inputs",ff=[],bf={size:[d.undefined,d.small,d.medium,d.large]},il={mode:"rgba"},Do=e=>{let{mode:t=il.mode,size:o,...a}=e;return ne("div",{...a,className:r(rl,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(Ka,{children:ne("div",{className:"k-vstack k-flex-1",children:[w(Le,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),w("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Do.states=ff;Do.options=bf;Do.className=rl;Do.defaultOptions=il;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var sl="k-colorgradient-color-contrast",xf=[],hf={},Nf={},Ho=()=>eo("div",{className:r(sl,"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(S,{icon:"check"}),jt(S,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(S,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(S,{icon:"x"})]})]})]});Ho.states=xf;Ho.options=hf;Ho.className=sl;Ho.defaultOptions=Nf;var ll="color-gradient",dl="colorgradient";import{jsx as at,jsxs as Ra}from"react/jsx-runtime";var Nn="k-colorgradient",vf=[i.hover,i.focus,i.readonly,i.disabled],Cf={size:[d.undefined,d.small,d.medium,d.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"},Ne=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:b=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:h,hover:L,focus:c,hoverHandle:M,focusHandle:v,canvasOrientation:g=Ct.canvasOrientation,role:y,tabIndex:E,...K}=e;return Ra("div",{...K,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":n?"true":void 0,className:r(e.className,Nn,k(Nn,{size:t}),I(Nn,{hover:L,focus:c,readonly:a,disabled:n})),dir:h,children:[!g\|\|g==="horizontal"&&Ra("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-hstack",children:[at(Or,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&at(Or,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:m})]})]}),g==="vertical"&&Ra("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-vstack",children:[at(Br,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&at(Br,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:b})]})]}),at(Do,{mode:e.mode,size:t}),N&&at(Ho,{})]})};Ne.states=vf;Ne.options=Cf;Ne.className=Nn;Ne.defaultOptions=Ct;Ne.moduleName=ll;Ne.folderName=dl;import{jsx as Lf}from"react/jsx-runtime";var vn=e=>Lf(Ne,{...e});import{jsx as ZK}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var Mf=Ne.options,Sf=Ne.states,gf={...Ne.defaultOptions,variant:"rgba"},If=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kf=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Xr(vn,{...o,mode:t});case"rgb":return Xr(vn,{...o,mode:t});default:return Xr(vn,{...o,mode:t})}};zo.options=Mf;zo.states=Sf;zo.variants=If;zo.defaultOptions=gf;zo.modifiers=kf;zo.className=Ne.className;import{jsx as Af}from"react/jsx-runtime";var Wr=e=>Af("tr",{role:"row",children:e.children});import{jsx as Ef}from"react/jsx-runtime";var Jr="k-colorpalette-tile",Tf=[i.hover,i.focus,i.selected],yf={},Ut=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ef("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Jr,I(Jr,{hover:a,focus:n,selected:s})),style:m})};Ut.states=Tf;Ut.options=yf;Ut.className=Jr;Ut.moduleName=null;Ut.folderName=null;var pl="color-palette",ml="colorpalette";import{jsx as wa}from"react/jsx-runtime";var Cn="k-colorpalette",Bf=[i.disabled],Of={size:[d.undefined,d.small,d.medium,d.large]},cl={columns:10},Ge=e=>{let{size:t,palette:o,columns:a=cl.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let b=a\|\|o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/b)},(h,L)=>{let c=[];N.slice(Lb,(L+1)*b).map((v,g)=>{c.push(wa(Ut,{color:v,tileSize:n},g))});let M=wa(Wr,{children:c},L);m.push(M)})}return wa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Cn,I(Cn,{disabled:s}),k(Cn,{size:t})),children:wa("table",{className:"k-colorpalette-table",role:"none",children:wa("tbody",{children:m.length>0?m:e.children})})})};Ge.states=Bf;Ge.options=Of;Ge.className=Cn;Ge.defaultOptions=cl;Ge.moduleName=pl;Ge.folderName=ml;var Ln=Ge;var _a={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 ul=e=>Pf(Ln,{palette:_a.basic,...e});import{jsx as _R}from"react/jsx-runtime";import{jsx as FR,jsxs as VR}from"react/jsx-runtime";import{jsx as zf}from"react/jsx-runtime";var Kf=Ge.options,Rf=Ge.states,wf={...Ge.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=[],Go=e=>{let{variant:t="basic",...o}=e,a=Df[t];return zf(ul,{columns:a.columns,palette:a,...o})};Go.options=Kf;Go.states=Rf;Go.variants=_f;Go.defaultOptions=wf;Go.modifiers=Hf;Go.className=Ge.className;var fl="color-editor",bl="coloreditor";import{jsx as nt,jsxs as Uo}from"react/jsx-runtime";var Mn="k-coloreditor",Gf=[i.focus],Uf={size:[d.undefined,d.small,d.medium,d.large]},Da={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=Da.view,palette:a=Da.palette,color:n,currentColor:s,focus:l,focusView:m,dir:b,group:N,actionButtons:h=Da.actionButtons,canvasOrientation:L=Da.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Mn,k(Mn,{size:t}),I(Mn,{focus:l})),dir:b,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[nt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Uo(O,{fillMode:"flat",children:[nt(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),nt(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),nt("div",{className:"k-spacer"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[nt(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("div",{className:"k-coloreditor-preview k-vstack",children:[nt(Ot,{className:"k-coloreditor-preview-color",color:n}),nt(Ot,{className:"k-coloreditor-current-color",color:s})]})]})]}),nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?nt(Ne,{focus:m,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):nt(Ge,{palette:a,size:t})}),h&&Uo(z,{className:"k-coloreditor-footer",alignment:"start",children:[nt(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),nt(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Gf;re.options=Uf;re.className=Mn;re.defaultOptions=Da;re.moduleName=fl;re.folderName=bl;var Fo=re;import{jsx as vw}from"react/jsx-runtime";import{jsx as Sw}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var xl=e=>Ff(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Vf}from"react/jsx-runtime";var hl=e=>Vf(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Nl}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=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?Nl(hl,{...o,color:"white"}):Nl(xl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=$f;Vo.states=Xf;Vo.variants=Jf;Vo.defaultOptions=Wf;Vo.modifiers=qf;Vo.className=re.className;var vl="color-picker",Cl="colorpicker";import{Fragment as Zf,jsx as rt,jsxs as qr}from"react/jsx-runtime";var Ll="k-colorpicker",Yf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Qf={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ml={arrowIconName:"chevron-down"},it=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ml.arrowIconName,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,valueIconName:g,popup:y,opened:E,adaptive:K,adaptiveSettings:q,adaptiveTitle:me,adaptiveSubtitle:fe,...be}=e,xe="colorpicker-popup";return qr(Zf,{children:[qr(xt,{...be,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E\|\|K?xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Ll,"k-icon-picker"),children:[rt(He,{children:s}),rt(Yt,{placeholder:b,value:m,showValue:!1,valueIcon:rt(Ot,{className:"k-value-icon",color:m,iconName:g}),valueIconName:g}),rt(ze,{children:l}),rt(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),E&&y&&rt(U,{id:xe,className:"k-colorpicker-popup",children:y}),K&&rt(ae,{adaptive:!0,id:xe,...q,header:rt(Ae,{actionsEnd:rt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:me,subtitle:fe}),footer:qr(Pt,{children:[rt(p,{text:"Cancel",size:"large"}),rt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:rt(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};it.states=Yf;it.options=Qf;it.className=Ll;it.defaultOptions=Ml;it.moduleName=vl;it.folderName=Cl;var At=it;import{jsx as jf}from"react/jsx-runtime";var Sn=e=>jf(At,{...e});import{jsx as i_}from"react/jsx-runtime";import{jsx as m_}from"react/jsx-runtime";import{jsx as b_}from"react/jsx-runtime";import{jsx as v_}from"react/jsx-runtime";import{jsx as S_}from"react/jsx-runtime";import{jsx as A_}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var eb=At.options,tb=At.states,Sl={...At.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"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Sl,...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(Sn,{...a,...n})});case"icon":return to("div",{style:s,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:s,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};$o.options=eb;$o.states=tb;$o.variants=ob;$o.defaultOptions=Sl;$o.modifiers=ab;$o.className=At.className;var Yr="combobox",gl=Yr;import{Fragment as Qr,jsx as se,jsxs as Ha}from"react/jsx-runtime";var Il="k-combobox",nb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],rb={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},kl={separators:!0},Be=e=>{let{size:t,rounded:o,fillMode:a,separators:n=kl.separators,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,popup:y,opened:E,readonly:K,adaptive:q,adaptiveSettings:me,adaptiveTitle:fe,adaptiveSubtitle:be,adaptiveCustomValue:xe,id:Wt,autocomplete:Gn,activeDescendant:Bt,"aria-label":Ja,...Un}=e,Fn=Wt?`${Wt}-listbox`:void 0;return Ha(Qr,{children:[Ha(j,{...Un,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,readonly:K,className:r(e.className,Il),children:[s&&Ha(Qr,{children:[se(He,{children:s}),n&&se(ke,{})]}),se(Ve,{id:Wt,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?Fn:void 0,"aria-activedescendant":E&&Bt?Bt:void 0,"aria-autocomplete":Gn,"aria-invalid":c?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ja,disabled:g,readOnly:K}),se(Ie,{valid:L,invalid:c,loading:v,disabled:g}),se(De,{loading:v,disabled:g}),se(Fe,{loading:v,disabled:g,readonly:K,value:m}),l&&Ha(Qr,{children:[n&&se(ke,{}),se(ze,{children:l})]}),se(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:g})]}),E&&y&&se(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),q&&se(ae,{adaptive:!0,id:Wt?`${Wt}-adaptive`:void 0,...me,header:se(Ae,{actionsEnd:se(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:fe,subtitle:be}),children:se("div",{className:"k-list-container",children:se(D,{customValue:xe?se(zt,{text:`Use "${m}"`}):void 0,size:"large",children:Ha(X,{"aria-label":fe\|\|"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=Il;Be.defaultOptions=kl;Be.moduleName=Yr;Be.folderName=gl;var Xe=Be;import{jsx as ib}from"react/jsx-runtime";var Al=e=>ib(Xe,{...e});import{jsx as d0,jsxs as p0}from"react/jsx-runtime";import{jsx as x0,jsxs as h0}from"react/jsx-runtime";import{jsx as S0,jsxs as g0}from"react/jsx-runtime";import{Fragment as E0,jsx as y0}from"react/jsx-runtime";import{Fragment as w0,jsx as R0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}from"react/jsx-runtime";import{Fragment as Q0,jsx as q0,jsxs as Y0}from"react/jsx-runtime";import{jsx as tD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as mD,jsxs as cD}from"react/jsx-runtime";import{jsx as ND,jsxs as vD}from"react/jsx-runtime";import{jsx as Ft,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=[],Xo=e=>{let{modifiers:t,...o}=e,a={},n=Ft(D,{style:{width:300},size:o.size,children:cb(X,{children:[Ft(P,{children:"List item"}),Ft(P,{children:"List item"}),Ft(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ft(S,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ft(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Ft("div",{children:Ft(Al,{value:"Value",style:{width:300},...o,...a})})};Xo.options=db;Xo.states=sb;Xo.variants=mb;Xo.defaultOptions=lb;Xo.modifiers=pb;Xo.className=Be.className;var Zr="menu-button",Tl=Zr;import{jsx as bb}from"react/jsx-runtime";var yl="k-menu-button",ub=[i.hover,i.focus,i.active,i.selected,i.disabled],fb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},jr={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,showArrow:c=jr.showArrow,arrowIconName:M=jr.arrowIconName,expanded:v,...g}=e;return bb(p,{...g,className:r(e.className,yl),text:L,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,ariaDisabled:N\|\|void 0,icon:h,showArrow:c,arrowIconName:M,"aria-expanded":v?"true":"false",...!L&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=ub;W.options=fb;W.className=yl;W.defaultOptions=jr;W.moduleName=Zr;W.folderName=Tl;import{jsx as ZD}from"react/jsx-runtime";import{jsx as oH}from"react/jsx-runtime";import{jsx as iH}from"react/jsx-runtime";var We="menu",st=We;import{jsx as za,jsxs as El}from"react/jsx-runtime";var ei="k-menu-item",xb=[i.hover,i.focus,i.active,i.selected,i.disabled],hb={},Bl={iconPosition:"before"},Me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=Bl.iconPosition,dir:L,children:c,expanded:M,...v}=e,g=N;return g\|\|(g=L==="rtl"?"chevron-left":"chevron-right"),El("li",{...v,className:r(e.className,ei,"k-item",I(ei,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[El("span",{className:r("k-link k-menu-link"),children:[l&&h==="before"&&za(S,{className:"k-menu-link-icon",icon:l}),za("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&za(S,{className:"k-menu-link-icon",icon:l}),b&&za("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:za(S,{icon:g})})]}),c]})};Me.states=xb;Me.options=hb;Me.className=ei;Me.defaultOptions=Bl;Me.moduleName=We;Me.folderName=st;import{jsx as oo,jsxs as Ol}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"},ee=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=oi.iconPosition,dir:L=oi.dir,children:c,popup:M,expanded:v,actions:g,description:y,...E}=e,K=N;return K\|\|(K=L==="rtl"?"chevron-left":"chevron-right"),Ol("li",{role:"menuitem",...E,className:r(e.className,ti,"k-item",I(ti,{focus:o,disabled:s})),...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":v?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ol("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(S,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&oo(S,{className:"k-menu-link-icon",icon:l}),g&&oo("span",{className:"k-menu-link-actions",children:g}),b&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(S,{icon:K})}),y&&oo("span",{className:"k-menu-link-description",children:y})]}),c,M]})};ee.states=Nb;ee.options=vb;ee.className=ti;ee.defaultOptions=oi;ee.moduleName=We;ee.folderName=st;import{jsx as Sb}from"react/jsx-runtime";var Pl="k-menu-scroll-wrapper",Cb=[],Lb={},Mb={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return Sb("div",{...n,className:r(t,Pl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Cb;ao.options=Lb;ao.className=Pl;ao.defaultOptions=Mb;ao.moduleName=We;ao.folderName=st;var Kl=ao;import{Fragment as ai,jsx as no,jsxs as In}from"react/jsx-runtime";var kn="k-menu",gb=[],Ib={size:[d.undefined,d.small,d.medium,d.large]},An={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ve=e=>{let{children:t,orientation:o=An.orientation,header:a=An.header,scrollable:n,scrollButtonsPosition:s=An.scrollButtonsPosition,wrapperStyles:l,dir:m,size:b,popup:N,contextMenu:h,...L}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=no("ul",{dir:m,...L,className:r(e.className,"k-reset",kn,{[`${kn}-${o}`]:o,"k-header":a},k(kn,{size:b})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return In(ai,{children:[n?In(Kl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&In(ai,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,s==="end"&&In(ai,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,N]})};ve.states=gb;ve.options=Ib;ve.className=kn;ve.defaultOptions=An;ve.moduleName=We;ve.folderName=st;import{jsx as kb}from"react/jsx-runtime";var ni="k-separator",Rl={orientation:"horizontal"},Wo=e=>{let{orientation:t=Rl.orientation,...o}=e;return kb("li",{...o,className:r(e.className,"k-item",ni,{[`${ni}-${t}`]:t}),role:"separator"})};Wo.className=ni;Wo.defaultOptions=Rl;Wo.moduleName=We;Wo.folderName=st;import{Fragment as RH,jsx as wH}from"react/jsx-runtime";import{jsx as Eb}from"react/jsx-runtime";var ri="k-menu-group",Ab=[],Tb={size:[d.undefined,d.small,d.medium,d.large]},yb={},Se=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})};Se.states=Ab;Se.options=Tb;Se.className=ri;Se.defaultOptions=yb;Se.moduleName=We;Se.folderName=st;import{jsx as $H,jsxs as XH}from"react/jsx-runtime";import{Fragment as Bb,jsx as Jo,jsxs as Ob}from"react/jsx-runtime";var ii=e=>Jo(ve,{children:Ob(Bb,{children:[Jo(Me,{text:"Item 1"}),Jo(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Jo(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Jo(Me,{text:"Item 4"}),Jo(Me,{text:"Item 5"})]}),...e});import{Fragment as o1,jsx as e1,jsxs as t1}from"react/jsx-runtime";import{Fragment as s1,jsx as i1,jsxs as l1}from"react/jsx-runtime";import{Fragment as u1,jsx as c1,jsxs as f1}from"react/jsx-runtime";import{Fragment as v1,jsx as N1,jsxs as C1}from"react/jsx-runtime";import{jsx as ro,jsxs as _b}from"react/jsx-runtime";var Pb={...ve.options,scrollable:{type:"boolean"}},Kb=ve.states,wl={...ve.defaultOptions,variant:"horizontal"},Rb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...wl,...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(U,{className:"k-menu-popup",offset:s,children:_b(Se,{children:[ro(ee,{text:"Item 1"}),ro(ee,{text:"Item 2"}),ro(Wo,{}),ro(ee,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(ii,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(ii,{...a,...n})};qo.options=Pb;qo.states=Kb;qo.variants=Rb;qo.defaultOptions=wl;qo.modifiers=wb;qo.className=ve.className;import{Fragment as j1,jsx as Q1,jsxs as Z1}from"react/jsx-runtime";import{jsx as a2}from"react/jsx-runtime";import{Fragment as Ub,jsx as Lt,jsxs as _l}from"react/jsx-runtime";var Db=p.states,Dl={...p.defaultOptions,variant:"text"},Hb=p.options,zb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gb=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Dl,...e},n={},s=Lt(U,{className:"k-menu-popup",children:_l(Se,{size:a.size,children:[Lt(ee,{text:"Menu Item"}),Lt(ee,{text:"Menu Item"}),Lt(ee,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Lt("div",{children:Lt(W,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Lt("div",{children:Lt(W,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Lt("div",{children:Lt(W,{...a,...n,children:"Dropdown Button"})});break}return _l(Ub,{children:[l,o?.opened&&s]})};Yo.options=Hb;Yo.states=Db;Yo.variants=zb;Yo.defaultOptions=Dl;Yo.modifiers=Gb;Yo.className=W.className;var si="split-button",Hl=si;import{Fragment as $b,jsx as li,jsxs as zl}from"react/jsx-runtime";var di="k-split-button",Fb=[i.hover,i.focus,i.active,i.selected,i.disabled],Vb={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Gl={arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,arrowIconName:c=Gl.arrowIconName,popup:M,opened:v,popupId:g,...y}=e;return zl($b,{children:[zl("div",{...y,className:r(e.className,di,"k-button-group",k(di,{rounded:o})),children:[li(p,{text:L,icon:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,...!L&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),li(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:N,ariaDisabled:N\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?g:void 0,tabIndex:-1})]}),v&&M&&li(U,{className:"k-menu-popup",children:M})]})};H.states=Fb;H.options=Vb;H.className=di;H.defaultOptions=Gl;H.moduleName=si;H.folderName=Hl;var pi=H;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",Qo=io;import{Fragment as mi,jsx as G,jsxs as Zo}from"react/jsx-runtime";var Tt="k-toolbar",Jb=[i.focus],qb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Yb={scrollButtons:"around"},_=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:b,...N}=e,h=[],L=(c,M)=>{let v=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))v.push(G(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===p)v.push(G(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===R)v.push(G(R,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===V)v.push(G(V,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===W)v.push(G(W,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===pi)v.push(G(pi,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===O\|\|c.props.className&&c.props.className.includes("k-button-group")){let g=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((E,K)=>{g.push(G(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${K}-${new Date().getTime()}`))}),v.push(G(O,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:g},`${M}-${new Date().getTime()}`))}else c.type===Be?v.push(G(Be,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===ue?v.push(G(ue,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===it?v.push(G(it,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):v.push(c);v.forEach(g=>{h.push(g)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,v)=>{L(M,v)}),Zo("div",{...N,className:r(e.className,Tt,k(Tt,{size:t,fillMode:o}),I(Tt,{focus:a}),{[`${Tt}-resizable`]:n,[`${Tt}-scrollable`]:s,[`${Tt}-scrollable-overlay`]:s&&l==="hidden",[`${Tt}-scrollable-${m}`]:m&&m!=="both",[`${Tt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&h,s&&l==="hidden"&&G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),s&&l==="start"&&Zo(mi,{children:[Zo(O,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]}),G(ct,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),s&&l==="end"&&Zo(mi,{children:[G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ct,{className:"k-toolbar-button-separator"}),Zo(O,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"\|\|!l)&&Zo(mi,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G(ct,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ct,{className:"k-toolbar-button-separator"}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]})};_.states=Jb;_.options=qb;_.className=Tt;_.defaultOptions=Yb;_.moduleName=io;_.folderName=Qo;import{jsx as ex}from"react/jsx-runtime";var ci="k-toolbar-item",Qb=[i.focus],Zb={},jb={},jo=e=>{let{focus:t,...o}=e;return ex("div",{...o,className:r(e.className,ci,I(ci,{focus:t})),children:e.children})};jo.states=Qb;jo.options=Zb;jo.className=ci;jo.defaultOptions=jb;jo.moduleName=io;jo.folderName=Qo;import{jsx as Ul}from"react/jsx-runtime";var Fl="k-toolbar-popup",tx=[],ox={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},ax={},so=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Ul(U,{...n,className:r(e.className,Fl),children:a?Ul("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=Fl;so.defaultOptions=ax;so.moduleName=io;so.folderName=Qo;var Tn=so;import{jsx as oz}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";import{jsx as pz}from"react/jsx-runtime";import{jsx as xz,jsxs as hz}from"react/jsx-runtime";import{jsx as Lz}from"react/jsx-runtime";import{jsx as yt,jsxs as lx}from"react/jsx-runtime";var nx=H.states,Vl={...H.defaultOptions,variant:"text"},rx=H.options,ix=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Vl,...e},n={},s=lx(Se,{size:a.size,children:[yt(ee,{text:"Menu Item"}),yt(ee,{text:"Menu Item"}),yt(ee,{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 yt("div",{children:yt(H,{...a,...n,icon:"star"})});case"icon-and-text":return yt("div",{children:yt(H,{...a,...n,icon:"star",children:"Split Button"})});default:return yt("div",{children:yt(H,{...a,...n,children:"Split Button"})})}};ea.options=rx;ea.states=nx;ea.variants=ix;ea.defaultOptions=Vl;ea.modifiers=sx;ea.className=H.className;import{jsx as lo,jsxs as dx}from"react/jsx-runtime";var $l=e=>lo(_,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(W,{text:"Menu button"},"toolbar-menu-button"),lo(H,{children:"Split button"},"toolbar-split-button"),dx(O,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Yz,jsxs as Qz}from"react/jsx-runtime";import{jsx as Je,jsxs as Xl}from"react/jsx-runtime";var Wl=e=>Je(_,{scrollable:!0,...e,children:[Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(H,{children:"Split button"},"toolbar-split-button"),Xl(O,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(H,{children:"Split button"},"toolbar-split-button"),Xl(O,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as qe,jsxs as Jl}from"react/jsx-runtime";var ql=({scrollingPosition:e="start",...t})=>qe(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[qe(p,{children:"Button"},"toolbar-button"),qe(W,{text:"Menu button"},"toolbar-menu-button"),qe(H,{children:"Split button"},"toolbar-split-button"),Jl(O,{children:[qe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(p,{icon:"align-center",children:"Center"}),qe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),qe(p,{children:"Button"},"toolbar-button"),qe(W,{text:"Menu button"},"toolbar-menu-button"),qe(H,{children:"Split button"},"toolbar-split-button"),Jl(O,{children:[qe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(p,{icon:"align-center",children:"Center"}),qe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as px,jsx as Ue,jsxs as yn}from"react/jsx-runtime";var Yl=({fillMode:e,size:t,...o})=>yn(px,{children:[Ue(_,{section:!0,fillMode:e,size:t,children:[Ue(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yn(O,{fillMode:e,children:[Ue(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ue(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ue(ct,{className:"k-toolbar-button-separator"}),Ue(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),yn(Tn,{size:t,fillMode:e,section:!0,...o,children:[Ue(H,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ue(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ue(ct,{}),Ue(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yn(O,{fillMode:e,children:[Ue(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ue(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as E3,jsx as T3,jsxs as y3}from"react/jsx-runtime";import{Fragment as G3,jsx as H3,jsxs as z3}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var mx=_.options,cx=_.states,Ql={..._.defaultOptions,variant:"default"},ux=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],fx=[],ta=e=>{let{variant:t,...o}={...Ql,...e};switch(t){case"responsive":return Vt("div",{children:Vt(Yl,{style:{width:"583px"},...o})});case"overlay":return Vt("div",{children:Vt(ql,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Vt("div",{children:Vt(Wl,{style:{width:"583px"},...o})});default:return Vt("div",{children:Vt($l,{style:{width:"583px"},...o})})}};ta.options=mx;ta.states=cx;ta.variants=ux;ta.defaultOptions=Ql;ta.modifiers=fx;ta.className=_.className;var ui="prompt",Zl=ui;import{Fragment as Nx,jsx as jl}from"react/jsx-runtime";var ed="k-prompt",bx=[],xx={},hx={},F=e=>{let{...t}=e;return jl("div",{...t,className:r(e.className,ed),children:jl(Nx,{children:e.children})})};F.states=bx;F.options=xx;F.className=ed;F.defaultOptions=hx;F.moduleName=ui;F.folderName=Zl;import{jsx as Cx}from"react/jsx-runtime";var vx="k-prompt-header",ut=e=>{let{...t}=e;return Cx("div",{...t,className:r(e.className,vx),children:e.children})};import{Fragment as Mx,jsx as td}from"react/jsx-runtime";var Lx="k-prompt-content",Oe=e=>{let{...t}=e;return td("div",{...t,className:r(e.className,Lx),children:td(Mx,{children:e.children})})};import{jsx as gx}from"react/jsx-runtime";var Sx="k-prompt-view",Pe=e=>{let{...t}=e;return gx("div",{...t,className:r(e.className,Sx),children:e.children})};import{jsx as od,jsxs as kx}from"react/jsx-runtime";var Ix="k-prompt-expander",Ga=e=>{let{title:t,children:o,expanded:a,...n}=e,s=A("prompt-expander-content");return kx("div",{...n,className:r(e.className,Ix),children:[od(R,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&od("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Tx}from"react/jsx-runtime";var Ax="k-prompt-footer",po=e=>{let{...t}=e;return Tx("div",{...t,className:r(e.className,Ax),children:e.children})};import{jsx as Ex}from"react/jsx-runtime";var yx="k-prompt-setting",fi=e=>{let{...t}=e;return Ex("div",{...t,className:r(e.className,yx),children:e.children})};import{jsx as Bx}from"react/jsx-runtime";var ad="k-prompt-send",nd={generating:!1},Mt=e=>{let{generating:t=nd.generating,...o}=e;return Bx(p,{...o,className:r(e.className,ad,{"k-generating":t}),icon:t?"stop":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};Mt.states=p.states;Mt.options=p.options;Mt.className=ad;Mt.moduleName=null;Mt.folderName=null;Mt.defaultOptions=nd;import{jsx as rd,jsxs as wx}from"react/jsx-runtime";var En="k-fab",Kx=[i.hover,i.focus,i.active,i.selected,i.disabled],Rx={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},id={type:"button"},ie=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=id.type,position:m,hover:b,focus:N,active:h,selected:L,disabled:c,...M}=e;return wx("button",{...M,type:l,className:r(e.className,En,k(En,{size:t,rounded:o,themeColor:a}),I(En,{hover:b,focus:N,active:h,disabled:c,selected:L}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[s&&rd(S,{className:"k-fab-icon",icon:s}),n&&rd("span",{className:"k-fab-text",children:n})]})};ie.states=Kx;ie.options=Rx;ie.className=En;ie.defaultOptions=id;ie.moduleName="fab";ie.folderName="fab";import{jsx as Dx}from"react/jsx-runtime";var _x="k-fab-items",sd=e=>{let{position:t,...o}=e;return Dx("ul",{...o,className:r(e.className,_x,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as dd,jsxs as zx}from"react/jsx-runtime";var ld="k-fab-item",Hx=[i.hover,i.focus,i.active,i.disabled],bi=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...b}=e;return zx("li",{...b,className:r(e.className,ld,{[`k-text-${a}`]:a},I(ld,{hover:n,focus:s,active:l,disabled:m})),children:[dd("span",{className:"k-fab-item-text",children:t}),dd(S,{className:"k-fab-item-icon",icon:o})]})};bi.states=Hx;import{jsx as tG}from"react/jsx-runtime";import{jsx as rG}from"react/jsx-runtime";import{jsx as dG}from"react/jsx-runtime";import{jsx as uG}from"react/jsx-runtime";import{jsx as oa,jsxs as Xx}from"react/jsx-runtime";var Gx=ie.options,Ux=ie.states,Fx={...ie.defaultOptions,variant:"text"},Vx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$x=[{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},s=n?oa("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:oa(sd,{position:"bottom",children:oa(bi,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=oa(ie,{...a,icon:"star"});break;case"icon-and-text":l=oa(ie,{...a,icon:"star",text:"Action"});break;default:l=oa(ie,{...a,text:"Action"});break}return Xx("span",{style:{position:"relative"},children:[l,s]})};aa.options=Gx;aa.states=Ux;aa.variants=Vx;aa.defaultOptions=Fx;aa.modifiers=$x;aa.className=ie.className;import{jsx as Wx}from"react/jsx-runtime";var pd="k-prompt-stop-fab",md={generating:!0},mo=e=>{let{generating:t=md.generating,icon:o,...a}=e;return Wx(ie,{...a,className:r(e.className,pd,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop":o,active:t,"aria-label":t?"Stop generating":"Action"})};mo.states=p.states;mo.options=p.options;mo.className=pd;mo.defaultOptions=md;var xi="speech-to-text-button",cd=xi;import{jsx as Jx}from"react/jsx-runtime";var ud="k-speech-to-text-button",fd={icon:"microphone"},te=e=>{let{listening:t=!1,icon:o=fd.icon,...a}=e;return Jx(p,{...a,icon:t?"stop":o,className:r(e.className,ud,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};te.states=p.states;te.options=p.options;te.className=ud;te.defaultOptions=fd;te.moduleName=xi;te.folderName=cd;import{jsx as YG}from"react/jsx-runtime";import{jsx as eU}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";var qx=p.states,bd={...p.defaultOptions,variant:"normal"},Yx={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Qx=[],Zx=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],na=e=>{let{variant:t,...o}={...bd,...e},a={};return t==="listening"&&(a.listening=!0),jx(te,{...o,...a})};na.options=Yx;na.states=qx;na.variants=Zx;na.defaultOptions=bd;na.modifiers=Qx;na.className=te.className;var hi="textarea",xd=hi;import{Fragment as hd,jsx as Ua,jsxs as Ni}from"react/jsx-runtime";var Nd="k-textarea",eh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],th={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ra={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},J=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=ra.prefixSeparator,suffixSeparator:s=ra.prefixSeparator,affixesOrientation:l=ra.affixesOrientation,flow:m=ra.flow,resize:b=ra.resize,prefix:N,suffix:h,rows:L,value:c,placeholder:M,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:q,id:me,"aria-label":fe,"aria-describedby":be,...xe}=e;return Ni(j,{...xe,size:t,rounded:o,fillMode:a,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:q,className:r(e.className,Nd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[N&&Ni(hd,{children:[Ua(He,{className:r({"!k-align-items-start":m===l}),direction:l,children:N}),n&&Ua(ke,{direction:m==="horizontal"?"vertical":"horizontal"})]}),Ua(Ia,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:c,placeholder:M,rows:L,disabled:q,id:me,"aria-label":fe,"aria-describedby":be,"aria-invalid":E?"true":void 0}),h&&Ni(hd,{children:[s&&Ua(ke,{direction:m==="horizontal"?"vertical":"horizontal"}),Ua(ze,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};J.states=eh;J.options=th;J.className=Nd;J.defaultOptions=ra;J.moduleName=hi;J.folderName=xd;import{jsx as CU}from"react/jsx-runtime";import{Fragment as kU,jsx as IU}from"react/jsx-runtime";import{Fragment as OU,jsx as BU}from"react/jsx-runtime";import{jsx as wU}from"react/jsx-runtime";import{jsx as Bn}from"react/jsx-runtime";var oh=J.options,ah=J.states,vd={...J.defaultOptions,variant:"vertical"},nh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],rh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ia=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},n={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?Bn(S,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?Bn(S,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?Bn(J,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):Bn(J,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ia.options=oh;ia.states=ah;ia.variants=nh;ia.defaultOptions=vd;ia.modifiers=rh;ia.className=J.className;import{Fragment as rF,jsx as aF,jsxs as nF}from"react/jsx-runtime";var Ci="suggestion",Cd=Ci;import{jsx as On,jsxs as lh}from"react/jsx-runtime";var Pn="k-suggestion-group",ih=[],sh={},Ld={layout:"scrollable",scrollingPosition:"start"},lt=e=>{let{layout:t=Ld.layout,scrollingPosition:o,...a}=e,n=On("div",{...a,className:r(Pn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Pn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Pn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?On("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?lh("div",{className:"k-suggestion-scrollwrap",children:[On(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,On(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};lt.states=ih;lt.options=sh;lt.className=Pn;lt.defaultOptions=Ld;lt.moduleName=Ci;lt.folderName=Cd;import{jsx as ch}from"react/jsx-runtime";var Kn="k-suggestion",dh=[i.active,i.hover,i.focus],ph={themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},mh={text:"Suggestion"},ft=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...l}=e;return ch("span",{...l,className:r(e.className,Kn,I(Kn,{hover:a,active:o,focus:n}),k(Kn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ft.states=dh;ft.options=ph;ft.className=Kn;ft.item=mh;import{Fragment as vF,jsx as NF,jsxs as CF}from"react/jsx-runtime";import{Fragment as IF,jsx as gF,jsxs as kF}from"react/jsx-runtime";import{Fragment as BF,jsx as EF,jsxs as OF}from"react/jsx-runtime";import{Fragment as YF,jsx as JF,jsxs as qF}from"react/jsx-runtime";import{jsx as fh}from"react/jsx-runtime";var uh="k-card-callout",Md=e=>{let{callout:t,...o}=e;return fh("span",{...o,className:r(e.className,uh,{[`k-callout-${Oi.calloutMap[t]\|\|t}`]:t})})};var Ye="card",dt=Ye;import{Fragment as Nh,jsx as Sd,jsxs as vh}from"react/jsx-runtime";var Li="k-card",bh=[i.hover,i.focus,i.selected,i.disabled],xh={},hh={},Q=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return vh("div",{...m,className:r(e.className,Li,I(Li,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&Sd(Md,{callout:o}),Sd(Nh,{children:e.children})]})};Q.states=bh;Q.options=xh;Q.className=Li;Q.defaultOptions=hh;Q.moduleName=Ye;Q.folderName=dt;import{Fragment as Sh,jsx as gd}from"react/jsx-runtime";var Mi="k-card-list",Ch=[],Lh={},Mh={},co=e=>{let{...t}=e;return gd("div",{...t,className:r(e.className,Mi,I(Mi,{})),role:"list",children:gd(Sh,{children:e.children})})};co.states=Ch;co.options=Lh;co.className=Mi;co.defaultOptions=Mh;co.moduleName=Ye;co.folderName=dt;import{jsx as Ah}from"react/jsx-runtime";var Id="k-card-group",gh=[],Ih={},kh={},sa=e=>{let{...t}=e;return Ah("div",{...t,className:r(e.className,Id),children:e.children})};sa.states=gh;sa.options=Ih;sa.className=Id;sa.defaultOptions=kh;sa.moduleName=Ye;sa.folderName=dt;import{jsx as Bh}from"react/jsx-runtime";var Si="k-card-wrap",Th=[i.focus,i.selected],yh={},Eh={},la=e=>{let{focus:t,selected:o,...a}=e;return Bh("div",{...a,className:r(e.className,Si,I(Si,{focus:t,selected:o})),children:e.children})};la.states=Th;la.options=yh;la.className=Si;la.defaultOptions=Eh;la.moduleName=Ye;la.folderName=dt;import{jsx as Ph}from"react/jsx-runtime";var gi="k-card-title",Oh=[i.hover,i.focus],uo=e=>{let{hover:t,focus:o,...a}=e;return Ph("div",{...a,className:r(e.className,gi,I(gi,{hover:t,focus:o})),children:e.children})};uo.states=Oh;uo.className=gi;import{jsx as Rh}from"react/jsx-runtime";var Kh="k-card-subtitle",Rn=e=>{let{...t}=e;return Rh("div",{...t,className:r(e.className,Kh),children:e.children})};import{Fragment as Ad,jsx as wn}from"react/jsx-runtime";var kd="k-card-media",Ii=e=>{let{src:t,...o}=e;return wn(Ad,{children:t?wn("img",{...o,className:r(e.className,kd),src:t}):wn("span",{...o,className:r(e.className,kd),children:wn(Ad,{children:e.children})})})};import{Fragment as _h,jsx as Fa,jsxs as Dh}from"react/jsx-runtime";var wh="k-card-header",Et=e=>{let{title:t,subtitle:o,details:a,...n}=e;return Dh("div",{...n,className:r(e.className,wh),children:[t&&Fa(uo,{children:t}),o&&Fa(Rn,{children:o}),Fa(_h,{children:e.children}),a&&Fa("span",{className:"k-card-header-actions",children:Fa(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as zh}from"react/jsx-runtime";var Hh="k-card-footer",ki=e=>{let{...t}=e;return zh("div",{...t,className:r(e.className,Hh),children:e.children})};import{Fragment as Uh,jsx as Va,jsxs as Fh}from"react/jsx-runtime";var Gh="k-card-body",Ke=e=>{let{title:t,subtitle:o,details:a,...n}=e;return Fh("div",{...n,className:r(e.className,Gh),children:[t&&Va(uo,{children:t}),o&&Va(Rn,{children:o}),Va(Uh,{children:e.children}),a&&Va("span",{className:"k-card-header-actions",children:Va(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Wh}from"react/jsx-runtime";var Td="k-card-deck",Vh=[],$h={},Xh={},da=e=>{let{...t}=e;return Wh("div",{...t,className:r(e.className,Td),children:e.children})};da.states=Vh;da.options=$h;da.className=Td;da.defaultOptions=Xh;da.moduleName=Ye;da.folderName=dt;import{jsx as Qh}from"react/jsx-runtime";var yd="k-card-deck-scrollwrap",Jh=[],qh={},Yh={},pa=e=>{let{...t}=e;return Qh("div",{...t,className:r(e.className,yd),children:e.children})};pa.states=Jh;pa.options=qh;pa.className=yd;pa.defaultOptions=Yh;pa.moduleName=Ye;pa.folderName=dt;import{Fragment as Zh,jsx as ma,jsxs as Ed}from"react/jsx-runtime";var Bd=e=>ma(Q,{orientation:"vertical",children:Ed(Zh,{children:[ma(Et,{children:"Card Header"}),ma(Ke,{children:ma("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ed(z,{className:"k-card-actions",children:[ma(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),ma(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as jh,jsx as $a,jsxs as Od}from"react/jsx-runtime";var Pd=e=>$a(Q,{orientation:"horizontal",children:Od(jh,{children:[$a(Ke,{title:"Card Title",children:$a("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Od(z,{orientation:"vertical",className:"k-card-actions",children:[$a(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),$a(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as c6,jsxs as u6}from"react/jsx-runtime";import{jsx as Re,jsxs as Xa}from"react/jsx-runtime";var eN=Q.options,tN=Q.states,Kd={...Q.defaultOptions,variant:"vertical"},oN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],aN=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n=!1,s=!1,l=!1;return Object.keys(o\|\|{}).forEach(m=>{switch(m){case"media":{n=!!o?.[m];break}case"header":{s=!!o?.[m];break}case"footer":{l=!!o?.[m];break}}}),t==="horizontal"?Xa(Pd,{style:{maxWidth:"420px"},...a,children:[n&&Re(Ii,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Xa("div",{children:[s&&Re(Et,{title:"Header Title",subtitle:"Header Subtitle"}),Re(Ke,{title:"Title",subtitle:"Subtitle",children:Re("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Re(ki,{children:"Card Footer"})]}),(s\|\|l)&&Re("span",{className:"k-separator k-separator-vertical"}),Xa(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Xa(Bd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Re(Et,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Re(Ii,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Re(Ke,{title:"Title",subtitle:"Subtitle",children:Re("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Re(ki,{children:"Card Footer"}),Xa(z,{className:"k-card-actions",children:[Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ca.options=eN;ca.states=tN;ca.variants=oN;ca.defaultOptions=Kd;ca.modifiers=aN;ca.className=Q.className;import{jsx as Q6,jsxs as Z6}from"react/jsx-runtime";var Ai="panelbar",Rd=Ai;import{jsx as sN}from"react/jsx-runtime";var wd="k-panelbar",nN=[],rN={},iN={},ge=e=>{let{activeDescendant:t,...o}=e;return sN("ul",{...o,className:r(e.className,wd),role:"tree","aria-activedescendant":t,children:e.children})};ge.states=nN;ge.options=rN;ge.className=wd;ge.defaultOptions=iN;ge.moduleName=Ai;ge.folderName=Rd;import Ti from"react";import{jsx as _n,jsxs as _d}from"react/jsx-runtime";var Dd="k-panelbar-item",lN=[i.hover,i.focus,i.selected,i.disabled],dN={},Dn={level:0,expanded:!1,text:"Item"},T=e=>{let{text:t=Dn.text,level:o=Dn.level,expanded:a=Dn.expanded,header:n,hover:s,focus:l,selected:m,disabled:b,icon:N,iconClass:h,ariaSelected:L,children:c,...M}=e,v=!!c;return _d("li",{...M,className:r(e.className,Dd,{"k-panelbar-header":n,[`k-level-${o}`]:o\|\|o===0,"k-expanded":a}),role:"treeitem","aria-expanded":v?a?"true":"false":void 0,"aria-selected":L?"true":"false","aria-disabled":b?"true":void 0,children:[_d("span",{className:r("k-link",I("k-link",{hover:s,focus:l,disabled:b,selected:m})),children:[N&&_n(S,{className:"k-panelbar-item-icon",icon:N}),h&&!N&&_n("span",{className:`k-panelbar-item-icon ${h}`}),_n("span",{className:"k-panelbar-item-text",children:t}),v&&_n(S,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&c,!a&&c&&Ti.Children.map(c,g=>Ti.isValidElement(g)?Ti.cloneElement(g,{"aria-hidden":"true",style:{display:"none"}}):g)]})};T.states=lN;T.options=dN;T.className=Dd;T.moduleName=null;T.folderName=null;T.defaultOptions=Dn;import{jsx as uN}from"react/jsx-runtime";var Hd="k-panelbar-group",pN=[],mN={},cN={},Ce=e=>{let{ariaHidden:t,...o}=e;return uN("ul",{...o,className:r(e.className,Hd),role:"group",...t!==void 0&&{"aria-hidden":t?"true":void 0},children:e.children})};Ce.states=pN;Ce.options=mN;Ce.className=Hd;Ce.moduleName=null;Ce.folderName=null;Ce.defaultOptions=cN;import{jsx as hN}from"react/jsx-runtime";var zd="k-panelbar-content",fN=[],bN={},xN={},le=e=>{let{...t}=e;return hN("div",{...t,className:r(e.className,zd),children:e.children})};le.states=fN;le.options=bN;le.className=zd;le.defaultOptions=xN;import{Fragment as NN,jsx as $t,jsxs as vN}from"react/jsx-runtime";var Wa=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item");return $t(ge,{children:vN(NN,{children:[$t(T,{header:!0,text:"Item 1",id:t,children:$t(le,{children:"content"})}),$t(T,{header:!0,text:"Item 2",id:o,children:$t(le,{children:"content"})}),$t(T,{header:!0,text:"Item 3",id:a,children:$t(le,{children:"content"})}),$t(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as g7,jsx as S7,jsxs as I7}from"react/jsx-runtime";import{Fragment as CN,jsx as we,jsxs as yi}from"react/jsx-runtime";var Gd=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item"),s=A("pb-child"),l=A("pb-child"),m=A("pb-child"),b=A("pb-child"),N=A("pb-child"),h=A("pb-child"),L=A("pb-child");return we(ge,{activeDescendant:o,children:yi(CN,{children:[we(T,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(T,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:yi(Ce,{children:[we(T,{level:1,text:"Child 1",id:s}),we(T,{level:1,expanded:!0,text:"Child 2",id:l,children:yi(Ce,{children:[we(T,{level:2,text:"Child 2.1",id:m}),we(T,{level:2,text:"Child 2.2",id:b})]})}),we(T,{level:1,text:"Child 3",id:N,children:we(Ce,{children:we(T,{level:2,text:"Child 3.1",id:h})})}),we(T,{level:1,text:"Child 4",id:L})]})}),we(T,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Ud,jsx as oe,jsxs as Hn}from"react/jsx-runtime";var LN=ge.options,MN=ge.states,Fd={...ge.defaultOptions,variant:"normal"},SN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],gN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ua=e=>{let{variant:t,modifiers:o,...a}={...Fd,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"icon":{n.icon=o?.[l]?s:void 0;break}case"disabled":n.disabled=!!o?.[l]}}),t==="expand"?oe(Ud,{children:Hn(Gd,{style:{width:"300px"},...a,children:[oe(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Hn(Ce,{children:[oe(T,{level:1,text:"Child 1"}),oe(T,{level:1,expanded:!0,text:"Child 2",children:Hn(Ce,{children:[oe(T,{level:2,text:"Child 2.1"}),oe(T,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),oe(T,{disabled:n.disabled,level:1,text:"Child 3",children:oe(le,{children:"content"})}),oe(T,{level:1,text:"Child 4"})]})}),oe(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):oe(Ud,{children:Hn(Wa,{style:{width:"300px"},...a,children:[oe(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.folder,header:!0,text:"Item 2",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};ua.options=LN;ua.states=MN;ua.variants=SN;ua.defaultOptions=Fd;ua.modifiers=gN;ua.className=ge.className;import{jsx as j7,jsxs as e4}from"react/jsx-runtime";import{Fragment as c4,jsx as p4,jsxs as m4}from"react/jsx-runtime";import{Fragment as S4,jsx as L4,jsxs as M4}from"react/jsx-runtime";import{Fragment as B4,jsx as E4,jsxs as O4}from"react/jsx-runtime";import{Fragment as Vd,jsx as C,jsxs as de}from"react/jsx-runtime";var IN=F.options,kN=F.states,AN={...F.defaultOptions,variant:"ask"},TN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],yN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],fa=e=>{let{variant:t,modifiers:o,...a}={...e},n=C(Vd,{children:de(lt,{layout:"wrap",children:[C(ft,{text:"Post for work-life balance importance"}),C(ft,{text:"Out of office"})]})}),s={suggestions:n,stt:!0};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return C(U,{className:"k-prompt-popup",children:de(F,{style:{width:"330px",height:"350px"},...a,children:[C(ut,{children:de(_,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),C(Oe,{children:C(Pe,{children:de(Wa,{children:[C(T,{header:!0,icon:"brush",text:"Change Formality",children:de(Ce,{children:[C(T,{level:1,text:"Casual"}),C(T,{level:1,text:"Neutral"}),C(T,{level:1,text:"Formal"})]})}),C(T,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(Ce,{children:[C(T,{level:1,text:"German"}),C(T,{level:1,text:"Spanish"})]})}),C(T,{header:!0,icon:"min-width",text:"Simplify"}),C(T,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return C(U,{className:"k-prompt-popup",children:de(F,{style:{width:"330px",height:"350px"},...a,children:[C(ut,{children:de(_,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(Oe,{children:[C(mo,{}),C(Pe,{children:de("div",{className:"k-card-list",children:[de(Q,{children:[C(Et,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),C(Ke,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",C("br",{}),C("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",C("br",{}),C("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",C("br",{}),C("br",{}),"\u2728 Key Points \u2728",C("br",{}),C("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",C("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",C("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",C("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",C("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",C("br",{}),C("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(Q,{children:[C(Et,{title:"Generated with AI",subtitle:"Out of Office"}),C(Ke,{children:de("p",{children:["Subject: Out of Office: [Your Name]",C("br",{}),C("br",{}),"Dear [Recipient's Name],",C("br",{}),C("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",C("br",{}),C("br",{}),"Thank you,",C("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return C(U,{className:"k-prompt-popup",children:de(F,{style:{width:"330px",height:"350px"},...a,children:[C(ut,{children:de(_,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),C(Oe,{children:de(Pe,{children:[C(J,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:C(Vd,{children:s.stt?C(te,{fillMode:"flat"}):null})}),C(Ga,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),C(po,{children:C(z,{className:"k-prompt-actions",alignment:"start",children:C(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};fa.options=IN;fa.states=kN;fa.variants=TN;fa.defaultOptions=AN;fa.modifiers=yN;fa.className=F.className;import{Fragment as KN,jsx as pt,jsxs as zn}from"react/jsx-runtime";var EN=F.options,BN=F.states,ON={...F.defaultOptions},PN=[{name:"commands",title:"Commands Menu",default:!0},{name:"stt",title:"SpeechToText",default:!0},{name:"response",title:"Response Card"},{name:"generating",title:"Generating"}],ba=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=zn(Q,{children:[pt(Ke,{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,"}),zn(z,{className:"k-card-actions",alignment:"start",children:[pt(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),pt(R,{fillMode:"flat",themeColor:"base",icon:"cancel",children:"Discard"})]})]});return pt(U,{className:"k-prompt-popup",children:pt(F,{style:{width:"450px",height:"auto"},...o,children:pt(Oe,{children:zn(Pe,{children:[a.response?n:null,pt(J,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:zn(KN,{children:[a.commands?pt(V,{fillMode:"flat",icon:"menu"}):null,a.stt?pt(te,{fillMode:"flat"}):null]}),suffix:pt(Mt,{generating:!!a.generating})})]})})})})};ba.options=EN;ba.states=BN;ba.variants=[];ba.defaultOptions=ON;ba.modifiers=PN;ba.className=F.className;import{Fragment as RN,jsx as pe,jsxs as Xt}from"react/jsx-runtime";var D8=e=>Xt(F,{...e,children:[pe(ut,{children:Xt(_,{fillMode:"flat",children:[pe(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),pe(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),pe(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full","aria-label":"More actions"})]})}),pe(Oe,{children:Xt(Pe,{children:[pe(J,{resize:"y",rows:1,suffixSeparator:!1,placeholder:"Ask or generate content with AI","aria-label":"Ask or generate content with AI",suffix:pe(RN,{children:pe(te,{fillMode:"flat"})})}),Xt(Ga,{expanded:!0,title:"Settings",children:[Xt(fi,{children:["Length:",Xt(ce,{ariaLabel:"Length",children:[pe(Z,{text:"Small",role:"option"}),pe(Z,{text:"Medium",role:"option"}),pe(Z,{text:"Large",role:"option"})]})]}),Xt(fi,{children:["Tone:",Xt(ce,{ariaLabel:"Tone",children:[pe(Z,{text:"Professional",role:"option"}),pe(Z,{text:"Friendly",role:"option"}),pe(Z,{text:"Casual",role:"option"}),pe(Z,{text:"Straightforward",role:"option"}),pe(Z,{text:"Confident",role:"option"})]})]})]})]})}),pe(po,{children:pe(z,{className:"k-prompt-actions",alignment:"start",children:pe(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]});export{D8 as PromptSettings};
1	+ var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var k=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:l,active:m,selected:b,disabled:N,indeterminate:h,loading:L,empty:c,readonly:M,highlighted:v,...g}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":l,"k-active":m,"k-selected":b,"k-disabled":N,"k-indeterminate":h&&!l,"k-loading":L,"k-empty":c,"k-readonly":M,"k-highlighted":v},Object.keys(g).reduce((y,E)=>(E.startsWith("k-")?y[E]=g[E]:y[`k-${E}`]=g[E],y),{}))};function Oi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},u={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},f={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},bt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},x={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Bi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Vn={};function A(e){return Vn[e]=(Vn[e]\|\|0)+1,`k-${e}-${Vn[e]}`}var $n="action-buttons",Pi=$n;import{jsx as Jd}from"react/jsx-runtime";var qa="k-actions",Xd=[],Wd={},Xn={alignment:"start",orientation:"horizontal"},z=e=>{let{alignment:t=Xn.alignment,orientation:o=Xn.orientation,...a}=e;return Jd("div",{...a,className:r(qa,{[`${qa}-${t}`]:t,[`${qa}-${o}`]:o},e.className),children:e.children})};z.states=Xd;z.options=Wd;z.className=qa;z.defaultOptions=Xn;z.moduleName=$n;z.folderName=Pi;import{Fragment as Zd,jsx as Ki}from"react/jsx-runtime";var Wn="k-font-icon",qd=[],Yd={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Qd={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...l}=e;return a?Ki("span",{...l,className:r(e.className,Wn,k(Wn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Ki(Zd,{})};xa.states=qd;xa.options=Yd;xa.className=Wn;xa.defaultOptions=Qd;var Ri=xa;import{Fragment as tp,jsx as Ya}from"react/jsx-runtime";var Jn="k-svg-icon",jd=[],ep={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},qn={viewBox:"0 0 24 24",variant:bt.outline},ha=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=qn.viewBox,variant:l=qn.variant,icon:m,...b}=e;if(!m)return Ya(tp,{});if(m==="none")return Ya("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return Ya("span",{...b,className:r(e.className,Jn,k("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};ha.states=jd;ha.options=ep;ha.className=Jn;ha.defaultOptions=qn;var Yn=ha;importas Qn from"@progress/kendo-svg-icons";var wi="icon",_i="icons";import{useContext as ap}from"react";import{createContext as op}from"react";var Di=op({iconsType:"svg"});import{Fragment as Hi,jsx as Na}from"react/jsx-runtime";var Qa="k-icon",np=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),rp=[],ip={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[bt.outline,bt.solid,bt.duotone]},Za={viewBox:"0 0 24 24",type:"svg",variant:bt.outline},S=e=>{let{iconsType:t}=ap(Di),{size:o,themeColor:a,icon:n,type:s=t\|\|Za.type,rotate:l,flip:m,viewBox:b=Za.viewBox,variant:N=Za.variant,...h}=e;if(!n)return Na(Hi,{});if((t\|\|s)==="svg"){if(n==="none")return Na(Yn,{...h,className:r(e.className,Qa),icon:n,size:o,variant:N});let c=Qn[n]?n:np(`${n}-icon`);return Qn[c]?Na(Yn,{...h,className:r(e.className,Qa),icon:Qn[c],size:o,themeColor:a,rotate:l,flip:m,viewBox:b,variant:N}):Na(Hi,{})}return Na(Ri,{...h,className:r(e.className,Qa),icon:n,size:o,themeColor:a,rotate:l,flip:m})};S.states=rp;S.options=ip;S.defaultOptions=Za;S.className=Qa;S.moduleName=wi;S.folderName=_i;var Zn="button",zi=Zn;import{Fragment as Gi,jsx as fo,jsxs as Ui}from"react/jsx-runtime";var va="k-button",sp=["icon-button"],lp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],dp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},jn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:l=jn.showArrow,arrowIconName:m=jn.arrowIconName,variant:b,hover:N,focus:h,active:L,selected:c,disabled:M,togglable:v,ariaDisabled:g,icon:y,iconSize:E,text:K,iconClassName:q,className:me,...fe}=e,be=y!=null,xe=e.children!==void 0;return Ui(t,{className:r(me,va,Oi(va,b),k(va,{size:o,rounded:a,fillMode:n,themeColor:s}),I(va,{hover:N,focus:h,active:L,disabled:M\|\|g,selected:c}),{"k-icon-button":!K&&!xe&&be}),"aria-pressed":v?c?"true":"false":void 0,...fe,"aria-disabled":g?"true":void 0,disabled:M\|\|void 0,children:[typeof y=="string"&&y&&fo(S,{className:r(q,"k-button-icon"),icon:y,size:E}),y&&typeof y!="string"&&fo(Gi,{children:y}),K?Ui(Gi,{children:[K&&fo("span",{className:"k-button-text",children:K}),e.children]}):e.children&&fo("span",{className:"k-button-text",children:e.children}),l&&fo("span",{className:"k-menu-button-arrow k-button-arrow",children:fo(S,{icon:m})})]})};p.states=lp;p.options=dp;p.variants=sp;p.className=va;p.defaultOptions=jn;p.moduleName=Zn;p.folderName=zi;import{jsx as pp}from"react/jsx-runtime";var V=e=>pp(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as mp}from"react/jsx-runtime";var R=e=>mp(p,{icon:"folder",children:"Button",...e});import{jsx as cp}from"react/jsx-runtime";var Jt=e=>cp(p,{children:"Button",...e});import{jsx as er}from"react/jsx-runtime";var up=p.options,fp=p.states,bp={...p.defaultOptions,variant:"text"},xp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hp=[],bo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return er(V,{...o,icon:"star"});case"icon-and-text":return er(R,{...o,icon:"star",children:"Button"});default:return er(Jt,{...o,children:"Button"})}};bo.options=up;bo.states=fp;bo.variants=xp;bo.defaultOptions=bp;bo.modifiers=hp;bo.className=p.className;import{jsx as ja}from"react/jsx-runtime";var Np="k-chip-action";var St=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=ja(S,{icon:"x-circle",size:"small"});break;case"more":a=ja(S,{icon:"more-vertical",size:"small"});break;default:return ja(S,{icon:t,size:"small"})}return ja("span",{...o,className:r(e.className,Np,`k-chip-${t}-action`),children:a})};var tr="avatar",Fi=tr;import{jsx as Vi}from"react/jsx-runtime";var Ca="k-avatar";var vp=[i.hover,i.focus,i.active,i.selected,i.disabled],Cp={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},or={type:"text",border:!1},_e=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:s=or.type,border:l=or.border,...m}=e;return Vi("div",{...m,className:r(e.className,Ca,k(Ca,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${Ca}-bordered`]:l}),children:Vi("span",{className:`${Ca}-${s}`,children:e.children})})};_e.states=vp;_e.options=Cp;_e.className=Ca;_e.defaultOptions=or;_e.moduleName=tr;_e.folderName=Fi;var qt=_e;import{jsx as Lp}from"react/jsx-runtime";var $i=e=>Lp(qt,{type:"icon",...e});import{jsx as Mp}from"react/jsx-runtime";var Xi=e=>Mp(qt,{type:"text",...e});import{jsx as Sp}from"react/jsx-runtime";var Wi=e=>Sp(qt,{type:"image",...e});import{jsx as fC}from"react/jsx-runtime";import{jsx as La}from"react/jsx-runtime";var gp=_e.options,Ip=_e.states,kp={..._e.defaultOptions,variant:"image"},Ap=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Tp=[],xo=e=>{let{variant:t,...o}=e;switch(t){case"icon":return La($i,{...o,children:La(S,{icon:"star"})});case"text":return La(Xi,{...o,children:"JO"});default:return La(Wi,{...o,children:La("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};xo.options=gp;xo.states=Ip;xo.variants=Ap;xo.defaultOptions=kp;xo.modifiers=Tp;xo.className=_e.className;var Ma="chip",en=Ma,tn="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg";import{jsx as ho,jsxs as Op}from"react/jsx-runtime";var on="k-chip",yp=[i.hover,i.focus,i.active,i.selected,i.disabled],Ep={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.outline],themeColor:[x.undefined,x.base,x.success,x.warning,x.error,x.info]},Ji={avatarImage:"/packages/html/assets/avatar.jpg"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:s,icon:l,actions:m,showAvatar:b,avatarImage:N=Ji.avatarImage,hover:h,focus:L,active:c,selected:M,disabled:v,...g}=e;return Op("div",{...g,className:r(e.className,on,k(on,{size:t,rounded:o,fillMode:a,themeColor:n}),I(on,{hover:h,focus:L,active:c,disabled:v,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":v?"true":void 0,children:[l&&ho(S,{className:"k-chip-icon",icon:l,size:"small"}),b&&ho(_e,{className:"k-chip-avatar",type:"image",children:ho("img",{src:N,alt:""})}),ho("span",{className:"k-chip-content",children:e.children?e.children:s&&ho("span",{className:"k-chip-label",children:s})}),m&&ho("span",{className:"k-chip-actions",children:m})]})};Z.states=yp;Z.options=Ep;Z.className=on;Z.defaultOptions=Ji;Z.moduleName=Ma;Z.folderName=en;var Qe=Z;import{jsx as Rp}from"react/jsx-runtime";var ar="k-chip-list",Bp=[],Pp={size:[d.undefined,d.small,d.medium,d.large]},Kp={},ce=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return Rp("div",{...n,className:r(e.className,ar,k(ar,{size:t})),role:e.role\|\|"listbox","aria-label":e.role==="none"?void 0:a\|\|"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ce.states=Bp;ce.options=Pp;ce.className=ar;ce.defaultOptions=Kp;ce.moduleName=Ma;ce.folderName=en;import{jsx as VC}from"react/jsx-runtime";import{jsx as JC}from"react/jsx-runtime";import{jsx as wp}from"react/jsx-runtime";var an=e=>wp(Qe,{text:"text",...e});import{jsx as oL}from"react/jsx-runtime";import{jsx as iL}from"react/jsx-runtime";import{Fragment as cL,jsx as mL,jsxs as uL}from"react/jsx-runtime";import{jsx as NL,jsxs as vL}from"react/jsx-runtime";import{jsx as gL,jsxs as IL}from"react/jsx-runtime";import{jsx as OL,jsxs as BL}from"react/jsx-runtime";import{jsx as No,jsxs as Up}from"react/jsx-runtime";var _p={...Qe.options,...ce.options},Dp=[],Hp=ce.states,zp={...Qe.defaultOptions,...ce.defaultOptions},Gp=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],vo=e=>{let{modifiers:t,className:o,...a}=e,n=t?.icon,s=t?.actions,l=t?.avatar,m=l?tn:void 0;return Up(ce,{size:a.size,className:o,children:[No(an,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?No(St,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),No(an,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?No(St,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"}),No(an,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:s?No(St,{type:"remove"}):void 0,showAvatar:l,avatarImage:m,children:"Chip"})]})};vo.options=_p;vo.states=Hp;vo.variants=Dp;vo.defaultOptions=zp;vo.modifiers=Gp;vo.className=ce.className;import{jsx as nr}from"react/jsx-runtime";var Fp=Z.states,Vp=Z.defaultOptions,$p=Z.options,Xp=[],Wp=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Co=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]?tn:void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[n]?nr(St,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[n]?nr(St,{type:"remove"}):void 0;break;default:break}}),nr(Z,{...o,...a,children:"Chip component"})};Co.options=$p;Co.states=Fp;Co.variants=Xp;Co.defaultOptions=Vp;Co.modifiers=Wp;Co.className=Z.className;var rr="button",qi=rr;import{jsx as Qp}from"react/jsx-runtime";var Sa="k-button-group",Jp=[i.disabled],qp={fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Yp={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Qp("div",{role:"group",...n,className:r(e.className,Sa,k(Sa,{fillMode:t}),I(Sa,{disabled:o}),{[`${Sa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Jp;B.options=qp;B.className=Sa;B.defaultOptions=Yp;B.moduleName=rr;B.folderName=qi;import{Fragment as vM,jsx as NM,jsxs as CM}from"react/jsx-runtime";import{Fragment as kM,jsx as IM,jsxs as AM}from"react/jsx-runtime";import{Fragment as PM,jsx as BM,jsxs as KM}from"react/jsx-runtime";import{Fragment as zM,jsx as HM,jsxs as GM}from"react/jsx-runtime";import{Fragment as WM,jsx as XM,jsxs as JM}from"react/jsx-runtime";import{Fragment as eS,jsx as jM,jsxs as tS}from"react/jsx-runtime";import{jsx as gt,jsxs as ir}from"react/jsx-runtime";var Zp={...p.options,...B.options},jp=p.states,em={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},tm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],om=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ir(B,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"}),gt(p,{...a,icon:"star"})]}):t==="icon-text-button"?ir(B,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,icon:"star",children:"First"}),gt(p,{...a,icon:"star",children:"Middle"}),gt(p,{...a,icon:"star",children:"Last"})]}):ir(B,{fillMode:a.fillMode,className:o,children:[gt(p,{...a,children:"First"}),gt(p,{...a,children:"Middle"}),gt(p,{...a,children:"Last"})]})};Lo.options=Zp;Lo.states=jp;Lo.variants=tm;Lo.defaultOptions=em;Lo.modifiers=om;Lo.className=B.className;var ga="input",nn=ga;import{jsx as im}from"react/jsx-runtime";var rn="k-input",am=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],nm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},rm={},j=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return im("span",{...L,className:r(e.className,rn,k(rn,{size:b,rounded:N,fillMode:h}),I(rn,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m}))})};j.states=am;j.options=nm;j.className=rn;j.defaultOptions=rm;j.moduleName=ga;j.folderName=nn;import{jsx as pm}from"react/jsx-runtime";var sn="k-picker",sm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],lm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},dm={},xt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:l,readonly:m,size:b,rounded:N,fillMode:h,...L}=e;return pm("span",{...L,className:r(e.className,sn,k(sn,{size:b,rounded:N,fillMode:h}),I(sn,{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=sn;xt.defaultOptions=dm;xt.moduleName=ga;xt.folderName=nn;import{Fragment as um,jsx as sr}from"react/jsx-runtime";var Yi="k-clear-value",mm=[i.disabled,i.loading,i.readonly],cm={},Fe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?sr(um,{}):sr("span",{className:r(e.className,Yi),children:sr(S,{icon:"x"})})};Fe.states=mm;Fe.options=cm;Fe.className=Yi;import{jsx as xm}from"react/jsx-runtime";var lr="k-input-inner",fm=[],bm={},ln={type:"text",autocomplete:"off",value:"",placeholder:""},Ve=e=>{let{value:t=ln.value,type:o=ln.type,placeholder:a=ln.placeholder,autocomplete:n=ln.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})};Ve.states=fm;Ve.options=bm;Ve.className=lr;import{jsx as Qi,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&&Qi(S,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Qi("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={},Zi={value:"",placeholder:""},Ia=e=>{let{value:t=Zi.value,placeholder:o=Zi.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})};Ia.states=Cm;Ia.options=Lm;Ia.className=pr;import{Fragment as gm,jsx as ji}from"react/jsx-runtime";var es="k-input-loading-icon",Sm=[i.disabled,i.loading],De=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ji(gm,{}):ji("span",{className:r(e.className,es,"k-icon k-i-loading")})};De.states=Sm;De.className=es;import{Fragment as Am,jsx as ts}from"react/jsx-runtime";var os="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)?ts(Am,{}):ts(S,{className:r(os),icon:s})};Ie.states=Im;Ie.options=km;Ie.className=os;import{Fragment as Em,jsx as as}from"react/jsx-runtime";var Tm="k-input-prefix",ym={direction:"horizontal"},He=e=>{let{direction:t=ym.direction,...o}=e;return e.children?as("span",{...o,className:r(Tm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):as(Em,{})};import{Fragment as Pm,jsx as ns}from"react/jsx-runtime";var Om="k-input-suffix",Bm={direction:"horizontal"},ze=e=>{let{direction:t=Bm.direction,...o}=e;return e.children?ns("span",{...o,className:r(Om,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ns(Pm,{})};import{jsx as tg}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 rs="k-input-separator",wm={direction:"vertical"},ke=e=>{let{direction:t=wm.direction,...o}=e;return _m("span",{...o,className:r(rs,e.className,{[`${rs}-${t}`]:t})})};import{Fragment as is,jsx as ht,jsxs as cr}from"react/jsx-runtime";var Dm=j.states,Hm=j.defaultOptions,zm=j.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=[],Mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:l,...m}=e,b=t?.prefix,N=t?.suffix,h=t?.["clear-button"],L=t?.["validation-icon"],c=t?.separators;return cr(j,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:l,style:{width:300},children:[b&&cr(is,{children:[ht(He,{children:ht(S,{icon:"lock"})}),c&&ht(ke,{})]}),ht(Ve,{placeholder:"Placeholder",value:"Value"}),L&&ht(Ie,{valid:o,invalid:a,loading:n,disabled:s}),ht(De,{loading:n,disabled:s}),h&&ht(Fe,{loading:n,disabled:s,readonly:l,value:"Value"}),N&&cr(is,{children:[c&&ht(ke,{}),ht(ze,{children:ht(Jt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mo.options=zm;Mo.states=Dm;Mo.variants=Um;Mo.defaultOptions=Hm;Mo.modifiers=Gm;Mo.className=j.className;import{jsx as ss,jsxs as $m}from"react/jsx-runtime";var ls="k-color-preview",Fm=[],Vm={},Bt=e=>{let{color:t,iconName:o,...a}=e;return $m("span",{...a,className:r(e.className,ls,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ss(S,{icon:o,className:"k-color-preview-icon"}),ss("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Bt.states=Fm;Bt.options=Vm;Bt.className=ls;var ur="popup",ds=ur;import{jsx as ps}from"react/jsx-runtime";var ms="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 ps("div",{...s,style:{...n,...e.style},className:r(e.className,ms,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ps("div",{className:"k-child-animation-container",style:a,children:e.children})})};Nt.states=Xm;Nt.options=Wm;Nt.className=ms;Nt.defaultOptions=fr;Nt.moduleName=ur;Nt.folderName=ds;var br="popup",cs=br;import{jsx as us}from"react/jsx-runtime";var fs="k-popup",Jm=[],qm={},bs={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:l,...m}=e;return us(Nt,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":l,children:us("div",{...m,className:r(e.className,fs),children:e.children})})};U.states=Jm;U.options=qm;U.className=fs;U.defaultOptions=bs;U.moduleName=br;U.folderName=cs;import{jsx as Qm}from"react/jsx-runtime";var Ym="k-actionsheet-footer",xs={alignment:"stretched",orientation:"horizontal"},Pt=e=>{let{alignment:t=xs.alignment,orientation:o=xs.orientation,template:a,as:n=a?"div":z,...s}=e;return Qm(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Ym),children:e.children})};var xr="searchbox",hs=xr;import{jsx as ka,jsxs as ec}from"react/jsx-runtime";var Ns="k-searchbox",Zm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],jm={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},hr={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,showIcon:M=hr.showIcon,icon:v=hr.icon,"aria-label":g,...y}=e;return ec(j,{...y,size:a,rounded:n,fillMode:s,hover:l,focus:m,valid:b,invalid:N,required:h,loading:L,disabled:c,className:r(e.className,Ns),children:[M&&ka(S,{className:"k-input-icon",icon:v}),ka(Ve,{placeholder:o,value:t,"aria-label":g}),ka(De,{...e}),ka(Ie,{...e}),ka(Fe,{...e})]})};Ze.states=Zm;Ze.options=jm;Ze.className=Ns;Ze.defaultOptions=hr;Ze.moduleName=xr;Ze.folderName=hs;import{jsx as vI}from"react/jsx-runtime";var Nr="textbox",vs=Nr;import{Fragment as Cs,jsx as Kt,jsxs as vr}from"react/jsx-runtime";var Ls="k-textbox",tc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],oc={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},dn={showClearButton:!0,showValidationIcon:!0,separators:!0},Le=e=>{let{size:t,rounded:o,fillMode:a,separators:n=dn.separators,showClearButton:s=dn.showClearButton,showValidationIcon:l=dn.showValidationIcon,prefix:m,suffix:b,type:N,value:h,placeholder:L,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:q,id:me,"aria-label":fe,"aria-describedby":be,...xe}=e;return vr(j,{...xe,size:t,rounded:o,fillMode:a,hover:c,focus:M,valid:v,invalid:g,required:y,loading:E,disabled:K,readonly:q,className:r(e.className,Ls),children:[m&&vr(Cs,{children:[Kt(He,{children:m}),n&&Kt(ke,{})]}),Kt(Ve,{id:me,placeholder:L,value:h,type:N,disabled:K,"aria-label":fe,"aria-describedby":be,"aria-invalid":g?"true":void 0}),l&&Kt(Ie,{valid:v,invalid:g,loading:E,disabled:K}),Kt(De,{loading:E,disabled:K}),s&&Kt(Fe,{loading:E,disabled:K,readonly:q,value:h}),b&&vr(Cs,{children:[n&&Kt(ke,{}),Kt(ze,{children:b})]})]})};Le.states=tc;Le.options=oc;Le.className=Ls;Le.defaultOptions=dn;Le.moduleName=Nr;Le.folderName=vs;var Aa=Le;import{jsx as ac}from"react/jsx-runtime";var Ms=e=>ac(Aa,{...e});import{Fragment as _I,jsx as wI}from"react/jsx-runtime";import{Fragment as FI,jsx as UI}from"react/jsx-runtime";import{jsx as WI}from"react/jsx-runtime";import{jsx as Cr}from"react/jsx-runtime";var nc=Le.states,rc=Le.defaultOptions,ic=Le.options,sc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],lc=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Cr(S,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Cr(Jt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Cr(Ms,{value:"Value",style:{width:300},...o,...a})};So.options=ic;So.states=nc;So.variants=lc;So.defaultOptions=rc;So.modifiers=sc;So.className=Le.className;import{jsx as Rt,jsxs as Lr}from"react/jsx-runtime";var Ss="k-actionsheet-titlebar",dc={},Ae=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:l,inputValue:m,inputPlaceholder:b,adaptive:N,titleId:h,children:L,...c}=e;return Lr("div",{...c,className:r(e.className,Ss),children:[Lr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Rt("div",{className:"k-actionsheet-actions",children:a}),!L&&Lr("div",{className:"k-actionsheet-title",id:h,children:[t&&Rt("div",{className:"k-text-center",children:t}),o&&Rt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&Rt("div",{className:"k-actionsheet-title",id:h,children:L}),n&&Rt("div",{className:"k-actionsheet-actions",children:n})]}),(l\|\|s)&&Rt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Rt(Le,{value:m,placeholder:b,size:N?"large":"medium","aria-label":t\|\|b\|\|"Input"}):Rt(Ze,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Ae.className=Ss;Ae.defaultOptions=dc;import{jsx as Mr,jsxs as uc}from"react/jsx-runtime";var Sr="k-actionsheet-view",pc=[],mc={},cc={},go=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:l,...m}=e,b=n?.type===Ae&&Mr(Ae,{adaptive:t,titleId:l,...n?.props}),N=s?.type===Pt&&Mr(Pt,{...s?.props});return uc("div",{...m,className:r(e.className,Sr,{[`${Sr}-animated`]:o}),children:[b,Mr("div",{className:"k-actionsheet-content",children:a}),N]})};go.states=pc;go.options=mc;go.className=Sr;go.defaultOptions=cc;var Ta="action-sheet",pn=Ta;var gr="overlay",gs=gr;import{jsx as hc}from"react/jsx-runtime";var Is="k-overlay",fc=[],bc={},xc={},wt=e=>{let{...t}=e;return hc("div",{...t,className:r(e.className,Is),children:e.children})};wt.states=fc;wt.options=bc;wt.className=Is;wt.defaultOptions=xc;wt.moduleName=gr;wt.folderName=gs;import{jsx as mn,jsxs as Cc}from"react/jsx-runtime";var ks="k-actionsheet",Nc=[],vc={},ya={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=ya.side,fullscreen:o=ya.fullscreen,adaptive:a=ya.adaptive,overlay:n=ya.overlay,template:s,children:l,header:m,footer:b,id:N,...h}=e,L=N&&!s&&m?`${N}-title`:void 0;return Cc("div",{className:"k-actionsheet-container",children:[n&&mn(wt,{}),mn(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:mn("div",{...h,id:N,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":L,className:r(e.className,ks,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|mn(go,{header:m,footer:b,adaptive:a,titleId:L,...e,children:l})})})]})};ae.states=Nc;ae.options=vc;ae.className=ks;ae.defaultOptions=ya;ae.moduleName=Ta;ae.folderName=pn;import{jsx as gc}from"react/jsx-runtime";var As="k-actionsheet-container",Lc=[],Mc={},Sc={},Io=e=>{let{children:t,...o}=e;return gc("div",{...o,className:As,children:t})};Io.states=Lc;Io.options=Mc;Io.className=As;Io.defaultOptions=Sc;Io.moduleName=Ta;Io.folderName=pn;import{jsx as Ic}from"react/jsx-runtime";var Ir=e=>{let{...t}=e;return Ic("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Ac,jsx as Ea,jsxs as kr}from"react/jsx-runtime";var Ar="k-actionsheet-item",kc=[i.hover,i.focus,i.selected,i.disabled],_t=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:l,disabled:m,...b}=e;return kr("span",{...b,className:r(e.className,Ar,I(Ar,{hover:n,focus:s,selected:l,disabled:m})),children:[!e.children&&Ea(Ac,{children:kr("span",{className:"k-actionsheet-action",children:[t&&Ea("span",{className:"k-icon-wrap",children:Ea(S,{className:"k-actionsheet-item-icon",icon:t})}),kr("span",{className:"k-actionsheet-item-text",children:[o&&Ea("span",{className:"k-actionsheet-item-title",children:o}),a&&Ea("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};_t.states=kc;_t.className=Ar;import{jsx as Xk,jsxs as Wk}from"react/jsx-runtime";import{jsx as Qk}from"react/jsx-runtime";import{jsx as tA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as he,jsxs as Tr}from"react/jsx-runtime";var Tc=ae.options,yc=ae.states,ys={...ae.defaultOptions,variant:"normal"},Ec=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Oc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ko=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},n={},s=Tr(Ir,{children:[he(_t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),he(_t,{text:"Add to Favorites",iconName:"heart"}),he(_t,{text:"Upload New",iconName:"upload",disabled:!0}),he("hr",{className:"k-hr"}),he(_t,{text:"Cancel",iconName:"cancel"})]}),l="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(b=>{switch(b){case"actions":n.actionsStart=!!o?.[b],n.actionsEnd=!!o?.[b];break;case"subtitle":n.subtitle=o?.[b]?l:void 0;break;case"footer":n.footer=!!o?.[b];break;default:break}}),t==="adaptive"?he(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:he(Ae,{actionsStart:n.actionsStart?he(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?he(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[he(p,{text:"Cancel",size:"large",themeColor:"base"}),he(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):he(ae,{...a,fullscreen:n.fullScreen,header:he(Ae,{actionsStart:n.actionsStart?he(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?he(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Tr(Pt,{alignment:"stretched",children:[he(p,{text:"Apply",themeColor:"primary"}),he(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ko.options=Tc;ko.states=yc;ko.variants=Ec;ko.defaultOptions=ys;ko.modifiers=Oc;ko.className=ae.className;var yr="slider",Es=yr;import{jsx as Ao,jsxs as Er}from"react/jsx-runtime";var Oa="k-slider",Bc=[i.hover,i.focus,i.active,i.disabled,i.readonly],Pc={},je={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=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:n=je.readonly,disabled:s=je.disabled,handlePosition:l=je.handlePosition,showButtons:m=je.showButtons,showTicks:b=je.showTicks,value:N=je.value,min:h=je.min,max:L=je.max,startValue:c,endValue:M,hover:v,focus:g,active:y,trackStyle:E,dir:K,...q}=e,fe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),be,xe;return o==="horizontal"?(be=K==="rtl"?"chevron-left":"chevron-right",xe=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(be="chevron-up",xe="chevron-down"),Er("div",{...q,className:r(Oa,e.className,I(Oa,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&Ao(p,{className:"k-button-decrease",rounded:"full",icon:xe,tabIndex:-1,title:"Decrease"}),Er("div",{className:"k-slider-track-wrap",children:[b&&Ao("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Er("div",{className:"k-slider-track",style:E,children:[Ao("div",{className:"k-slider-selection"}),t==="range"&&Ao("span",{className:r("k-draghandle","k-draghandle-start",I(Oa,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":c??h,"aria-valuemin":h,"aria-valuemax":M??L,"aria-orientation":fe,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),Ao("span",{className:r("k-draghandle",`k-draghandle-${l}`,I(Oa,{hover:v,focus:g,active:y})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??L:N,"aria-valuemin":t==="range"?c??h:h,"aria-valuemax":L,"aria-orientation":fe,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?q["aria-label"]?`${q["aria-label"]} end`:"Range end":q["aria-label"]})]})]}),m&&Ao(p,{className:"k-button-increase",rounded:"full",icon:be,tabIndex:-1,title:"Increase"})]})};Y.states=Bc;Y.options=Pc;Y.className=Oa;Y.defaultOptions=je;Y.moduleName=yr;Y.folderName=Es;import{jsx as Os}from"react/jsx-runtime";var Bs="k-tick",Kc=[],Rc={},Ps={label:!1},O=e=>{let{style:t,label:o=Ps.label,orientation:a,large:n,text:s,...l}=e;return Os("li",{...l,role:"presentation",title:s\|\|"Tick",className:r(e.className,Bs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Os("span",{className:"k-label",children:s})})};O.states=Kc;O.options=Rc;O.className=Bs;O.defaultOptions=Ps;import{Fragment as wc,jsx as et,jsxs as _c}from"react/jsx-runtime";var Ks=e=>et(Y,{"aria-label":e["aria-label"]\|\|"Slider",children:_c(wc,{children:[et(O,{className:"k-first",label:!0,large:!0,text:"0"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{label:!0,large:!0,text:"5"}),et(O,{}),et(O,{}),et(O,{}),et(O,{}),et(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Dc,jsx as tt,jsxs as Hc}from"react/jsx-runtime";var Rs=e=>tt(Y,{children:Hc(Dc,{children:[tt(O,{className:"k-first",label:!0,large:!0,text:"0"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{label:!0,large:!0,text:"5"}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{}),tt(O,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as WA,jsx as XA,jsxs as JA}from"react/jsx-runtime";import{Fragment as jA,jsx as ZA,jsxs as eT}from"react/jsx-runtime";import{jsx as zc}from"react/jsx-runtime";var Or=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 mT,jsx as pT,jsxs as cT}from"react/jsx-runtime";import{Fragment as hT,jsx as xT,jsxs as NT}from"react/jsx-runtime";import{jsx as vt,jsxs as ws}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}],To=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"?ws(Rs,{style:{height:"300px",...l},...a,...s,children:[vt(O,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),vt(O,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),vt(O,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),vt(O,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),vt(O,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ws(Ks,{style:{width:"400px",...l},...a,...s,children:[vt(O,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),vt(O,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),vt(O,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),vt(O,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),vt(O,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};To.options=Uc;To.states=Fc;To.variants=Vc;To.defaultOptions=_s;To.modifiers=$c;To.className=Y.className;import{jsx as Ds,jsxs as Yc}from"react/jsx-runtime";var Hs="k-spin-button",Jc=[],qc={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link]},Pr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Pr.increaseLabel,decreaseLabel:s=Pr.decreaseLabel,...l}=e;return Yc("span",{...l,className:r(Hs,e.className),children:[Ds(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Ds(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Dt.states=Jc;Dt.options=qc;Dt.className=Hs;Dt.defaultOptions=Pr;Dt.moduleName=null;Dt.folderName=null;var zs="numeric-textbox",Gs="numerictextbox";import{Fragment as Us,jsx as It,jsxs as Kr}from"react/jsx-runtime";var Fs="k-numerictextbox",Qc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zc={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},cn={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:n=cn.separators,showClearButton:s=cn.showClearButton,showSpinButton:l=cn.showSpinButton,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,id:q,"aria-label":me,"aria-describedby":fe,...be}=e;return Kr(j,{...be,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,Fs),children:[m&&Kr(Us,{children:[It(He,{children:m}),n&&It(ke,{})]}),It(Ve,{id:q,placeholder:h,value:N,role:"spinbutton",disabled:E,"aria-label":me,"aria-describedby":fe,"aria-invalid":v?"true":void 0}),It(Ie,{valid:M,invalid:v,loading:y,disabled:E}),It(De,{loading:y,disabled:E}),s&&It(Fe,{loading:y,disabled:E,readonly:K,value:N}),b&&Kr(Us,{children:[n&&It(ke,{}),It(ze,{children:b})]}),l&&It(Dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};$.states=Qc;$.options=Zc;$.className=Fs;$.defaultOptions=cn;$.moduleName=zs;$.folderName=Gs;var Ba=$;import{jsx as jc}from"react/jsx-runtime";var Vs=e=>jc(Ba,{...e});import wr from"react";import{jsx as $s}from"react/jsx-runtime";var eu="k-list-group-sticky-header",Rr=e=>$s("div",{className:r(eu,e.className),children:$s("div",{className:"k-list-header-text",children:e.children})});import{jsx as ou}from"react/jsx-runtime";var tu="k-no-data",un=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",yo=Qt;import{jsx as Xs,jsxs as Ws}from"react/jsx-runtime";var _r="k-list",au=[],nu={size:[d.undefined,d.small,d.medium,d.large]},ru={},D=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:l,customValue:m,noData:b,screenReaders:N,...h}=e,c=wr.Children.toArray(a)[0],M=c?.props?.children?wr.Children.count(c.props.children):wr.Children.count(a);return Ws("div",{...h,className:r(e.className,_r,k(_r,{size:t}),{"k-virtual-list":o}),children:[l,s,m,n&&Xs(Rr,{children:n}),a\|\|(b!==void 0?b:Xs(un,{live:!0,children:"No data found."})),N&&a&&Ws(un,{className:"k-sr-only",live:!0,children:[M," items found."]})]})};D.states=au;D.options=nu;D.className=_r;D.defaultOptions=ru;D.moduleName=Qt;D.folderName=yo;import{jsx as du}from"react/jsx-runtime";var Js="k-list-container",iu=[],su={},lu={},Eo=e=>{let{...t}=e;return du("div",{...t,className:r(e.className,Js),children:e.children})};Eo.states=iu;Eo.options=su;Eo.className=Js;Eo.defaultOptions=lu;Eo.moduleName=Qt;Eo.folderName=yo;var Zt="checkbox",Oo=Zt;import{jsx as qs}from"react/jsx-runtime";var fn="k-checkbox",pu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},cu={},$e=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:l,invalid:m,valid:b,required:N,size:h,rounded:L,wrapperRole:c,...M}=e;return qs("span",{className:"k-checkbox-wrap",role:c,children:qs("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,fn,k(fn,{size:h,rounded:L}),I(fn,{hover:n,focus:s,disabled:l,invalid:m,valid:b,indeterminate:a,checked:o}))})})};$e.states=pu;$e.options=mu;$e.className=fn;$e.defaultOptions=cu;$e.moduleName=Zt;$e.folderName=Oo;var mt=$e;import{jsx as bu}from"react/jsx-runtime";var Ys="k-checkbox-list",uu=[],fu={},Qs={layout:"vertical"},Te=e=>{let{layout:t=Qs.layout,...o}=e;return bu("ul",{...o,className:r(e.className,Ys,{[`k-list-${t}`]:t}),children:e.children})};Te.states=uu;Te.options=fu;Te.className=Ys;Te.defaultOptions=Qs;Te.moduleName=Zt;Te.folderName=Oo;import{jsx as vu}from"react/jsx-runtime";var Zs="k-checkbox-list-item",xu=[],hu={},Nu={},ye=e=>{let{...t}=e;return vu("li",{...t,className:r(e.className,Zs),children:e.children})};ye.states=xu;ye.options=hu;ye.className=Zs;ye.defaultOptions=Nu;ye.moduleName=Zt;ye.folderName=Oo;import{Fragment as Cu,jsx as js,jsxs as Lu}from"react/jsx-runtime";var kt=({children:e="Label",id:t="cb-label-after",...o})=>Lu(Cu,{children:[js(mt,{id:t,...o}),js("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Uy,jsx as Gy,jsxs as Fy}from"react/jsx-runtime";import{Fragment as Jy,jsx as Wy,jsxs as qy}from"react/jsx-runtime";import{Fragment as eE,jsx as jy,jsxs as tE}from"react/jsx-runtime";import{jsx as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as uE}from"react/jsx-runtime";import{jsx as ot,jsxs as el}from"react/jsx-runtime";var Mu=Te.options,Su=Te.states,gu={...Te.defaultOptions,variant:"vertical"},Iu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ku=[],Bo=e=>{let{variant:t,...o}=e;return t==="horizontal"?el(Te,{layout:"horizontal",...o,children:[ot(ye,{children:ot(kt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})})]}):el(Te,{...o,children:[ot(ye,{children:ot(kt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})}),ot(ye,{children:ot(kt,{id:A("cb"),children:"Label"})})]})};Bo.options=Mu;Bo.states=Su;Bo.variants=Iu;Bo.defaultOptions=gu;Bo.modifiers=ku;Bo.className=Te.className;import{jsx as Bu}from"react/jsx-runtime";var Au=mt.options,Tu=mt.states,yu=mt.defaultOptions,Eu=[],Ou=[],Po=e=>Bu(kt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});Po.options=Au;Po.states=Tu;Po.variants=Eu;Po.defaultOptions=yu;Po.modifiers=Ou;Po.className=mt.className;import{jsx as Ko,jsxs as wu}from"react/jsx-runtime";var Dr="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:b,disabled:N,actions:h,description:L,id:c,...M}=e,v=t\|\|e.children,g=t\|\|(typeof v=="string"?v:void 0);return wu("li",{...M,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":b?"true":"false","aria-disabled":N?"true":void 0,className:r(e.className,Dr,I(Dr,{hover:l,focus:m,disabled:N,selected:b})),children:[n&&Ko($e,{checked:s,disabled:N,"aria-label":g,tabIndex:-1}),o&&Ko("span",{className:"k-list-item-icon-wrapper",children:Ko(S,{icon:o,className:r("k-list-item-icon",a)})}),Ko("span",{className:"k-list-item-text",children:v}),h&&Ko("div",{className:"k-list-item-actions",children:h}),L&&Ko("span",{className:"k-list-item-description",children:L})]})};P.states=Pu;P.options=Ku;P.className=Dr;P.defaultOptions=Ru;P.moduleName=Qt;P.folderName=yo;import{jsx as Du}from"react/jsx-runtime";var _u="k-list-ul",Ht=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 Hr,jsxs as zu}from"react/jsx-runtime";var Hu="k-list-content",X=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:Hr(Ht,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Hr("div",{className:"k-height-container",children:Hr("div",{})})]})};import{jsx as zr,jsxs as Vu}from"react/jsx-runtime";var bn="k-list-sticky-header",Gu=[i.hover,i.focus,i.selected],Uu={},Fu={},xn=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:l,selected:m,...b}=e;return zr("div",{...b,className:r(bn,e.className),children:Vu("div",{className:r(`${bn}-item`,I(`${bn}-item`,{hover:s,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&zr($e,{checked:a,indeterminate:n,"aria-label":t}),zr("span",{className:"k-list-item-text",children:t})]})})};xn.states=Gu;xn.options=Uu;xn.className=bn;xn.defaultOptions=Fu;import{Fragment as sO,jsx as iO,jsxs as lO}from"react/jsx-runtime";import{jsx as uO,jsxs as fO}from"react/jsx-runtime";import{jsx as Ju}from"react/jsx-runtime";var Gr="k-list-optionlabel",$u=[i.hover,i.focus,i.selected,i.disabled],Xu={},Wu={},hn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return Ju("div",{...l,className:r(Gr,I(Gr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};hn.states=$u;hn.options=Xu;hn.className=Gr;hn.defaultOptions=Wu;import{jsx as Zu}from"react/jsx-runtime";var Ur="k-list-custom-value",qu=[i.hover,i.focus,i.selected,i.disabled],Yu={},Qu={},zt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...l}=e;return Zu("div",{...l,className:r(Ur,I(Ur,{hover:o,focus:a,selected:n,disabled:s})),children:t})};zt.states=qu;zt.options=Yu;zt.className=Ur;zt.defaultOptions=Qu;import{Fragment as kO,jsx as IO,jsxs as AO}from"react/jsx-runtime";import{Fragment as PO,jsx as BO,jsxs as KO}from"react/jsx-runtime";import{Fragment as GO,jsx as HO,jsxs as zO}from"react/jsx-runtime";import{Fragment as JO,jsx as XO,jsxs as WO}from"react/jsx-runtime";import{jsx as ZO}from"react/jsx-runtime";import{Fragment as nB,jsx as aB,jsxs as rB}from"react/jsx-runtime";import{Fragment as mB,jsx as pB,jsxs as cB}from"react/jsx-runtime";var tl="dropdown-list",ol="dropdownlist";import{Fragment as tf,jsx as Ee,jsxs as Fr}from"react/jsx-runtime";var al="k-dropdownlist",ju=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ef={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Vr={showValue:!0,arrowIconName:"chevron-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Vr.arrowIconName,showValue:s=Vr.showValue,valueIconName:l,prefix:m,suffix:b,value:N,placeholder:h,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,popup:q,opened:me,adaptive:fe,adaptiveSettings:be,adaptiveTitle:xe,adaptiveSubtitle:Wt,adaptiveFilter:Gn,id:Ot,activeDescendant:Ja,"aria-label":Un,...Fn}=e,$d=Ot?`${Ot}-listbox`:void 0,Ei=Ot?`${Ot}-value`:void 0;return Fr(tf,{children:[Fr(xt,{...Fn,id:Ot,size:t,rounded:o,fillMode:a,hover:L,focus:c,valid:M,invalid:v,required:g,loading:y,disabled:E,readonly:K,className:r(e.className,al,{"k-icon-picker":!s&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":me?"true":"false","aria-controls":me?$d:void 0,"aria-activedescendant":me&&Ja?Ja:void 0,"aria-describedby":me?Ei:void 0,"aria-disabled":E?"true":void 0,"aria-label":Un,tabIndex:0,children:[Ee(He,{children:m}),Ee(Yt,{placeholder:h,value:N,showValue:s,valueIconName:l,id:Ei}),Ee(Ie,{valid:M,invalid:v,loading:y,disabled:E}),Ee(De,{loading:y,disabled:E}),Ee(ze,{children:b}),Ee(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":h\|\|"Toggle dropdown",tabIndex:-1})]}),me&&q&&Ee(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:q}),fe&&Ee(ae,{adaptive:!0,...be,header:Ee(Ae,{actionsEnd:Ee(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Gn,inputValue:N,inputPlaceholder:h,title:xe,subtitle:Wt}),children:Ee("div",{className:"k-list-container",children:Ee(D,{size:"large",children:Fr(X,{"aria-label":"Options",children:[Ee(P,{text:"List item"}),Ee(P,{text:"List item"}),Ee(P,{text:"List item"})]})})})})]})};ue.states=ju;ue.options=ef;ue.className=al;ue.defaultOptions=Vr;ue.moduleName=tl;ue.folderName=ol;import{jsx as WB}from"react/jsx-runtime";import{jsx as jB,jsxs as eP}from"react/jsx-runtime";import{Fragment as dP,jsx as sP,jsxs as lP}from"react/jsx-runtime";import{jsx as fP}from"react/jsx-runtime";import{jsx as CP,jsxs as LP}from"react/jsx-runtime";import{Fragment as EP,jsx as TP,jsxs as yP}from"react/jsx-runtime";import{jsx as RP}from"react/jsx-runtime";import{Fragment as lf,jsx as Gt,jsxs as nl}from"react/jsx-runtime";var of=ue.states,af=ue.defaultOptions,nf=ue.options,rf=[{name:"opened",title:"Opened"}],sf=[],wo=e=>{let{modifiers:t,...o}=e,a={},n=nl(lf,{children:[Gt("div",{className:"k-list-filter",children:Gt(Ze,{})}),Gt(D,{style:{width:300},size:o.size,children:nl(X,{children:[Gt(P,{children:"List item"}),Gt(P,{children:"List item"}),Gt(P,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),Gt("div",{children:Gt(ue,{placeholder:"Value",style:{width:300},...o,...a})})};wo.options=nf;wo.states=of;wo.variants=sf;wo.defaultOptions=af;wo.modifiers=rf;wo.className=ue.className;import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{Fragment as dK,jsx as lK}from"react/jsx-runtime";import{jsx as uK}from"react/jsx-runtime";import{jsx as $r}from"react/jsx-runtime";var df=$.states,pf=$.defaultOptions,mf=$.options,cf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],uf=[],_o=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?$r(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?$r(mr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),$r(Vs,{value:"Value",style:{width:300},...o,...a})};_o.options=mf;_o.states=df;_o.variants=uf;_o.defaultOptions=pf;_o.modifiers=cf;_o.className=$.className;import{Fragment as Ka,jsx as w,jsxs as ne}from"react/jsx-runtime";var rl="k-colorgradient-inputs",ff=[],bf={size:[d.undefined,d.small,d.medium,d.large]},il={mode:"rgba"},Do=e=>{let{mode:t=il.mode,size:o,...a}=e;return ne("div",{...a,className:r(rl,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(Ka,{children:[ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[w($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(Ka,{children:ne("div",{className:"k-vstack k-flex-1",children:[w(Le,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),w("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Do.states=ff;Do.options=bf;Do.className=rl;Do.defaultOptions=il;import{jsx as jt,jsxs as eo}from"react/jsx-runtime";var sl="k-colorgradient-color-contrast",xf=[],hf={},Nf={},Ho=()=>eo("div",{className:r(sl,"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(S,{icon:"check"}),jt(S,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AA: 4.5"}),eo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jt(S,{icon:"check"})]})]}),eo("div",{children:[jt("span",{children:"AAA: 7.0"}),eo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jt(S,{icon:"x"})]})]})]});Ho.states=xf;Ho.options=hf;Ho.className=sl;Ho.defaultOptions=Nf;var ll="color-gradient",dl="colorgradient";import{jsx as at,jsxs as Ra}from"react/jsx-runtime";var Nn="k-colorgradient",vf=[i.hover,i.focus,i.readonly,i.disabled],Cf={size:[d.undefined,d.small,d.medium,d.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"},Ne=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:b=Ct.alphaStyleHorizontal,contrast:N=Ct.contrast,dir:h,hover:L,focus:c,hoverHandle:M,focusHandle:v,canvasOrientation:g=Ct.canvasOrientation,role:y,tabIndex:E,...K}=e;return Ra("div",{...K,role:y??"textbox","aria-label":y==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":n?"true":void 0,className:r(e.className,Nn,k(Nn,{size:t}),I(Nn,{hover:L,focus:c,readonly:a,disabled:n})),dir:h,children:[!g\|\|g==="horizontal"&&Ra("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-hstack",children:[at(Br,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&at(Br,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:m})]})]}),g==="vertical"&&Ra("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:s,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":v}),style:l,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ra("div",{className:"k-hsv-controls k-vstack",children:[at(Or,{className:"k-hue-slider",hover:M,focus:v}),o!=="rgb"&&o!=="hsv"&&at(Or,{className:"k-alpha-slider",hover:M,focus:v,trackStyle:b})]})]}),at(Do,{mode:e.mode,size:t}),N&&at(Ho,{})]})};Ne.states=vf;Ne.options=Cf;Ne.className=Nn;Ne.defaultOptions=Ct;Ne.moduleName=ll;Ne.folderName=dl;import{jsx as Lf}from"react/jsx-runtime";var vn=e=>Lf(Ne,{...e});import{jsx as ZK}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var Mf=Ne.options,Sf=Ne.states,gf={...Ne.defaultOptions,variant:"rgba"},If=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],kf=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Xr(vn,{...o,mode:t});case"rgb":return Xr(vn,{...o,mode:t});default:return Xr(vn,{...o,mode:t})}};zo.options=Mf;zo.states=Sf;zo.variants=If;zo.defaultOptions=gf;zo.modifiers=kf;zo.className=Ne.className;import{jsx as Af}from"react/jsx-runtime";var Wr=e=>Af("tr",{role:"row",children:e.children});import{jsx as Ef}from"react/jsx-runtime";var Jr="k-colorpalette-tile",Tf=[i.hover,i.focus,i.selected],yf={},Ut=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ef("td",{...l,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Jr,I(Jr,{hover:a,focus:n,selected:s})),style:m})};Ut.states=Tf;Ut.options=yf;Ut.className=Jr;Ut.moduleName=null;Ut.folderName=null;var pl="color-palette",ml="colorpalette";import{jsx as wa}from"react/jsx-runtime";var Cn="k-colorpalette",Of=[i.disabled],Bf={size:[d.undefined,d.small,d.medium,d.large]},cl={columns:10},Ge=e=>{let{size:t,palette:o,columns:a=cl.columns,tileSize:n,disabled:s,...l}=e,m=[];if(o){let b=a\|\|o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/b)},(h,L)=>{let c=[];N.slice(Lb,(L+1)*b).map((v,g)=>{c.push(wa(Ut,{color:v,tileSize:n},g))});let M=wa(Wr,{children:c},L);m.push(M)})}return wa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Cn,I(Cn,{disabled:s}),k(Cn,{size:t})),children:wa("table",{className:"k-colorpalette-table",role:"none",children:wa("tbody",{children:m.length>0?m:e.children})})})};Ge.states=Of;Ge.options=Bf;Ge.className=Cn;Ge.defaultOptions=cl;Ge.moduleName=pl;Ge.folderName=ml;var Ln=Ge;var _a={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 ul=e=>Pf(Ln,{palette:_a.basic,...e});import{jsx as _R}from"react/jsx-runtime";import{jsx as FR,jsxs as VR}from"react/jsx-runtime";import{jsx as zf}from"react/jsx-runtime";var Kf=Ge.options,Rf=Ge.states,wf={...Ge.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=[],Go=e=>{let{variant:t="basic",...o}=e,a=Df[t];return zf(ul,{columns:a.columns,palette:a,...o})};Go.options=Kf;Go.states=Rf;Go.variants=_f;Go.defaultOptions=wf;Go.modifiers=Hf;Go.className=Ge.className;var fl="color-editor",bl="coloreditor";import{jsx as nt,jsxs as Uo}from"react/jsx-runtime";var Mn="k-coloreditor",Gf=[i.focus],Uf={size:[d.undefined,d.small,d.medium,d.large]},Da={view:"gradient",palette:_a.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=Da.view,palette:a=Da.palette,color:n,currentColor:s,focus:l,focusView:m,dir:b,group:N,actionButtons:h=Da.actionButtons,canvasOrientation:L=Da.canvasOrientation,...c}=e;return Uo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Mn,k(Mn,{size:t}),I(Mn,{focus:l})),dir:b,children:[Uo("div",{className:"k-coloreditor-header k-hstack",children:[nt("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Uo(B,{fillMode:"flat",children:[nt(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),nt(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),nt("div",{className:"k-spacer"}),Uo("div",{className:"k-coloreditor-header-actions k-hstack",children:[nt(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Uo("div",{className:"k-coloreditor-preview k-vstack",children:[nt(Bt,{className:"k-coloreditor-preview-color",color:n}),nt(Bt,{className:"k-coloreditor-current-color",color:s})]})]})]}),nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?nt(Ne,{focus:m,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):nt(Ge,{palette:a,size:t})}),h&&Uo(z,{className:"k-coloreditor-footer",alignment:"start",children:[nt(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),nt(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Gf;re.options=Uf;re.className=Mn;re.defaultOptions=Da;re.moduleName=fl;re.folderName=bl;var Fo=re;import{jsx as vw}from"react/jsx-runtime";import{jsx as Sw}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var xl=e=>Ff(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Vf}from"react/jsx-runtime";var hl=e=>Vf(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Nl}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=[],Vo=e=>{let{variant:t,...o}=e;return t==="palette"?Nl(hl,{...o,color:"white"}):Nl(xl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Vo.options=$f;Vo.states=Xf;Vo.variants=Jf;Vo.defaultOptions=Wf;Vo.modifiers=qf;Vo.className=re.className;var vl="color-picker",Cl="colorpicker";import{Fragment as Zf,jsx as rt,jsxs as qr}from"react/jsx-runtime";var Ll="k-colorpicker",Yf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Qf={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},Ml={arrowIconName:"chevron-down"},it=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ml.arrowIconName,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,valueIconName:g,popup:y,opened:E,adaptive:K,adaptiveSettings:q,adaptiveTitle:me,adaptiveSubtitle:fe,...be}=e,xe="colorpicker-popup";return qr(Zf,{children:[qr(xt,{...be,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E\|\|K?xe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Ll,"k-icon-picker"),children:[rt(He,{children:s}),rt(Yt,{placeholder:b,value:m,showValue:!1,valueIcon:rt(Bt,{className:"k-value-icon",color:m,iconName:g}),valueIconName:g}),rt(ze,{children:l}),rt(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),E&&y&&rt(U,{id:xe,className:"k-colorpicker-popup",children:y}),K&&rt(ae,{adaptive:!0,id:xe,...q,header:rt(Ae,{actionsEnd:rt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:me,subtitle:fe}),footer:qr(Pt,{children:[rt(p,{text:"Cancel",size:"large"}),rt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:rt(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};it.states=Yf;it.options=Qf;it.className=Ll;it.defaultOptions=Ml;it.moduleName=vl;it.folderName=Cl;var At=it;import{jsx as jf}from"react/jsx-runtime";var Sn=e=>jf(At,{...e});import{jsx as i_}from"react/jsx-runtime";import{jsx as m_}from"react/jsx-runtime";import{jsx as b_}from"react/jsx-runtime";import{jsx as v_}from"react/jsx-runtime";import{jsx as S_}from"react/jsx-runtime";import{jsx as A_}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var eb=At.options,tb=At.states,Sl={...At.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"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Sl,...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(Sn,{...a,...n})});case"icon":return to("div",{style:s,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return to("div",{style:s,children:to(Sn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};$o.options=eb;$o.states=tb;$o.variants=ob;$o.defaultOptions=Sl;$o.modifiers=ab;$o.className=At.className;var Yr="combobox",gl=Yr;import{Fragment as Qr,jsx as se,jsxs as Ha}from"react/jsx-runtime";var Il="k-combobox",nb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],rb={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},kl={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:a,separators:n=kl.separators,prefix:s,suffix:l,value:m,placeholder:b,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,popup:y,opened:E,readonly:K,adaptive:q,adaptiveSettings:me,adaptiveTitle:fe,adaptiveSubtitle:be,adaptiveCustomValue:xe,id:Wt,autocomplete:Gn,activeDescendant:Ot,"aria-label":Ja,...Un}=e,Fn=Wt?`${Wt}-listbox`:void 0;return Ha(Qr,{children:[Ha(j,{...Un,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:L,invalid:c,required:M,loading:v,disabled:g,readonly:K,className:r(e.className,Il),children:[s&&Ha(Qr,{children:[se(He,{children:s}),n&&se(ke,{})]}),se(Ve,{id:Wt,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?Fn:void 0,"aria-activedescendant":E&&Ot?Ot:void 0,"aria-autocomplete":Gn,"aria-invalid":c?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ja,disabled:g,readOnly:K}),se(Ie,{valid:L,invalid:c,loading:v,disabled:g}),se(De,{loading:v,disabled:g}),se(Fe,{loading:v,disabled:g,readonly:K,value:m}),l&&Ha(Qr,{children:[n&&se(ke,{}),se(ze,{children:l})]}),se(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:g})]}),E&&y&&se(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),q&&se(ae,{adaptive:!0,id:Wt?`${Wt}-adaptive`:void 0,...me,header:se(Ae,{actionsEnd:se(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:fe,subtitle:be}),children:se("div",{className:"k-list-container",children:se(D,{customValue:xe?se(zt,{text:`Use "${m}"`}):void 0,size:"large",children:Ha(X,{"aria-label":fe\|\|"Options",children:[se(P,{text:"List item"}),se(P,{text:"List item"}),se(P,{text:"List item"})]})})})})]})};Oe.states=nb;Oe.options=rb;Oe.className=Il;Oe.defaultOptions=kl;Oe.moduleName=Yr;Oe.folderName=gl;var Xe=Oe;import{jsx as ib}from"react/jsx-runtime";var Al=e=>ib(Xe,{...e});import{jsx as d0,jsxs as p0}from"react/jsx-runtime";import{jsx as x0,jsxs as h0}from"react/jsx-runtime";import{jsx as S0,jsxs as g0}from"react/jsx-runtime";import{Fragment as E0,jsx as y0}from"react/jsx-runtime";import{Fragment as w0,jsx as R0}from"react/jsx-runtime";import{jsx as U0,jsxs as F0}from"react/jsx-runtime";import{Fragment as Q0,jsx as q0,jsxs as Y0}from"react/jsx-runtime";import{jsx as tD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as mD,jsxs as cD}from"react/jsx-runtime";import{jsx as ND,jsxs as vD}from"react/jsx-runtime";import{jsx as Ft,jsxs as cb}from"react/jsx-runtime";var sb=Oe.states,lb=Oe.defaultOptions,db=Oe.options,pb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],mb=[],Xo=e=>{let{modifiers:t,...o}=e,a={},n=Ft(D,{style:{width:300},size:o.size,children:cb(X,{children:[Ft(P,{children:"List item"}),Ft(P,{children:"List item"}),Ft(P,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Ft(S,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Ft(V,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Ft("div",{children:Ft(Al,{value:"Value",style:{width:300},...o,...a})})};Xo.options=db;Xo.states=sb;Xo.variants=mb;Xo.defaultOptions=lb;Xo.modifiers=pb;Xo.className=Oe.className;var Zr="menu-button",Tl=Zr;import{jsx as bb}from"react/jsx-runtime";var yl="k-menu-button",ub=[i.hover,i.focus,i.active,i.selected,i.disabled],fb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},jr={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,showArrow:c=jr.showArrow,arrowIconName:M=jr.arrowIconName,expanded:v,...g}=e;return bb(p,{...g,className:r(e.className,yl),text:L,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,ariaDisabled:N\|\|void 0,icon:h,showArrow:c,arrowIconName:M,"aria-expanded":v?"true":"false",...!L&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=ub;W.options=fb;W.className=yl;W.defaultOptions=jr;W.moduleName=Zr;W.folderName=Tl;import{jsx as ZD}from"react/jsx-runtime";import{jsx as oH}from"react/jsx-runtime";import{jsx as iH}from"react/jsx-runtime";var We="menu",st=We;import{jsx as za,jsxs as El}from"react/jsx-runtime";var ei="k-menu-item",xb=[i.hover,i.focus,i.active,i.selected,i.disabled],hb={},Ol={iconPosition:"before"},Me=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=Ol.iconPosition,dir:L,children:c,expanded:M,...v}=e,g=N;return g\|\|(g=L==="rtl"?"chevron-left":"chevron-right"),El("li",{...v,className:r(e.className,ei,"k-item",I(ei,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[El("span",{className:r("k-link k-menu-link"),children:[l&&h==="before"&&za(S,{className:"k-menu-link-icon",icon:l}),za("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&za(S,{className:"k-menu-link-icon",icon:l}),b&&za("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:za(S,{icon:g})})]}),c]})};Me.states=xb;Me.options=hb;Me.className=ei;Me.defaultOptions=Ol;Me.moduleName=We;Me.folderName=st;import{jsx as oo,jsxs as Bl}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"},ee=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:l,text:m,showArrow:b,arrowIconName:N,iconPosition:h=oi.iconPosition,dir:L=oi.dir,children:c,popup:M,expanded:v,actions:g,description:y,...E}=e,K=N;return K\|\|(K=L==="rtl"?"chevron-left":"chevron-right"),Bl("li",{role:"menuitem",...E,className:r(e.className,ti,"k-item",I(ti,{focus:o,disabled:s})),...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":v?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Bl("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(S,{className:"k-menu-link-icon",icon:l}),oo("span",{className:"k-menu-link-text",children:m}),l&&h==="after"&&oo(S,{className:"k-menu-link-icon",icon:l}),g&&oo("span",{className:"k-menu-link-actions",children:g}),b&&oo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oo(S,{icon:K})}),y&&oo("span",{className:"k-menu-link-description",children:y})]}),c,M]})};ee.states=Nb;ee.options=vb;ee.className=ti;ee.defaultOptions=oi;ee.moduleName=We;ee.folderName=st;import{jsx as Sb}from"react/jsx-runtime";var Pl="k-menu-scroll-wrapper",Cb=[],Lb={},Mb={},ao=e=>{let{className:t,children:o,orientation:a,...n}=e;return Sb("div",{...n,className:r(t,Pl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ao.states=Cb;ao.options=Lb;ao.className=Pl;ao.defaultOptions=Mb;ao.moduleName=We;ao.folderName=st;var Kl=ao;import{Fragment as ai,jsx as no,jsxs as In}from"react/jsx-runtime";var kn="k-menu",gb=[],Ib={size:[d.undefined,d.small,d.medium,d.large]},An={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ve=e=>{let{children:t,orientation:o=An.orientation,header:a=An.header,scrollable:n,scrollButtonsPosition:s=An.scrollButtonsPosition,wrapperStyles:l,dir:m,size:b,popup:N,contextMenu:h,...L}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=no("ul",{dir:m,...L,className:r(e.className,"k-reset",kn,{[`${kn}-${o}`]:o,"k-header":a},k(kn,{size:b})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return In(ai,{children:[n?In(Kl,{orientation:o,style:l,dir:e.dir,children:[s==="start"&&In(ai,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,s==="end"&&In(ai,{children:[no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&no(p,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,N]})};ve.states=gb;ve.options=Ib;ve.className=kn;ve.defaultOptions=An;ve.moduleName=We;ve.folderName=st;import{jsx as kb}from"react/jsx-runtime";var ni="k-separator",Rl={orientation:"horizontal"},Wo=e=>{let{orientation:t=Rl.orientation,...o}=e;return kb("li",{...o,className:r(e.className,"k-item",ni,{[`${ni}-${t}`]:t}),role:"separator"})};Wo.className=ni;Wo.defaultOptions=Rl;Wo.moduleName=We;Wo.folderName=st;import{Fragment as RH,jsx as wH}from"react/jsx-runtime";import{jsx as Eb}from"react/jsx-runtime";var ri="k-menu-group",Ab=[],Tb={size:[d.undefined,d.small,d.medium,d.large]},yb={},Se=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})};Se.states=Ab;Se.options=Tb;Se.className=ri;Se.defaultOptions=yb;Se.moduleName=We;Se.folderName=st;import{jsx as $H,jsxs as XH}from"react/jsx-runtime";import{Fragment as Ob,jsx as Jo,jsxs as Bb}from"react/jsx-runtime";var ii=e=>Jo(ve,{children:Bb(Ob,{children:[Jo(Me,{text:"Item 1"}),Jo(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Jo(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Jo(Me,{text:"Item 4"}),Jo(Me,{text:"Item 5"})]}),...e});import{Fragment as o1,jsx as e1,jsxs as t1}from"react/jsx-runtime";import{Fragment as s1,jsx as i1,jsxs as l1}from"react/jsx-runtime";import{Fragment as u1,jsx as c1,jsxs as f1}from"react/jsx-runtime";import{Fragment as v1,jsx as N1,jsxs as C1}from"react/jsx-runtime";import{jsx as ro,jsxs as _b}from"react/jsx-runtime";var Pb={...ve.options,scrollable:{type:"boolean"}},Kb=ve.states,wl={...ve.defaultOptions,variant:"horizontal"},Rb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...wl,...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(U,{className:"k-menu-popup",offset:s,children:_b(Se,{children:[ro(ee,{text:"Item 1"}),ro(ee,{text:"Item 2"}),ro(Wo,{}),ro(ee,{text:"Item 3"})]})}):null)}),t==="vertical"?ro(ii,{...a,...n,orientation:"vertical",style:{width:"200px"}}):ro(ii,{...a,...n})};qo.options=Pb;qo.states=Kb;qo.variants=Rb;qo.defaultOptions=wl;qo.modifiers=wb;qo.className=ve.className;import{Fragment as j1,jsx as Q1,jsxs as Z1}from"react/jsx-runtime";import{jsx as a2}from"react/jsx-runtime";import{Fragment as Ub,jsx as Lt,jsxs as _l}from"react/jsx-runtime";var Db=p.states,Dl={...p.defaultOptions,variant:"text"},Hb=p.options,zb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gb=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Dl,...e},n={},s=Lt(U,{className:"k-menu-popup",children:_l(Se,{size:a.size,children:[Lt(ee,{text:"Menu Item"}),Lt(ee,{text:"Menu Item"}),Lt(ee,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=Lt("div",{children:Lt(W,{...a,...n,icon:"star"})});break;case"icon-and-text":l=Lt("div",{children:Lt(W,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:l=Lt("div",{children:Lt(W,{...a,...n,children:"Dropdown Button"})});break}return _l(Ub,{children:[l,o?.opened&&s]})};Yo.options=Hb;Yo.states=Db;Yo.variants=zb;Yo.defaultOptions=Dl;Yo.modifiers=Gb;Yo.className=W.className;var si="split-button",Hl=si;import{Fragment as $b,jsx as li,jsxs as zl}from"react/jsx-runtime";var di="k-split-button",Fb=[i.hover,i.focus,i.active,i.selected,i.disabled],Vb={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Gl={arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,icon:h,text:L,arrowIconName:c=Gl.arrowIconName,popup:M,opened:v,popupId:g,...y}=e;return zl($b,{children:[zl("div",{...y,className:r(e.className,di,"k-button-group",k(di,{rounded:o})),children:[li(p,{text:L,icon:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:l,active:m,selected:b,disabled:N,...!L&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),li(p,{className:"k-split-button-arrow",icon:c,size:t,rounded:o,fillMode:a,disabled:N,ariaDisabled:N\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?g:void 0,tabIndex:-1})]}),v&&M&&li(U,{className:"k-menu-popup",children:M})]})};H.states=Fb;H.options=Vb;H.className=di;H.defaultOptions=Gl;H.moduleName=si;H.folderName=Hl;var pi=H;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",Qo=io;import{Fragment as mi,jsx as G,jsxs as Zo}from"react/jsx-runtime";var Tt="k-toolbar",Jb=[i.focus],qb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},Yb={scrollButtons:"around"},_=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:l,scrollingPosition:m,section:b,...N}=e,h=[],L=(c,M)=>{let v=[];if(c.type===p&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))v.push(G(p,{...c.props,className:`${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===p)v.push(G(p,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===R)v.push(G(R,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===V)v.push(G(V,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===W)v.push(G(W,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===pi)v.push(G(pi,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`));else if(c.type===B\|\|c.props.className&&c.props.className.includes("k-button-group")){let g=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((E,K)=>{g.push(G(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${K}-${new Date().getTime()}`))}),v.push(G(B,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:g},`${M}-${new Date().getTime()}`))}else c.type===Oe?v.push(G(Oe,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===ue?v.push(G(ue,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):c.type===it?v.push(G(it,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${M}-${new Date().getTime()}`)):v.push(c);v.forEach(g=>{h.push(g)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,v)=>{L(M,v)}),Zo("div",{...N,className:r(e.className,Tt,k(Tt,{size:t,fillMode:o}),I(Tt,{focus:a}),{[`${Tt}-resizable`]:n,[`${Tt}-scrollable`]:s,[`${Tt}-scrollable-overlay`]:s&&l==="hidden",[`${Tt}-scrollable-${m}`]:m&&m!=="both",[`${Tt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&h,s&&l==="hidden"&&G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),s&&l==="start"&&Zo(mi,{children:[Zo(B,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]}),G(ct,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),s&&l==="end"&&Zo(mi,{children:[G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ct,{className:"k-toolbar-button-separator"}),Zo(B,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(l==="around"\|\|!l)&&Zo(mi,{children:[G("span",{className:r("k-toolbar-prev","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-left"})}),G(ct,{className:"k-toolbar-button-separator"}),G("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),G(ct,{className:"k-toolbar-button-separator"}),G("span",{className:r("k-toolbar-next","k-button",k("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:G(S,{className:"k-button-icon",icon:"chevron-right"})})]})]})};_.states=Jb;_.options=qb;_.className=Tt;_.defaultOptions=Yb;_.moduleName=io;_.folderName=Qo;import{jsx as ex}from"react/jsx-runtime";var ci="k-toolbar-item",Qb=[i.focus],Zb={},jb={},jo=e=>{let{focus:t,...o}=e;return ex("div",{...o,className:r(e.className,ci,I(ci,{focus:t})),children:e.children})};jo.states=Qb;jo.options=Zb;jo.className=ci;jo.defaultOptions=jb;jo.moduleName=io;jo.folderName=Qo;import{jsx as Ul}from"react/jsx-runtime";var Fl="k-toolbar-popup",tx=[],ox={size:[d.undefined,d.small,d.medium,d.large],fillMode:[f.undefined,f.solid,f.outline,f.flat]},ax={},so=e=>{let{size:t,fillMode:o,section:a,...n}=e;return Ul(U,{...n,className:r(e.className,Fl),children:a?Ul("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=Fl;so.defaultOptions=ax;so.moduleName=io;so.folderName=Qo;var Tn=so;import{jsx as oz}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";import{jsx as pz}from"react/jsx-runtime";import{jsx as xz,jsxs as hz}from"react/jsx-runtime";import{jsx as Lz}from"react/jsx-runtime";import{jsx as yt,jsxs as lx}from"react/jsx-runtime";var nx=H.states,Vl={...H.defaultOptions,variant:"text"},rx=H.options,ix=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sx=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...Vl,...e},n={},s=lx(Se,{size:a.size,children:[yt(ee,{text:"Menu Item"}),yt(ee,{text:"Menu Item"}),yt(ee,{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 yt("div",{children:yt(H,{...a,...n,icon:"star"})});case"icon-and-text":return yt("div",{children:yt(H,{...a,...n,icon:"star",children:"Split Button"})});default:return yt("div",{children:yt(H,{...a,...n,children:"Split Button"})})}};ea.options=rx;ea.states=nx;ea.variants=ix;ea.defaultOptions=Vl;ea.modifiers=sx;ea.className=H.className;import{jsx as lo,jsxs as dx}from"react/jsx-runtime";var $l=e=>lo(_,{children:[lo(p,{children:"Button"},"toolbar-button"),lo(W,{text:"Menu button"},"toolbar-menu-button"),lo(H,{children:"Split button"},"toolbar-split-button"),dx(B,{children:[lo(p,{className:"k-group-start",icon:"align-left",children:"Left"}),lo(p,{icon:"align-center",children:"Center"}),lo(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Yz,jsxs as Qz}from"react/jsx-runtime";import{jsx as Je,jsxs as Xl}from"react/jsx-runtime";var Wl=e=>Je(_,{scrollable:!0,...e,children:[Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(H,{children:"Split button"},"toolbar-split-button"),Xl(B,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(p,{children:"Button"},"toolbar-button"),Je(W,{text:"Menu button"},"toolbar-menu-button"),Je(H,{children:"Split button"},"toolbar-split-button"),Xl(B,{children:[Je(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(p,{icon:"align-center",children:"Center"}),Je(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as qe,jsxs as Jl}from"react/jsx-runtime";var ql=({scrollingPosition:e="start",...t})=>qe(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[qe(p,{children:"Button"},"toolbar-button"),qe(W,{text:"Menu button"},"toolbar-menu-button"),qe(H,{children:"Split button"},"toolbar-split-button"),Jl(B,{children:[qe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(p,{icon:"align-center",children:"Center"}),qe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),qe(p,{children:"Button"},"toolbar-button"),qe(W,{text:"Menu button"},"toolbar-menu-button"),qe(H,{children:"Split button"},"toolbar-split-button"),Jl(B,{children:[qe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),qe(p,{icon:"align-center",children:"Center"}),qe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as px,jsx as Ue,jsxs as yn}from"react/jsx-runtime";var Yl=({fillMode:e,size:t,...o})=>yn(px,{children:[Ue(_,{section:!0,fillMode:e,size:t,children:[Ue(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yn(B,{fillMode:e,children:[Ue(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ue(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ue(ct,{className:"k-toolbar-button-separator"}),Ue(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),yn(Tn,{size:t,fillMode:e,section:!0,...o,children:[Ue(H,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ue(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ue(ct,{}),Ue(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yn(B,{fillMode:e,children:[Ue(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ue(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ue(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as E3,jsx as T3,jsxs as y3}from"react/jsx-runtime";import{Fragment as G3,jsx as H3,jsxs as z3}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var mx=_.options,cx=_.states,Ql={..._.defaultOptions,variant:"default"},ux=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],fx=[],ta=e=>{let{variant:t,...o}={...Ql,...e};switch(t){case"responsive":return Vt("div",{children:Vt(Yl,{style:{width:"583px"},...o})});case"overlay":return Vt("div",{children:Vt(ql,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Vt("div",{children:Vt(Wl,{style:{width:"583px"},...o})});default:return Vt("div",{children:Vt($l,{style:{width:"583px"},...o})})}};ta.options=mx;ta.states=cx;ta.variants=ux;ta.defaultOptions=Ql;ta.modifiers=fx;ta.className=_.className;var ui="prompt",Zl=ui;import{Fragment as Nx,jsx as jl}from"react/jsx-runtime";var ed="k-prompt",bx=[],xx={},hx={},F=e=>{let{...t}=e;return jl("div",{...t,className:r(e.className,ed),children:jl(Nx,{children:e.children})})};F.states=bx;F.options=xx;F.className=ed;F.defaultOptions=hx;F.moduleName=ui;F.folderName=Zl;import{jsx as Cx}from"react/jsx-runtime";var vx="k-prompt-header",ut=e=>{let{...t}=e;return Cx("div",{...t,className:r(e.className,vx),children:e.children})};import{Fragment as Mx,jsx as td}from"react/jsx-runtime";var Lx="k-prompt-content",Be=e=>{let{...t}=e;return td("div",{...t,className:r(e.className,Lx),children:td(Mx,{children:e.children})})};import{jsx as gx}from"react/jsx-runtime";var Sx="k-prompt-view",Pe=e=>{let{...t}=e;return gx("div",{...t,className:r(e.className,Sx),children:e.children})};import{jsx as od,jsxs as kx}from"react/jsx-runtime";var Ix="k-prompt-expander",Ga=e=>{let{title:t,children:o,expanded:a,...n}=e,s=A("prompt-expander-content");return kx("div",{...n,className:r(e.className,Ix),children:[od(R,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&od("div",{className:"k-prompt-expander-content",id:s,children:o})]})};import{jsx as Tx}from"react/jsx-runtime";var Ax="k-prompt-footer",po=e=>{let{...t}=e;return Tx("div",{...t,className:r(e.className,Ax),children:e.children})};import{jsx as Ex}from"react/jsx-runtime";var yx="k-prompt-setting",fi=e=>{let{...t}=e;return Ex("div",{...t,className:r(e.className,yx),children:e.children})};import{jsx as Ox}from"react/jsx-runtime";var ad="k-prompt-send",nd={generating:!1},Mt=e=>{let{generating:t=nd.generating,...o}=e;return Ox(p,{...o,className:r(e.className,ad,{"k-generating":t}),icon:t?"stop":"paper-plane",active:t,fillMode:"flat","aria-label":t?"Stop generating":"Send prompt"})};Mt.states=p.states;Mt.options=p.options;Mt.className=ad;Mt.moduleName=null;Mt.folderName=null;Mt.defaultOptions=nd;import{jsx as rd,jsxs as wx}from"react/jsx-runtime";var En="k-fab",Kx=[i.hover,i.focus,i.active,i.selected,i.disabled],Rx={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},id={type:"button"},ie=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:l=id.type,position:m,hover:b,focus:N,active:h,selected:L,disabled:c,...M}=e;return wx("button",{...M,type:l,className:r(e.className,En,k(En,{size:t,rounded:o,themeColor:a}),I(En,{hover:b,focus:N,active:h,disabled:c,selected:L}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...c&&{"aria-disabled":"true"},disabled:c\|\|void 0,children:[s&&rd(S,{className:"k-fab-icon",icon:s}),n&&rd("span",{className:"k-fab-text",children:n})]})};ie.states=Kx;ie.options=Rx;ie.className=En;ie.defaultOptions=id;ie.moduleName="fab";ie.folderName="fab";import{jsx as Dx}from"react/jsx-runtime";var _x="k-fab-items",sd=e=>{let{position:t,...o}=e;return Dx("ul",{...o,className:r(e.className,_x,{[`k-fab-items-${t}`]:t}),children:e.children})};import{jsx as dd,jsxs as zx}from"react/jsx-runtime";var ld="k-fab-item",Hx=[i.hover,i.focus,i.active,i.disabled],bi=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:l,disabled:m,...b}=e;return zx("li",{...b,className:r(e.className,ld,{[`k-text-${a}`]:a},I(ld,{hover:n,focus:s,active:l,disabled:m})),children:[dd("span",{className:"k-fab-item-text",children:t}),dd(S,{className:"k-fab-item-icon",icon:o})]})};bi.states=Hx;import{jsx as tG}from"react/jsx-runtime";import{jsx as rG}from"react/jsx-runtime";import{jsx as dG}from"react/jsx-runtime";import{jsx as uG}from"react/jsx-runtime";import{jsx as oa,jsxs as Xx}from"react/jsx-runtime";var Gx=ie.options,Ux=ie.states,Fx={...ie.defaultOptions,variant:"text"},Vx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$x=[{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o\|\|{},s=n?oa("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:oa(sd,{position:"bottom",children:oa(bi,{text:"Item",icon:"pencil",align:"right"})})}):null,l;switch(t){case"icon-only":l=oa(ie,{...a,icon:"star"});break;case"icon-and-text":l=oa(ie,{...a,icon:"star",text:"Action"});break;default:l=oa(ie,{...a,text:"Action"});break}return Xx("span",{style:{position:"relative"},children:[l,s]})};aa.options=Gx;aa.states=Ux;aa.variants=Vx;aa.defaultOptions=Fx;aa.modifiers=$x;aa.className=ie.className;import{jsx as Wx}from"react/jsx-runtime";var pd="k-prompt-stop-fab",md={generating:!0},mo=e=>{let{generating:t=md.generating,icon:o,...a}=e;return Wx(ie,{...a,className:r(e.className,pd,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop":o,active:t,"aria-label":t?"Stop generating":"Action"})};mo.states=p.states;mo.options=p.options;mo.className=pd;mo.defaultOptions=md;var xi="speech-to-text-button",cd=xi;import{jsx as Jx}from"react/jsx-runtime";var ud="k-speech-to-text-button",fd={icon:"microphone"},te=e=>{let{listening:t=!1,icon:o=fd.icon,...a}=e;return Jx(p,{...a,icon:t?"stop":o,className:r(e.className,ud,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};te.states=p.states;te.options=p.options;te.className=ud;te.defaultOptions=fd;te.moduleName=xi;te.folderName=cd;import{jsx as YG}from"react/jsx-runtime";import{jsx as eU}from"react/jsx-runtime";import{jsx as jx}from"react/jsx-runtime";var qx=p.states,bd={...p.defaultOptions,variant:"normal"},Yx={...p.options,fillMode:p.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},Qx=[],Zx=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],na=e=>{let{variant:t,...o}={...bd,...e},a={};return t==="listening"&&(a.listening=!0),jx(te,{...o,...a})};na.options=Yx;na.states=qx;na.variants=Zx;na.defaultOptions=bd;na.modifiers=Qx;na.className=te.className;var hi="textarea",xd=hi;import{Fragment as hd,jsx as Ua,jsxs as Ni}from"react/jsx-runtime";var Nd="k-textarea",eh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],th={size:[d.undefined,d.small,d.medium,d.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[f.undefined,f.solid,f.flat,f.outline]},ra={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},J=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=ra.prefixSeparator,suffixSeparator:s=ra.prefixSeparator,affixesOrientation:l=ra.affixesOrientation,flow:m=ra.flow,resize:b=ra.resize,prefix:N,suffix:h,rows:L,value:c,placeholder:M,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:q,id:me,"aria-label":fe,"aria-describedby":be,...xe}=e;return Ni(j,{...xe,size:t,rounded:o,fillMode:a,hover:v,focus:g,valid:y,invalid:E,required:K,disabled:q,className:r(e.className,Nd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[N&&Ni(hd,{children:[Ua(He,{className:r({"!k-align-items-start":m===l}),direction:l,children:N}),n&&Ua(ke,{direction:m==="horizontal"?"vertical":"horizontal"})]}),Ua(Ia,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:c,placeholder:M,rows:L,disabled:q,id:me,"aria-label":fe,"aria-describedby":be,"aria-invalid":E?"true":void 0}),h&&Ni(hd,{children:[s&&Ua(ke,{direction:m==="horizontal"?"vertical":"horizontal"}),Ua(ze,{className:r({"!k-align-items-start":m===l}),direction:l,children:h})]})]})};J.states=eh;J.options=th;J.className=Nd;J.defaultOptions=ra;J.moduleName=hi;J.folderName=xd;import{jsx as CU}from"react/jsx-runtime";import{Fragment as kU,jsx as IU}from"react/jsx-runtime";import{Fragment as BU,jsx as OU}from"react/jsx-runtime";import{jsx as wU}from"react/jsx-runtime";import{jsx as On}from"react/jsx-runtime";var oh=J.options,ah=J.states,vd={...J.defaultOptions,variant:"vertical"},nh=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],rh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ia=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},n={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?On(S,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?On(S,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?On(J,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):On(J,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ia.options=oh;ia.states=ah;ia.variants=nh;ia.defaultOptions=vd;ia.modifiers=rh;ia.className=J.className;import{Fragment as rF,jsx as aF,jsxs as nF}from"react/jsx-runtime";var Ci="suggestion",Cd=Ci;import{jsx as Bn,jsxs as lh}from"react/jsx-runtime";var Pn="k-suggestion-group",ih=[],sh={},Ld={layout:"scrollable",scrollingPosition:"start"},lt=e=>{let{layout:t=Ld.layout,scrollingPosition:o,...a}=e,n=Bn("div",{...a,className:r(Pn,{"k-suggestion-group-scrollable":t=="scrollable",[`${Pn}-scrollable-start`]:o==="start"\|\|o==="both",[`${Pn}-scrollable-end`]:o==="end"\|\|o==="both"},e.className),role:"group",children:t==="scrollable"\|\|t==="scrollButtons"?Bn("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?lh("div",{className:"k-suggestion-scrollwrap",children:[Bn(p,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,Bn(p,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};lt.states=ih;lt.options=sh;lt.className=Pn;lt.defaultOptions=Ld;lt.moduleName=Ci;lt.folderName=Cd;import{jsx as ch}from"react/jsx-runtime";var Kn="k-suggestion",dh=[i.active,i.hover,i.focus],ph={themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary]},mh={text:"Suggestion"},ft=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...l}=e;return ch("span",{...l,className:r(e.className,Kn,I(Kn,{hover:a,active:o,focus:n}),k(Kn,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};ft.states=dh;ft.options=ph;ft.className=Kn;ft.item=mh;import{Fragment as vF,jsx as NF,jsxs as CF}from"react/jsx-runtime";import{Fragment as IF,jsx as gF,jsxs as kF}from"react/jsx-runtime";import{Fragment as OF,jsx as EF,jsxs as BF}from"react/jsx-runtime";import{Fragment as YF,jsx as JF,jsxs as qF}from"react/jsx-runtime";import{jsx as fh}from"react/jsx-runtime";var uh="k-card-callout",Md=e=>{let{callout:t,...o}=e;return fh("span",{...o,className:r(e.className,uh,{[`k-callout-${Bi.calloutMap[t]\|\|t}`]:t})})};var Ye="card",dt=Ye;import{Fragment as Nh,jsx as Sd,jsxs as vh}from"react/jsx-runtime";var Li="k-card",bh=[i.hover,i.focus,i.selected,i.disabled],xh={},hh={},Q=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:l,...m}=e;return vh("div",{...m,className:r(e.className,Li,I(Li,{hover:a,focus:n,disabled:l,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&Sd(Md,{callout:o}),Sd(Nh,{children:e.children})]})};Q.states=bh;Q.options=xh;Q.className=Li;Q.defaultOptions=hh;Q.moduleName=Ye;Q.folderName=dt;import{Fragment as Sh,jsx as gd}from"react/jsx-runtime";var Mi="k-card-list",Ch=[],Lh={},Mh={},co=e=>{let{...t}=e;return gd("div",{...t,className:r(e.className,Mi,I(Mi,{})),role:"list",children:gd(Sh,{children:e.children})})};co.states=Ch;co.options=Lh;co.className=Mi;co.defaultOptions=Mh;co.moduleName=Ye;co.folderName=dt;import{jsx as Ah}from"react/jsx-runtime";var Id="k-card-group",gh=[],Ih={},kh={},sa=e=>{let{...t}=e;return Ah("div",{...t,className:r(e.className,Id),children:e.children})};sa.states=gh;sa.options=Ih;sa.className=Id;sa.defaultOptions=kh;sa.moduleName=Ye;sa.folderName=dt;import{jsx as Oh}from"react/jsx-runtime";var Si="k-card-wrap",Th=[i.focus,i.selected],yh={},Eh={},la=e=>{let{focus:t,selected:o,...a}=e;return Oh("div",{...a,className:r(e.className,Si,I(Si,{focus:t,selected:o})),children:e.children})};la.states=Th;la.options=yh;la.className=Si;la.defaultOptions=Eh;la.moduleName=Ye;la.folderName=dt;import{jsx as Ph}from"react/jsx-runtime";var gi="k-card-title",Bh=[i.hover,i.focus],uo=e=>{let{hover:t,focus:o,...a}=e;return Ph("div",{...a,className:r(e.className,gi,I(gi,{hover:t,focus:o})),children:e.children})};uo.states=Bh;uo.className=gi;import{jsx as Rh}from"react/jsx-runtime";var Kh="k-card-subtitle",Rn=e=>{let{...t}=e;return Rh("div",{...t,className:r(e.className,Kh),children:e.children})};import{Fragment as Ad,jsx as wn}from"react/jsx-runtime";var kd="k-card-media",Ii=e=>{let{src:t,...o}=e;return wn(Ad,{children:t?wn("img",{...o,className:r(e.className,kd),src:t}):wn("span",{...o,className:r(e.className,kd),children:wn(Ad,{children:e.children})})})};import{Fragment as _h,jsx as Fa,jsxs as Dh}from"react/jsx-runtime";var wh="k-card-header",Et=e=>{let{title:t,subtitle:o,details:a,...n}=e;return Dh("div",{...n,className:r(e.className,wh),children:[t&&Fa(uo,{children:t}),o&&Fa(Rn,{children:o}),Fa(_h,{children:e.children}),a&&Fa("span",{className:"k-card-header-actions",children:Fa(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as zh}from"react/jsx-runtime";var Hh="k-card-footer",ki=e=>{let{...t}=e;return zh("div",{...t,className:r(e.className,Hh),children:e.children})};import{Fragment as Uh,jsx as Va,jsxs as Fh}from"react/jsx-runtime";var Gh="k-card-body",Ke=e=>{let{title:t,subtitle:o,details:a,...n}=e;return Fh("div",{...n,className:r(e.className,Gh),children:[t&&Va(uo,{children:t}),o&&Va(Rn,{children:o}),Va(Uh,{children:e.children}),a&&Va("span",{className:"k-card-header-actions",children:Va(p,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Wh}from"react/jsx-runtime";var Td="k-card-deck",Vh=[],$h={},Xh={},da=e=>{let{...t}=e;return Wh("div",{...t,className:r(e.className,Td),children:e.children})};da.states=Vh;da.options=$h;da.className=Td;da.defaultOptions=Xh;da.moduleName=Ye;da.folderName=dt;import{jsx as Qh}from"react/jsx-runtime";var yd="k-card-deck-scrollwrap",Jh=[],qh={},Yh={},pa=e=>{let{...t}=e;return Qh("div",{...t,className:r(e.className,yd),children:e.children})};pa.states=Jh;pa.options=qh;pa.className=yd;pa.defaultOptions=Yh;pa.moduleName=Ye;pa.folderName=dt;import{Fragment as Zh,jsx as ma,jsxs as Ed}from"react/jsx-runtime";var Od=e=>ma(Q,{orientation:"vertical",children:Ed(Zh,{children:[ma(Et,{children:"Card Header"}),ma(Ke,{children:ma("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Ed(z,{className:"k-card-actions",children:[ma(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),ma(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as jh,jsx as $a,jsxs as Bd}from"react/jsx-runtime";var Pd=e=>$a(Q,{orientation:"horizontal",children:Bd(jh,{children:[$a(Ke,{title:"Card Title",children:$a("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),Bd(z,{orientation:"vertical",className:"k-card-actions",children:[$a(p,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),$a(p,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as c6,jsxs as u6}from"react/jsx-runtime";import{jsx as Re,jsxs as Xa}from"react/jsx-runtime";var eN=Q.options,tN=Q.states,Kd={...Q.defaultOptions,variant:"vertical"},oN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],aN=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},n=!1,s=!1,l=!1;return Object.keys(o\|\|{}).forEach(m=>{switch(m){case"media":{n=!!o?.[m];break}case"header":{s=!!o?.[m];break}case"footer":{l=!!o?.[m];break}}}),t==="horizontal"?Xa(Pd,{style:{maxWidth:"420px"},...a,children:[n&&Re(Ii,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Xa("div",{children:[s&&Re(Et,{title:"Header Title",subtitle:"Header Subtitle"}),Re(Ke,{title:"Title",subtitle:"Subtitle",children:Re("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Re(ki,{children:"Card Footer"})]}),(s\|\|l)&&Re("span",{className:"k-separator k-separator-vertical"}),Xa(z,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):Xa(Od,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&Re(Et,{title:"Header Title",subtitle:"Header Subtitle"}),n&&Re(Ii,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),Re(Ke,{title:"Title",subtitle:"Subtitle",children:Re("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),l&&Re(ki,{children:"Card Footer"}),Xa(z,{className:"k-card-actions",children:[Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"}),Re(p,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};ca.options=eN;ca.states=tN;ca.variants=oN;ca.defaultOptions=Kd;ca.modifiers=aN;ca.className=Q.className;import{jsx as Q6,jsxs as Z6}from"react/jsx-runtime";var Ai="panelbar",Rd=Ai;import{jsx as sN}from"react/jsx-runtime";var wd="k-panelbar",nN=[],rN={},iN={},ge=e=>{let{activeDescendant:t,...o}=e;return sN("ul",{...o,className:r(e.className,wd),role:"tree","aria-activedescendant":t,children:e.children})};ge.states=nN;ge.options=rN;ge.className=wd;ge.defaultOptions=iN;ge.moduleName=Ai;ge.folderName=Rd;import Ti from"react";import{jsx as _n,jsxs as _d}from"react/jsx-runtime";var Dd="k-panelbar-item",lN=[i.hover,i.focus,i.selected,i.disabled],dN={},Dn={level:0,expanded:!1,text:"Item"},T=e=>{let{text:t=Dn.text,level:o=Dn.level,expanded:a=Dn.expanded,header:n,hover:s,focus:l,selected:m,disabled:b,icon:N,iconClass:h,ariaSelected:L,children:c,...M}=e,v=!!c;return _d("li",{...M,className:r(e.className,Dd,{"k-panelbar-header":n,[`k-level-${o}`]:o\|\|o===0,"k-expanded":a}),role:"treeitem","aria-expanded":v?a?"true":"false":void 0,"aria-selected":L?"true":"false","aria-disabled":b?"true":void 0,children:[_d("span",{className:r("k-link",I("k-link",{hover:s,focus:l,disabled:b,selected:m})),children:[N&&_n(S,{className:"k-panelbar-item-icon",icon:N}),h&&!N&&_n("span",{className:`k-panelbar-item-icon ${h}`}),_n("span",{className:"k-panelbar-item-text",children:t}),v&&_n(S,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&c,!a&&c&&Ti.Children.map(c,g=>Ti.isValidElement(g)?Ti.cloneElement(g,{"aria-hidden":"true",style:{display:"none"}}):g)]})};T.states=lN;T.options=dN;T.className=Dd;T.moduleName=null;T.folderName=null;T.defaultOptions=Dn;import{jsx as uN}from"react/jsx-runtime";var Hd="k-panelbar-group",pN=[],mN={},cN={},Ce=e=>{let{ariaHidden:t,...o}=e;return uN("ul",{...o,className:r(e.className,Hd),role:"group",...t!==void 0&&{"aria-hidden":t?"true":void 0},children:e.children})};Ce.states=pN;Ce.options=mN;Ce.className=Hd;Ce.moduleName=null;Ce.folderName=null;Ce.defaultOptions=cN;import{jsx as hN}from"react/jsx-runtime";var zd="k-panelbar-content",fN=[],bN={},xN={},le=e=>{let{...t}=e;return hN("div",{...t,className:r(e.className,zd),children:e.children})};le.states=fN;le.options=bN;le.className=zd;le.defaultOptions=xN;import{Fragment as NN,jsx as $t,jsxs as vN}from"react/jsx-runtime";var Wa=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item");return $t(ge,{children:vN(NN,{children:[$t(T,{header:!0,text:"Item 1",id:t,children:$t(le,{children:"content"})}),$t(T,{header:!0,text:"Item 2",id:o,children:$t(le,{children:"content"})}),$t(T,{header:!0,text:"Item 3",id:a,children:$t(le,{children:"content"})}),$t(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as g7,jsx as S7,jsxs as I7}from"react/jsx-runtime";import{Fragment as CN,jsx as we,jsxs as yi}from"react/jsx-runtime";var Gd=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item"),s=A("pb-child"),l=A("pb-child"),m=A("pb-child"),b=A("pb-child"),N=A("pb-child"),h=A("pb-child"),L=A("pb-child");return we(ge,{activeDescendant:o,children:yi(CN,{children:[we(T,{header:!0,text:"Item 1",id:t,children:we(le,{children:"content"})}),we(T,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:yi(Ce,{children:[we(T,{level:1,text:"Child 1",id:s}),we(T,{level:1,expanded:!0,text:"Child 2",id:l,children:yi(Ce,{children:[we(T,{level:2,text:"Child 2.1",id:m}),we(T,{level:2,text:"Child 2.2",id:b})]})}),we(T,{level:1,text:"Child 3",id:N,children:we(Ce,{children:we(T,{level:2,text:"Child 3.1",id:h})})}),we(T,{level:1,text:"Child 4",id:L})]})}),we(T,{header:!0,text:"Item 3",id:a,children:we(le,{children:"content"})}),we(T,{header:!0,text:"Item 4",id:n})]}),...e})};import{Fragment as Ud,jsx as oe,jsxs as Hn}from"react/jsx-runtime";var LN=ge.options,MN=ge.states,Fd={...ge.defaultOptions,variant:"normal"},SN=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],gN=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ua=e=>{let{variant:t,modifiers:o,...a}={...Fd,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"icon":{n.icon=o?.[l]?s:void 0;break}case"disabled":n.disabled=!!o?.[l]}}),t==="expand"?oe(Ud,{children:Hn(Gd,{style:{width:"300px"},...a,children:[oe(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:Hn(Ce,{children:[oe(T,{level:1,text:"Child 1"}),oe(T,{level:1,expanded:!0,text:"Child 2",children:Hn(Ce,{children:[oe(T,{level:2,text:"Child 2.1"}),oe(T,{icon:n.icon?.image,level:2,text:"Child 2.2"})]})}),oe(T,{disabled:n.disabled,level:1,text:"Child 3",children:oe(le,{children:"content"})}),oe(T,{level:1,text:"Child 4"})]})}),oe(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})}):oe(Ud,{children:Hn(Wa,{style:{width:"300px"},...a,children:[oe(T,{icon:n.icon?.gear,header:!0,text:"Item 1",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.folder,header:!0,text:"Item 2",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.folder,disabled:n.disabled,header:!0,text:"Item 3",children:oe(le,{children:"content"})}),oe(T,{icon:n.icon?.file,header:!0,text:"Item 4"})]})})};ua.options=LN;ua.states=MN;ua.variants=SN;ua.defaultOptions=Fd;ua.modifiers=gN;ua.className=ge.className;import{jsx as j7,jsxs as e4}from"react/jsx-runtime";import{Fragment as c4,jsx as p4,jsxs as m4}from"react/jsx-runtime";import{Fragment as S4,jsx as L4,jsxs as M4}from"react/jsx-runtime";import{Fragment as O4,jsx as E4,jsxs as B4}from"react/jsx-runtime";import{Fragment as Vd,jsx as C,jsxs as de}from"react/jsx-runtime";var IN=F.options,kN=F.states,AN={...F.defaultOptions,variant:"ask"},TN=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],yN=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],fa=e=>{let{variant:t,modifiers:o,...a}={...e},n=C(Vd,{children:de(lt,{layout:"wrap",children:[C(ft,{text:"Post for work-life balance importance"}),C(ft,{text:"Out of office"})]})}),s={suggestions:n,stt:!0};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"suggestions":s.suggestions=!!o?.[l];break;case"stt":s.stt=!!o?.[l];break}}),t){case"more":return C(U,{className:"k-prompt-popup",children:de(F,{style:{width:"330px",height:"350px"},...a,children:[C(ut,{children:de(_,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),C(Be,{children:C(Pe,{children:de(Wa,{children:[C(T,{header:!0,icon:"brush",text:"Change Formality",children:de(Ce,{children:[C(T,{level:1,text:"Casual"}),C(T,{level:1,text:"Neutral"}),C(T,{level:1,text:"Formal"})]})}),C(T,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:de(Ce,{children:[C(T,{level:1,text:"German"}),C(T,{level:1,text:"Spanish"})]})}),C(T,{header:!0,icon:"min-width",text:"Simplify"}),C(T,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return C(U,{className:"k-prompt-popup",children:de(F,{style:{width:"330px",height:"350px"},...a,children:[C(ut,{children:de(_,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),de(Be,{children:[C(mo,{}),C(Pe,{children:de("div",{className:"k-card-list",children:[de(Q,{children:[C(Et,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),C(Ke,{children:de("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",C("br",{}),C("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",C("br",{}),C("br",{}),"In our fast-paced world, balancing professional and personal life is not just a luxury, it's a necessity for health and productivity. \u{1F4C8}\u{1F33F}",C("br",{}),C("br",{}),"\u2728 Key Points \u2728",C("br",{}),C("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",C("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",C("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",C("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",C("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",C("br",{}),C("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),de(Q,{children:[C(Et,{title:"Generated with AI",subtitle:"Out of Office"}),C(Ke,{children:de("p",{children:["Subject: Out of Office: [Your Name]",C("br",{}),C("br",{}),"Dear [Recipient's Name],",C("br",{}),C("br",{}),"I am currently out of the office until [Return Date] and won't have access to email. For urgent matters, please contact [Colleague's Name] at [Colleague's Email]. I'll respond to your email upon my return.",C("br",{}),C("br",{}),"Thank you,",C("br",{}),"[Your Name]"]})}),de(z,{className:"k-card-actions",alignment:"start",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),C(R,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),C("span",{className:"k-spacer"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),C(V,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return C(U,{className:"k-prompt-popup",children:de(F,{style:{width:"330px",height:"350px"},...a,children:[C(ut,{children:de(_,{className:"k-toolbar-flat",children:[C(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),C(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),C(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),C(Be,{children:de(Pe,{children:[C(J,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:C(Vd,{children:s.stt?C(te,{fillMode:"flat"}):null})}),C(Ga,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),C(po,{children:C(z,{className:"k-prompt-actions",alignment:"start",children:C(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};fa.options=IN;fa.states=kN;fa.variants=TN;fa.defaultOptions=AN;fa.modifiers=yN;fa.className=F.className;import{Fragment as KN,jsx as pt,jsxs as zn}from"react/jsx-runtime";var EN=F.options,ON=F.states,BN={...F.defaultOptions},PN=[{name:"commands",title:"Commands Menu",default:!0},{name:"stt",title:"SpeechToText",default:!0},{name:"response",title:"Response Card"},{name:"generating",title:"Generating"}],ba=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=zn(Q,{children:[pt(Ke,{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,"}),zn(z,{className:"k-card-actions",alignment:"start",children:[pt(R,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"insert-bottom",children:"Insert"}),pt(R,{fillMode:"flat",themeColor:"primary",icon:"check",children:"Replace"}),pt(R,{fillMode:"flat",themeColor:"base",icon:"cancel",children:"Discard"})]})]});return pt(U,{className:"k-prompt-popup",children:pt(F,{style:{width:"450px",height:"auto"},...o,children:pt(Be,{children:zn(Pe,{children:[a.response?n:null,pt(J,{rows:1,placeholder:"Edit, generate or explain ...",resize:"none",flow:"horizontal",prefixSeparator:a.commands&&a.stt,suffixSeparator:!1,prefix:zn(KN,{children:[a.commands?pt(V,{fillMode:"flat",icon:"menu"}):null,a.stt?pt(te,{fillMode:"flat"}):null]}),suffix:pt(Mt,{generating:!!a.generating})})]})})})})};ba.options=EN;ba.states=ON;ba.variants=[];ba.defaultOptions=BN;ba.modifiers=PN;ba.className=F.className;import{Fragment as RN,jsx as pe,jsxs as Xt}from"react/jsx-runtime";var D8=e=>Xt(F,{...e,children:[pe(ut,{children:Xt(_,{fillMode:"flat",children:[pe(R,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),pe(R,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),pe(V,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full","aria-label":"More actions"})]})}),pe(Be,{children:Xt(Pe,{children:[pe(J,{resize:"y",rows:1,suffixSeparator:!1,placeholder:"Ask or generate content with AI","aria-label":"Ask or generate content with AI",suffix:pe(RN,{children:pe(te,{fillMode:"flat"})})}),Xt(Ga,{expanded:!0,title:"Settings",children:[Xt(fi,{children:["Length:",Xt(ce,{ariaLabel:"Length",children:[pe(Z,{text:"Small",role:"option"}),pe(Z,{text:"Medium",role:"option"}),pe(Z,{text:"Large",role:"option"})]})]}),Xt(fi,{children:["Tone:",Xt(ce,{ariaLabel:"Tone",children:[pe(Z,{text:"Professional",role:"option"}),pe(Z,{text:"Friendly",role:"option"}),pe(Z,{text:"Casual",role:"option"}),pe(Z,{text:"Straightforward",role:"option"}),pe(Z,{text:"Confident",role:"option"})]})]})]})]})}),pe(po,{children:pe(z,{className:"k-prompt-actions",alignment:"start",children:pe(R,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]});export{D8 as PromptSettings};