UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines 78.4 kB
var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var k=(t,e)=>a({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),L=(t,e)=>a({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},d={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},l={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},o={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"},$n={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{Fragment as Gr,jsx as Vn}from"react/jsx-runtime";var wo="k-icon k-font-icon",Kr=[],Rr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Hr={},Ee=t=>{let{size:e,themeColor:n,icon:s,rotate:c,flip:p,...i}=t;return s?Vn("span",{...i,className:a(t.className,wo,k(wo,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${c}`]:c,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):Vn(Gr,{})};Ee.states=Kr;Ee.options=Rr;Ee.className=wo;Ee.defaultOptions=Hr;var _n=Ee;import{Fragment as Vr,jsx as ro}from"react/jsx-runtime";var Ko="k-icon k-svg-icon",Dr=[],$r={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Fn={viewBox:"0 0 24 24"},ze=t=>{let{size:e,themeColor:n,rotate:s,flip:c,viewBox:p=Fn.viewBox,icon:i,...u}=t;if(!i)return ro(Vr,{});i==="none"&&{...u,className:a(t.className,Ko,"k-none")};let b=typeof i=="object"&&i.name&&i.name;return ro("span",{...u,className:a(t.className,Ko,k("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:ro("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:p,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:t.children})})};ze.states=Dr;ze.options=$r;ze.className=Ko;ze.defaultOptions=Fn;var Ro=ze;import*as Xn from"@progress/kendo-svg-icons";import{Fragment as Jn,jsx as Oe}from"react/jsx-runtime";var _r=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Fr=[],Xr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Ho={viewBox:"0 0 24 24",type:"svg"},C=t=>{let{size:e,themeColor:n,icon:s,type:c=Ho.type,rotate:p,flip:i,viewBox:u=Ho.viewBox,...b}=t;if(!s)return Oe(Jn,{});if(c==="svg"){if(s==="none")return Oe(Ro,{...b,icon:s,size:e});let x=_r(`${s}-icon`);return Xn[x]?Oe(Ro,{...b,icon:Xn[x],size:e,themeColor:n,rotate:p,flip:i,viewBox:u}):Oe(Jn,{})}return Oe(_n,{...b,icon:s,size:e,themeColor:n,rotate:p,flip:i})};C.states=Fr;C.options=Xr;C.defaultOptions=Ho;import{Fragment as qr,jsx as we,jsxs as Un}from"react/jsx-runtime";var so="k-button",Jr=[o.hover,o.focus,o.active,o.selected,o.disabled],Ur={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},Ft={size:r.medium,rounded:f.medium,fillMode:d.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},h=t=>{let{size:e=Ft.size,rounded:n=Ft.rounded,fillMode:s=Ft.fillMode,themeColor:c=Ft.themeColor,showArrow:p=Ft.showArrow,arrowIconName:i=Ft.arrowIconName,hover:u,focus:b,active:x,selected:N,disabled:g,icon:m,text:S,iconClassName:v,...M}=t,y=m!==void 0,T=t.children!==void 0;return Un("button",{...M,className:a(t.className,so,k(so,{size:e,rounded:n,fillMode:s,themeColor:c}),L(so,{hover:u,focus:b,active:x,disabled:g,selected:N}),{"k-icon-button":!S&&!T&&y}),children:[m&&we(C,{className:a(v,"k-button-icon"),icon:m}),S?Un(qr,{children:[S&&we("span",{className:"k-button-text",children:S}),t.children]}):t.children&&we("span",{className:"k-button-text",children:t.children}),p&&we("span",{className:"k-menu-button-arrow k-button-arrow",children:we(C,{icon:i})})]})};h.states=Jr;h.options=Ur;h.className=so;h.defaultOptions=Ft;import{jsx as Wr}from"react/jsx-runtime";var F=t=>Wr(h,{icon:"folder",...t,children:void 0});import{jsx as Yr}from"react/jsx-runtime";var q=t=>Yr(h,{icon:"folder",children:"Button",...t});import{jsx as Fc}from"react/jsx-runtime";import{jsx as jr}from"react/jsx-runtime";var Ke="k-button-group",Qr=[o.disabled],Zr={fillMode:[d.solid,d.flat,d.outline,d.clear,d.link]},qn={fillMode:d.solid},O=t=>{let{fillMode:e=qn.fillMode,disabled:n,stretched:s,...c}=t;return jr("div",{...c,className:a(t.className,Ke,k(Ke,{fillMode:e}),L(Ke,{disabled:n}),{[`${Ke}-stretched`]:s}),children:t.children})};O.states=Qr;O.options=Zr;O.className=Ke;O.defaultOptions=qn;import{Fragment as am,jsx as nm,jsxs as rm}from"react/jsx-runtime";import{Fragment as mm,jsx as cm,jsxs as dm}from"react/jsx-runtime";import{Fragment as Nm,jsx as hm,jsxs as Sm}from"react/jsx-runtime";import{Fragment as Mm,jsx as Cm,jsxs as Im}from"react/jsx-runtime";import{jsx as os}from"react/jsx-runtime";var io="k-input",ts=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],es={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},lo={size:r.medium,rounded:r.medium,fillMode:d.solid},P=t=>{let{hover:e,focus:n,disabled:s,invalid:c,valid:p,loading:i,readonly:u,size:b=lo.size,rounded:x=lo.rounded,fillMode:N=lo.fillMode,...g}=t;return os("span",{...g,className:a(t.className,io,k(io,{size:b,rounded:x,fillMode:N}),L(io,{hover:e,focus:n,disabled:s,invalid:c,valid:p,loading:i,readonly:u}))})};P.states=ts;P.options=es;P.className=io;P.defaultOptions=lo;import{jsx as rs}from"react/jsx-runtime";var po="k-picker",ns=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],as={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},co={size:r.medium,rounded:f.medium,fillMode:d.solid},lt=t=>{let{hover:e,focus:n,disabled:s,invalid:c,valid:p,loading:i,readonly:u,size:b=co.size,rounded:x=co.rounded,fillMode:N=co.fillMode,...g}=t;return rs("span",{...g,className:a(t.className,po,k(po,{size:b,rounded:x,fillMode:N}),L(po,{hover:e,focus:n,disabled:s,invalid:c,valid:p,loading:i,readonly:u})),children:t.children})};lt.states=ns;lt.options=as;lt.className=po;lt.defaultOptions=co;import{Fragment as ls,jsx as Go}from"react/jsx-runtime";var Wn="k-clear-value",ss=[o.disabled,o.loading,o.readonly],is={},pt=t=>{let{disabled:e,loading:n,readonly:s,value:c}=t;return e||s||n||!c?Go(ls,{}):Go("span",{className:a(t.className,Wn),children:Go(C,{icon:"x"})})};pt.states=ss;pt.options=is;pt.className=Wn;import{jsx as ms}from"react/jsx-runtime";var Do="k-input-inner",ps=[],cs={},mo={type:"text",autocomplete:"off",value:"",placeholder:""},ct=t=>{let{value:e=mo.value,type:n=mo.type,placeholder:s=mo.placeholder,autocomplete:c=mo.autocomplete,...p}=t;return ms("input",{...p,type:n,className:a(t.className,Do,k(Do,t)),placeholder:s,autoComplete:c,defaultValue:e})};ct.states=ps;ct.options=cs;ct.className=Do;import{jsx as Yn,jsxs as fs}from"react/jsx-runtime";var $o="k-input-inner",ds=[],us={},Xt=t=>{let{value:e,placeholder:n,showValue:s,valueIcon:c,valueIconName:p,...i}=t;return fs("span",{...i,className:a(t.className,$o,k($o,t)),children:[c,!c&&p&&Yn(C,{className:"k-input-value-icon",icon:p}),s&&!e&&n,s&&e&&Yn("span",{className:"k-input-value-text",children:e})]})};Xt.states=ds;Xt.options=us;Xt.className=$o;import{jsx as hs}from"react/jsx-runtime";var Vo="k-input-inner",bs=[],xs={},Qn={value:"",placeholder:""},Re=t=>{let{value:e=Qn.value,placeholder:n=Qn.placeholder,rows:s,...c}=t;return hs("textarea",{...c,className:a(t.className,Vo,k(Vo,t)),placeholder:n,rows:s,defaultValue:e})};Re.states=bs;Re.options=xs;Re.className=Vo;import{Fragment as Ss,jsx as Zn}from"react/jsx-runtime";var jn="k-input-loading-icon",Ns=[o.disabled,o.loading],Q=t=>{let{disabled:e,loading:n}=t;return e||!n?Zn(Ss,{}):Zn("span",{className:a(t.className,jn,"k-icon k-i-loading")})};Q.states=Ns;Q.className=jn;import{Fragment as ks,jsx as ta}from"react/jsx-runtime";var ea="k-input-validation-icon",vs=[o.valid,o.invalid,o.disabled,o.loading],gs={},W=t=>{let{valid:e,invalid:n,disabled:s,loading:c}=t,p=n?"warning-circle":"check-circle";return s||c||!!!(e||n)?ta(ks,{}):ta(C,{className:a(ea),icon:p})};W.states=vs;W.options=gs;W.className=ea;import{Fragment as Ms,jsx as oa}from"react/jsx-runtime";var Ls="k-input-prefix",Cs={direction:"horizontal"},Z=t=>{let{direction:e=Cs.direction,...n}=t;return t.children?oa("span",{...n,className:a(Ls,t.className,{[`k-input-prefix-${e}`]:e}),children:t.children}):oa(Ms,{})};import{Fragment as Ts,jsx as na}from"react/jsx-runtime";var Is="k-input-suffix",ys={direction:"horizontal"},j=t=>{let{direction:e=ys.direction,...n}=t;return t.children?na("span",{...n,className:a(Is,t.className,{[`k-input-suffix-${e}`]:e}),children:t.children}):na(Ts,{})};import{jsx as bd}from"react/jsx-runtime";import{jsx as Sd}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";var aa="k-input-separator",As={direction:"vertical"},tt=t=>{let{direction:e=As.direction,...n}=t;return Bs("span",{...n,className:a(aa,t.className,{[`${aa}-${e}`]:e})})};import{jsx as ra,jsxs as zs}from"react/jsx-runtime";var sa="k-color-preview",Ps=[],Es={},Tt=t=>{let{color:e,iconName:n,...s}=t;return zs("span",{...s,className:a(t.className,sa,{"k-icon-color-preview":n,"k-no-color":!e}),children:[n&&ra(C,{icon:n,className:"k-color-preview-icon"}),ra("span",{className:"k-color-preview-mask",style:{backgroundColor:e}})]})};Tt.states=Ps;Tt.options=Es;Tt.className=sa;import{jsx as ia}from"react/jsx-runtime";var la="k-animation-container",Os=[],ws={},pa={positionMode:"absolute"},At=t=>{let{positionMode:e=pa.positionMode,animationStyle:n,offset:s,...c}=t;return ia("div",{...c,style:{...s,...t.style},className:a(t.className,la,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:ia("div",{className:"k-child-animation-container",style:n,children:t.children})})};At.states=Os;At.options=ws;At.className=la;At.defaultOptions=pa;import{jsx as ca}from"react/jsx-runtime";var ma="k-popup",Ks=[],Rs={},da={positionMode:"absolute"},H=t=>{let{offset:e,positionMode:n=da.positionMode,animationStyle:s,...c}=t;return ca(At,{positionMode:n,offset:e,animationStyle:s,children:ca("div",{...c,className:a(t.className,ma),children:t.children})})};H.states=Ks;H.options=Rs;H.className=ma;H.defaultOptions=da;import{jsx as Ds}from"react/jsx-runtime";var uo="k-actions",Hs=[],Gs={},_o={alignment:"start",orientation:"horizontal"},V=t=>{let{alignment:e=_o.alignment,orientation:n=_o.orientation,...s}=t;return Ds("div",{...s,className:a(uo,{[`${uo}-${e}`]:e,[`${uo}-${n}`]:n},t.className),children:t.children})};V.states=Hs;V.options=Gs;V.className=uo;V.defaultOptions=_o;import{jsx as Vs}from"react/jsx-runtime";var $s="k-actionsheet-footer",ua={alignment:"stretched",orientation:"horizontal"},He=t=>{let{alignment:e=ua.alignment,orientation:n=ua.orientation,template:s,as:c=s?"div":V,...p}=t;return Vs(c,{...p,...!s&&{alignment:e,orientation:n},className:a(t.className,$s),children:t.children})};import{jsx as Ge,jsxs as Xs}from"react/jsx-runtime";var fa="k-searchbox",_s=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading],Fs={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Fo={showIcon:!0,icon:"search",size:P.defaultOptions.size,rounded:P.defaultOptions.rounded,fillMode:P.defaultOptions.fillMode},Nt=t=>{let{value:e,placeholder:n,size:s,rounded:c,fillMode:p,hover:i,focus:u,valid:b,invalid:x,required:N,loading:g,disabled:m,showIcon:S=Fo.showIcon,icon:v=Fo.icon,...M}=t;return Xs(P,{...M,size:s,rounded:c,fillMode:p,hover:i,focus:u,valid:b,invalid:x,required:N,loading:g,disabled:m,className:a(t.className,fa),children:[S&&Ge(C,{className:"k-input-icon",icon:v}),Ge(ct,{placeholder:n,value:e}),Ge(Q,{...t}),Ge(W,{...t}),Ge(pt,{...t})]})};Nt.states=_s;Nt.options=Fs;Nt.className=fa;Nt.defaultOptions=Fo;import{jsx as Nu}from"react/jsx-runtime";import{Fragment as ba,jsx as Bt,jsxs as Xo}from"react/jsx-runtime";var xa="k-textbox",Js=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Us={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Jt={showClearButton:!0,showValidationIcon:!0,size:P.defaultOptions.size,rounded:P.defaultOptions.rounded,fillMode:P.defaultOptions.fillMode,separators:!0},Pt=t=>{let{size:e=Jt.size,rounded:n=Jt.rounded,fillMode:s=Jt.fillMode,separators:c=Jt.separators,showClearButton:p=Jt.showClearButton,showValidationIcon:i=Jt.showValidationIcon,prefix:u,suffix:b,type:x,value:N,placeholder:g,hover:m,focus:S,valid:v,invalid:M,required:y,loading:T,disabled:E,readonly:D,...ut}=t;return Xo(P,{...ut,size:e,rounded:n,fillMode:s,hover:m,focus:S,valid:v,invalid:M,required:y,loading:T,disabled:E,readonly:D,className:a(t.className,xa),children:[u&&Xo(ba,{children:[Bt(Z,{children:u}),c&&Bt(tt,{})]}),Bt(ct,{placeholder:g,value:N,type:x}),i&&Bt(W,{valid:v,invalid:M,loading:T,disabled:E}),Bt(Q,{loading:T,disabled:E}),p&&Bt(pt,{loading:T,disabled:E,readonly:D,value:N}),b&&Xo(ba,{children:[c&&Bt(tt,{}),Bt(j,{children:b})]})]})};Pt.states=Js;Pt.options=Us;Pt.className=xa;Pt.defaultOptions=Jt;import{jsx as Au}from"react/jsx-runtime";import{Fragment as wu,jsx as Ou}from"react/jsx-runtime";import{Fragment as Vu,jsx as $u}from"react/jsx-runtime";import{jsx as Et,jsxs as Jo}from"react/jsx-runtime";var Na="k-actionsheet-titlebar",qs={},et=t=>{let{title:e,subtitle:n,actionsStart:s,actionsEnd:c,filter:p,input:i,inputValue:u,inputPlaceholder:b,adaptive:x,children:N,...g}=t;return Jo("div",{...g,className:a(t.className,Na),children:[Jo("div",{className:"k-actionsheet-titlebar-group",children:[s&&Et("div",{className:"k-actionsheet-actions",children:s}),!N&&Jo("div",{className:"k-actionsheet-title",children:[e&&Et("div",{className:"k-text-center",children:e}),n&&Et("div",{className:"k-actionsheet-subtitle k-text-center",children:n})]}),N&&Et("div",{className:"k-actionsheet-title",children:N}),c&&Et("div",{className:"k-actionsheet-actions",children:c})]}),(i||p)&&Et("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:i?Et(Pt,{value:u,placeholder:b,size:x?"large":"medium"}):Et(Nt,{placeholder:"Filter",size:x?"large":"medium"})})]})};et.className=Na;et.defaultOptions=qs;import{jsx as Uo,jsxs as Zs}from"react/jsx-runtime";var qo="k-actionsheet-view",Ws=[],Ys={},Qs={},le=t=>{let{adaptive:e,animated:n,children:s,header:c,footer:p,...i}=t,u=c?.type===et&&Uo(et,{adaptive:e,...c?.props}),b=p?.type===He&&Uo(He,{...p?.props});return Zs("div",{...i,className:a(t.className,qo,{[`${qo}-animated`]:n}),children:[u,Uo("div",{className:"k-actionsheet-content",children:s}),b]})};le.states=Ws;le.options=Ys;le.className=qo;le.defaultOptions=Qs;import{jsx as fo,jsxs as ei}from"react/jsx-runtime";var Sa="k-actionsheet",js=[],ti={},De={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},mt=t=>{let{side:e=De.side,fullscreen:n=De.fullscreen,adaptive:s=De.adaptive,overlay:c=De.overlay,template:p,children:i,header:u,footer:b,...x}=t;return ei("div",{className:"k-actionsheet-container",children:[c&&fo("div",{className:"k-overlay"}),fo(At,{animationStyle:{[`${n===!0?"top":e}`]:0,[`${n===!0?"width":null}`]:"100%",[`${n===!0?"height":null}`]:"100%",[`${e==="top"||e==="bottom"?"width":null}`]:"100%",[`${e==="left"||e==="right"?"height":null}`]:"100%"},children:fo("div",{...x,className:a(t.className,Sa,{[`k-actionsheet-${e}`]:n===!1,"k-actionsheet-fullscreen":n===!0,"k-adaptive-actionsheet":s}),children:p||fo(le,{header:u,footer:b,adaptive:s,...t,children:i})})})]})};mt.states=js;mt.options=ti;mt.className=Sa;mt.defaultOptions=De;import{jsx as uf}from"react/jsx-runtime";import{Fragment as ni,jsx as $e,jsxs as Wo}from"react/jsx-runtime";var Yo="k-actionsheet-item",oi=[o.hover,o.focus,o.selected,o.disabled],Qo=t=>{let{iconName:e,text:n,description:s,hover:c,focus:p,selected:i,disabled:u,...b}=t;return Wo("span",{...b,className:a(t.className,Yo,L(Yo,{hover:c,focus:p,selected:i,disabled:u})),children:[!t.children&&$e(ni,{children:Wo("span",{className:"k-actionsheet-action",children:[e&&$e("span",{className:"k-icon-wrap",children:$e(C,{className:"k-actionsheet-item-icon",icon:e})}),Wo("span",{className:"k-actionsheet-item-text",children:[n&&$e("span",{className:"k-actionsheet-item-title",children:n}),s&&$e("span",{className:"k-actionsheet-item-description",children:s})]})]})}),t.children]})};Qo.states=oi;Qo.className=Yo;import{jsx as kf,jsxs as Lf}from"react/jsx-runtime";import{jsx as yf}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";import{jsx as wf}from"react/jsx-runtime";import{jsx as pe,jsxs as Zo}from"react/jsx-runtime";var Ve="k-slider",ai=[o.hover,o.focus,o.active,o.disabled,o.readonly],ri={},zt={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},ot=t=>{let{type:e=zt.type,orientation:n=zt.orientation,readonly:s=zt.readonly,disabled:c=zt.disabled,handlePosition:p=zt.handlePosition,showButtons:i=zt.showButtons,showTicks:u=zt.showTicks,hover:b,focus:x,active:N,trackStyle:g,dir:m,...S}=t,v,M;return n==="horizontal"?(v=m==="rtl"?"caret-alt-left":"caret-alt-right",M=m==="rtl"?"caret-alt-right":"caret-alt-left"):n==="vertical"&&(v="caret-alt-up",M="caret-alt-down"),Zo("div",{...S,className:a(Ve,t.className,L(Ve,{readonly:s,disabled:c}),{[`k-slider-${n}`]:n,"k-colorgradient-slider":e==="gradient"}),dir:m,children:[i&&pe(h,{className:"k-button-decrease",rounded:"full",icon:M}),Zo("div",{className:"k-slider-track-wrap",children:[u&&pe("ul",{className:"k-reset k-slider-items",children:t.children}),Zo("div",{className:"k-slider-track",style:g,children:[pe("div",{className:"k-slider-selection"}),e==="range"&&pe("span",{className:a("k-draghandle","k-draghandle-start",L(Ve,{hover:b,focus:x,active:N}))}),pe("span",{className:a("k-draghandle",`k-draghandle-${p}`,L(Ve,{hover:b,focus:x,active:N}))})]})]}),i&&pe(h,{className:"k-button-increase",rounded:"full",icon:v})]})};ot.states=ai;ot.options=ri;ot.className=Ve;ot.defaultOptions=zt;import{jsx as ga}from"react/jsx-runtime";var ka="k-tick",si=[],ii={},La={label:!1},Ot=t=>{let{style:e,label:n=La.label,orientation:s,large:c,text:p,...i}=t;return ga("li",{...i,className:a(t.className,ka,{[`k-tick-${s}`]:s,"k-tick-large":c}),style:e,children:n&&ga("span",{className:"k-label",children:p})})};Ot.states=si;Ot.options=ii;Ot.className=ka;Ot.defaultOptions=La;import{Fragment as ab,jsx as nb,jsxs as rb}from"react/jsx-runtime";import{Fragment as cb,jsx as pb,jsxs as mb}from"react/jsx-runtime";import{Fragment as xb,jsx as bb,jsxs as hb}from"react/jsx-runtime";import{Fragment as kb,jsx as gb,jsxs as Lb}from"react/jsx-runtime";import{jsx as li}from"react/jsx-runtime";var jo=t=>li(ot,{type:"gradient",showButtons:!1,showTicks:!1,...t});import{jsx as pi}from"react/jsx-runtime";var tn=t=>pi(ot,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...t});import{jsx as Ca,jsxs as di}from"react/jsx-runtime";var Ma="k-spin-button",ci=[],mi={size:[r.small,r.medium,r.large],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link]},en={size:r.medium,fillMode:d.solid},ce=t=>{let{size:e=en.size,fillMode:n=en.fillMode,...s}=t;return di("span",{...s,className:a(Ma,t.className),children:[Ca(h,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:e,fillMode:n}),Ca(h,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:e,fillMode:n})]})};ce.states=ci;ce.options=mi;ce.className=Ma;ce.defaultOptions=en;import{Fragment as Ia,jsx as St,jsxs as on}from"react/jsx-runtime";var ya="k-numerictextbox",ui=[o.hover,o.focus,o.valid,o.invalid,o.loading,o.required,o.disabled,o.readonly],fi={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Ut={showSpinButton:!0,showClearButton:!0,size:P.defaultOptions.size,rounded:P.defaultOptions.rounded,fillMode:P.defaultOptions.fillMode,separators:!0},R=t=>{let{size:e=Ut.size,rounded:n=Ut.rounded,fillMode:s=Ut.fillMode,separators:c=Ut.separators,showClearButton:p=Ut.showClearButton,showSpinButton:i=Ut.showSpinButton,prefix:u,suffix:b,value:x,placeholder:N,hover:g,focus:m,valid:S,invalid:v,required:M,loading:y,disabled:T,readonly:E,...D}=t;return on(P,{...D,size:e,rounded:n,fillMode:s,hover:g,focus:m,valid:S,invalid:v,required:M,loading:y,disabled:T,readonly:E,className:a(t.className,ya),children:[u&&on(Ia,{children:[St(Z,{children:u}),c&&St(tt,{})]}),St(ct,{placeholder:N,value:x}),St(W,{valid:S,invalid:v,loading:y,disabled:T}),St(Q,{loading:y,disabled:T}),p&&St(pt,{loading:y,disabled:T,readonly:E,value:x}),b&&on(Ia,{children:[c&&St(tt,{}),St(j,{children:b})]}),i&&St(ce,{className:"k-input-spinner",size:e,fillMode:s})]})};R.states=ui;R.options=fi;R.className=ya;R.defaultOptions=Ut;import{jsx as jb}from"react/jsx-runtime";import{jsx as xi}from"react/jsx-runtime";var bi="k-no-data",_e=t=>xi("span",{className:a(bi,t.className),children:t.children});import{jsx as me,jsxs as Aa}from"react/jsx-runtime";var nn="k-list",hi=[],Ni={size:[r.small,r.medium,r.large]},Ba={size:r.medium},z=t=>{let{size:e=Ba.size,virtualization:n,children:s,optionLabel:c,customValue:p,screenReaders:i,...u}=t,b,x,N,g,m=[];return s?s.map((S,v)=>{S.type===$?(S.props.root===!0?(b=S.props.label,S.props.children.map((M,y)=>{m.push(me(I,{...M.props},`optChild-${y}-${new Date().getTime()}`))})):S.props.children.forEach((M,y)=>{let T="";y===0&&(T=S.props.label),m.push(me(I,{className:y===0?"k-first":"",...M.props,groupLabel:T},`groupLabel-${y}-${new Date().getTime()}`))}),x=me($,{label:b,virtualization:n,children:m})):S.type===I&&(m.push(me(I,{...S.props},`${S.type}-${v}`)),N=me(de,{virtualization:n,children:m}),i&&(g=Aa(_e,{className:"k-sr-only",children:[m.length," items found."]})))}):g=me(_e,{children:"No data found."}),Aa("div",{...u,className:a(t.className,nn,k(nn,{size:e}),{"k-virtual-list":n}),children:[c,p,x,N,g]})};z.states=hi;z.options=Ni;z.className=nn;z.defaultOptions=Ba;import{jsx as qt,jsxs as gi}from"react/jsx-runtime";var an="k-list",Si=[],vi={size:[r.small,r.medium,r.large]},Pa={size:r.medium},Wt=t=>{let{size:e=Pa.size,virtualization:n,children:s,...c}=t,p,i,u,b=[];return s?s.map((x,N)=>{x.type===$?(x.props.root===!0?(p=x.props.label,x.props.children.map((g,m)=>{b.push(qt(I,{...g.props},`optChild-${m}-${new Date().getTime()}`))})):(b.push(qt(Ea,{...x.props,children:x.props.label},`listChild-${N}`)),x.props.children.map((g,m)=>{b.push(qt(I,{...g.props},`fwOptChild-${m}-${new Date().getTime()}`))})),i=qt($,{label:p,virtualization:n,children:b})):x.type===I&&(b.push(qt(I,{...x.props},`${x.type}-${N}`)),u=qt(de,{virtualization:n,children:b}))}):u=qt(_e,{children:"No data found."}),gi("div",{...c,className:a(t.className,an,k(an,{size:e}),{"k-virtual-list":n}),children:[i,u]})};Wt.states=Si;Wt.options=vi;Wt.className=an;Wt.defaultOptions=Pa;import{jsx as za}from"react/jsx-runtime";var bo="k-checkbox",ki=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.checked,o.indeterminate],Li={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full]},rn={size:r.medium,rounded:f.medium},wt=t=>{let{id:e,checked:n,indeterminate:s,hover:c,focus:p,disabled:i,invalid:u,valid:b,required:x,size:N=rn.size,rounded:g=rn.rounded,...m}=t;return za("span",{className:"k-checkbox-wrap",children:za("input",{...m,id:e,type:"checkbox",defaultChecked:n,required:x,className:a(t.className,bo,k(bo,{size:N,rounded:g}),L(bo,{hover:c,focus:p,disabled:i,invalid:u,valid:b,indeterminate:s,checked:n}))})})};wt.states=ki;wt.options=Li;wt.className=bo;wt.defaultOptions=rn;import{jsx as Ii}from"react/jsx-runtime";var Oa="k-checkbox-list",Ci=[],Mi={},wa={layout:"vertical"},ue=t=>{let{layout:e=wa.layout,...n}=t;return Ii("ul",{...n,className:a(t.className,Oa,{[`k-list-${e}`]:e}),children:t.children})};ue.states=Ci;ue.options=Mi;ue.className=Oa;ue.defaultOptions=wa;import{jsx as Bi}from"react/jsx-runtime";var Ka="k-checkbox-list-item",yi=[],Ti={},Ai={},fe=t=>{let{...e}=t;return Bi("li",{...e,className:a(t.className,Ka),children:t.children})};fe.states=yi;fe.options=Ti;fe.className=Ka;fe.defaultOptions=Ai;import{Fragment as Tx,jsx as yx,jsxs as Ax}from"react/jsx-runtime";import{Fragment as Ox,jsx as zx,jsxs as wx}from"react/jsx-runtime";import{Fragment as Dx,jsx as Gx,jsxs as $x}from"react/jsx-runtime";import{Fragment as Jx,jsx as Xx,jsxs as Ux}from"react/jsx-runtime";import{jsx as Qx}from"react/jsx-runtime";import{jsx as eh}from"react/jsx-runtime";import{jsx as xo,jsxs as Oi}from"react/jsx-runtime";var ln="k-list-item",Pi=[o.hover,o.focus,o.selected,o.disabled],Ei={},zi={},I=t=>{let{text:e,groupLabel:n,group:s,showIcon:c,iconName:p,showCheckbox:i,checked:u,hover:b,focus:x,selected:N,disabled:g,...m}=t,S=e||t.children;return Oi("li",{...m,className:a(t.className,s?"k-list-group-item":ln,L(ln,{hover:b,focus:x,disabled:g,selected:N})),children:[i&&xo(wt,{checked:u}),c&&xo(C,{icon:p}),xo("span",{className:"k-list-item-text",children:S}),n&&n!==""&&xo("div",{className:"k-list-item-group-label",children:n})]})};I.states=Pi;I.options=Ei;I.className=ln;I.defaultOptions=zi;import{jsx as pn,jsxs as Ki}from"react/jsx-runtime";var wi="k-list-content",de=t=>{let{virtualization:e,...n}=t;return Ki("div",{...n,className:a(wi,t.className),children:[pn("ul",{className:a("k-list-ul"),children:t.children}),e&&pn("div",{className:"k-height-container",children:pn("div",{})})]})};import{jsx as Ra}from"react/jsx-runtime";var Ri="k-list-group-sticky-header",Ha=t=>Ra("div",{className:a(Ri,t.className),children:Ra("div",{className:"k-list-header-text",children:t.children})});import{Fragment as Hi,jsx as Ga,jsxs as Gi}from"react/jsx-runtime";var $=t=>{let{virtualization:e,label:n}=t;return Gi(Hi,{children:[n&&Ga(Ha,{children:n}),t.children&&Ga(de,{virtualization:e,children:t.children})]})};import{jsx as Da}from"react/jsx-runtime";var Di="k-list-group-item",Ea=t=>Da("li",{className:a(Di,t.className),children:Da("span",{className:"k-list-item-text",children:t.children})});import{jsx as Fi}from"react/jsx-runtime";var cn="k-list-optionlabel",$i=[o.hover,o.focus,o.selected,o.disabled],Vi={},_i={},ho=t=>{let{text:e,hover:n,focus:s,selected:c,disabled:p,...i}=t;return Fi("div",{...i,className:a(cn,L(cn,{hover:n,focus:s,selected:c,disabled:p})),children:e})};ho.states=$i;ho.options=Vi;ho.className=cn;ho.defaultOptions=_i;import{jsx as qi}from"react/jsx-runtime";var mn="k-list-custom-value",Xi=[o.hover,o.focus,o.selected,o.disabled],Ji={},Ui={},Kt=t=>{let{text:e,hover:n,focus:s,selected:c,disabled:p,...i}=t;return qi("div",{...i,className:a(mn,L(mn,{hover:n,focus:s,selected:c,disabled:p})),children:e})};Kt.states=Xi;Kt.options=Ji;Kt.className=mn;Kt.defaultOptions=Ui;import{jsx as Hh}from"react/jsx-runtime";import{jsx as Vh}from"react/jsx-runtime";import{jsx as Jh,jsxs as Uh}from"react/jsx-runtime";import{jsx as Qh,jsxs as Zh}from"react/jsx-runtime";import{jsx as oN}from"react/jsx-runtime";import{jsx as sN,jsxs as iN}from"react/jsx-runtime";import{jsx as mN,jsxs as dN}from"react/jsx-runtime";import{Fragment as Qi,jsx as X,jsxs as dn}from"react/jsx-runtime";var $a="k-dropdownlist",Wi=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Yi={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},be={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:f.medium,fillMode:d.solid},Rt=t=>{let{size:e=be.size,rounded:n=be.rounded,fillMode:s=be.fillMode,arrowIconName:c=be.arrowIconName,showValue:p=be.showValue,valueIconName:i,prefix:u,suffix:b,value:x,placeholder:N,hover:g,focus:m,valid:S,invalid:v,required:M,loading:y,disabled:T,readonly:E,popup:D,opened:ut,adaptive:Be,adaptiveSettings:Pe,adaptiveTitle:zo,adaptiveSubtitle:Oo,adaptiveFilter:Or,...wr}=t;return dn(Qi,{children:[dn(lt,{...wr,size:e,rounded:n,fillMode:s,hover:g,focus:m,valid:S,invalid:v,required:M,loading:y,disabled:T,readonly:E,className:a(t.className,$a,{"k-icon-picker":!p&&i}),children:[X(Z,{children:u}),X(Xt,{placeholder:N,value:x,showValue:p,valueIconName:i}),X(W,{valid:S,invalid:v,loading:y,disabled:T}),X(Q,{loading:y,disabled:T}),X(j,{children:b}),X(h,{className:"k-input-button",icon:c,rounded:null,size:t.size,fillMode:t.fillMode})]}),ut&&D&&X(H,{className:"k-list-container k-dropdownlist-popup",children:D}),Be&&X(mt,{adaptive:!0,...Pe,header:X(et,{actionsEnd:X(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Or,inputValue:x,inputPlaceholder:N,title:zo,subtitle:Oo}),children:X("div",{className:"k-list-container",children:dn(z,{size:"large",children:[X(I,{text:"List item"}),X(I,{text:"List item"}),X(I,{text:"List item"})]})})})]})};Rt.states=Wi;Rt.options=Yi;Rt.className=$a;Rt.defaultOptions=be;import{jsx as VN}from"react/jsx-runtime";import{jsx as UN,jsxs as qN}from"react/jsx-runtime";import{Fragment as oS,jsx as tS,jsxs as eS}from"react/jsx-runtime";import{jsx as sS}from"react/jsx-runtime";import{jsx as mS,jsxs as dS}from"react/jsx-runtime";import{jsx as hS,jsxs as NS}from"react/jsx-runtime";import{Fragment as IS,jsx as CS,jsxs as MS}from"react/jsx-runtime";import{Fragment as OS,jsx as ES,jsxs as zS}from"react/jsx-runtime";import{Fragment as YS,jsx as WS}from"react/jsx-runtime";import{Fragment as nv,jsx as ov}from"react/jsx-runtime";import{Fragment as Fe,jsx as A,jsxs as w}from"react/jsx-runtime";var Va="k-colorgradient-inputs",Zi=[],ji={size:[r.small,r.medium,r.large]},_a={mode:"rgba",size:r.medium},xe=t=>{let{mode:e=_a.mode,size:n,...s}=t;return w("div",{...s,className:a(Va,"k-hstack"),children:[A("div",{className:"k-vstack",children:A(h,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:n})}),e==="rgba"&&w(Fe,{children:[w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:n}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:n}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:n}),A("label",{className:"k-colorgradient-input-label",children:"B"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:n}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),e==="rgb"&&w(Fe,{children:[w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),e==="hsva"&&w(Fe,{children:[w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),e==="hsv"&&w(Fe,{children:[w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),w("div",{className:"k-vstack",children:[A(R,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),e==="hex"&&A(Fe,{children:w("div",{className:"k-vstack k-flex-1",children:[A(Pt,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),A("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};xe.states=Zi;xe.options=ji;xe.className=Va;xe.defaultOptions=_a;import{jsx as Qt,jsxs as Zt}from"react/jsx-runtime";var Fa="k-colorgradient-color-contrast",tl=[],el={},ol={},he=()=>Zt("div",{className:a(Fa,"k-vbox"),children:[Zt("div",{className:"k-contrast-ratio",children:[Qt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Zt("span",{className:"k-contrast-validation !k-text-success",children:[Qt(C,{icon:"check"}),Qt(C,{icon:"check"})]})]}),Zt("div",{children:[Qt("span",{children:"AA: 4.5"}),Zt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Qt(C,{icon:"check"})]})]}),Zt("div",{children:[Qt("span",{children:"AAA: 7.0"}),Zt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Qt(C,{icon:"x"})]})]})]});he.states=tl;he.options=el;he.className=Fa;he.defaultOptions=ol;import{jsx as nt,jsxs as Xe}from"react/jsx-runtime";var No="k-colorgradient",nl=[o.hover,o.focus,o.readonly,o.disabled],al={size:[r.small,r.medium,r.large]},dt={size:r.medium,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"},Ht=t=>{let{size:e=dt.size,mode:n=dt.mode,readonly:s=dt.readonly,disabled:c=dt.disabled,gradientStyle:p=dt.gradientStyle,dragHandleStyle:i=dt.dragHandleStyle,alphaStyle:u=dt.alphaStyle,alphaStyleHorizontal:b=dt.alphaStyleHorizontal,contrast:x=dt.contrast,dir:N,hover:g,focus:m,hoverHandle:S,focusHandle:v,canvasOrientation:M=dt.canvasOrientation,...y}=t;return Xe("div",{...y,className:a(t.className,No,k(No,{size:e}),L(No,{hover:g,focus:m,readonly:s,disabled:c})),dir:N,children:[!M||M==="horizontal"&&Xe("div",{className:"k-colorgradient-canvas k-hstack",children:[nt("div",{className:"k-hsv-rectangle",style:p,children:nt("div",{className:"k-hsv-gradient",children:nt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":v}),style:i})})}),Xe("div",{className:"k-hsv-controls k-hstack",children:[nt(tn,{className:"k-hue-slider",hover:S,focus:v}),n!=="rgb"&&n!=="hsv"&&nt(tn,{className:"k-alpha-slider",hover:S,focus:v,trackStyle:u})]})]}),M==="vertical"&&Xe("div",{className:"k-colorgradient-canvas k-vstack",children:[nt("div",{className:"k-hsv-rectangle",style:p,children:nt("div",{className:"k-hsv-gradient",children:nt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":v}),style:i})})}),Xe("div",{className:"k-hsv-controls k-vstack",children:[nt(jo,{className:"k-hue-slider",hover:S,focus:v}),n!=="rgb"&&n!=="hsv"&&nt(jo,{className:"k-alpha-slider",hover:S,focus:v,trackStyle:b})]})]}),nt(xe,{mode:t.mode,size:e}),x&&nt(he,{})]})};Ht.states=nl;Ht.options=al;Ht.className=No;Ht.defaultOptions=dt;import{jsx as Tv}from"react/jsx-runtime";import{jsx as Ev}from"react/jsx-runtime";import{jsx as rl}from"react/jsx-runtime";var Xa=t=>rl("tr",{children:t.children});import{jsx as ll}from"react/jsx-runtime";var un="k-colorpalette-tile",sl=[o.hover,o.focus,o.selected],il={},Je=t=>{let{color:e,tileSize:n,hover:s,focus:c,selected:p,...i}=t,u={backgroundColor:e,width:n?n+"px":"",height:n?n+"px":""};return ll("td",{...i,className:a(t.className,un,L(un,{hover:s,focus:c,selected:p})),style:u})};Je.states=sl;Je.options=il;Je.className=un;import{jsx as Ue}from"react/jsx-runtime";var So="k-colorpalette",pl=[o.disabled],cl={size:[r.small,r.medium,r.large]},fn={columns:10,size:r.medium},Ne=t=>{let{size:e=fn.size,palette:n,columns:s=fn.columns,tileSize:c,disabled:p,...i}=t,u=[];if(n){let b=s||n.columns,x=n.colors?n.colors:n;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(N,g)=>{let m=[];x.slice(g*b,(g+1)*b).map((v,M)=>{m.push(Ue(Je,{color:v,tileSize:c},M))});let S=Ue(Xa,{children:m},g);u.push(S)})}return Ue("div",{...i,className:a(t.className,So,L(So,{disabled:p}),k(So,{size:e})),children:Ue("table",{className:"k-colorpalette-table",children:Ue("tbody",{children:u.length>0?u:t.children})})})};Ne.states=pl;Ne.options=cl;Ne.className=So;Ne.defaultOptions=fn;var bn={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 eg}from"react/jsx-runtime";import{jsx as at,jsxs as Se}from"react/jsx-runtime";var vo="k-coloreditor",ml=[o.focus],dl={size:[r.small,r.medium,r.large]},ve={size:r.medium,view:"gradient",palette:bn.office,actionButtons:!0,canvasOrientation:"horizontal"},ft=t=>{let{size:e=ve.size,view:n=ve.view,palette:s=ve.palette,color:c,currentColor:p,focus:i,focusView:u,dir:b,group:x,actionButtons:N=ve.actionButtons,canvasOrientation:g=ve.canvasOrientation,...m}=t;return Se("div",{...m,className:a(t.className,"k-flatcolorpicker",vo,k(vo,{size:e}),L(vo,{focus:i})),dir:b,children:[Se("div",{className:"k-coloreditor-header k-hstack",children:[at("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Se(O,{fillMode:"flat",children:[at(h,{className:"k-group-start",size:e,fillMode:"flat",icon:"droplet-slider",selected:n==="gradient"}),at(h,{className:"k-group-end",size:e,fillMode:"flat",icon:"palette",selected:n==="palette"})]})}),at("div",{className:"k-spacer"}),Se("div",{className:"k-coloreditor-header-actions k-hstack",children:[at(h,{fillMode:"flat",icon:"droplet-slash",size:e}),Se("div",{className:"k-coloreditor-preview k-vstack",children:[at(Tt,{className:"k-coloreditor-preview-color",color:c}),at(Tt,{className:"k-coloreditor-current-color",color:p})]})]})]}),at("div",{className:"k-coloreditor-views k-vstack",children:n==="gradient"?at(Ht,{focus:u,size:e,canvasOrientation:g}):at(Ne,{palette:s,size:e})}),N&&Se(V,{className:"k-coloreditor-footer",alignment:"start",children:[at(h,{themeColor:"primary",size:e,className:"k-coloreditor-apply",children:"Apply"}),at(h,{className:"k-coloreditor-cancel",size:e,children:"Cancel"})]})]})};ft.states=ml;ft.options=dl;ft.className=vo;ft.defaultOptions=ve;import{jsx as vg}from"react/jsx-runtime";import{jsx as Cg}from"react/jsx-runtime";import{jsx as Tg}from"react/jsx-runtime";import{jsx as Eg}from"react/jsx-runtime";import{Fragment as bl,jsx as rt,jsxs as hn}from"react/jsx-runtime";var Ja="k-colorpicker",ul=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled],fl={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},qe={arrowIconName:"caret-alt-down",size:lt.defaultOptions.size,rounded:lt.defaultOptions.rounded,fillMode:lt.defaultOptions.fillMode},vt=t=>{let{size:e=qe.size,rounded:n=qe.rounded,fillMode:s=qe.fillMode,arrowIconName:c=qe.arrowIconName,prefix:p,suffix:i,value:u,placeholder:b,hover:x,focus:N,valid:g,invalid:m,required:S,disabled:v,valueIconName:M,popup:y,opened:T,adaptive:E,adaptiveSettings:D,adaptiveTitle:ut,adaptiveSubtitle:Be,...Pe}=t;return hn(bl,{children:[hn(lt,{...Pe,size:e,rounded:n,fillMode:s,hover:x,focus:N,valid:g,invalid:m,required:S,disabled:v,className:a(t.className,Ja,"k-icon-picker"),children:[rt(Z,{children:p}),rt(Xt,{placeholder:b,value:u,showValue:!1,valueIcon:rt(Tt,{className:"k-value-icon",color:u,iconName:M}),valueIconName:M}),rt(j,{children:i}),rt(h,{className:"k-input-button",icon:c,rounded:null,size:e,fillMode:s})]}),T&&y&&rt(H,{className:"k-colorpicker-popup",children:y}),E&&rt(mt,{adaptive:!0,...D,header:rt(et,{actionsEnd:rt(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:ut,subtitle:Be}),footer:hn(He,{children:[rt(h,{text:"Cancel",size:"large",themeColor:"base"}),rt(h,{text:"Set",size:"large",themeColor:"primary"})]}),children:rt(ft,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=ul;vt.options=fl;vt.className=Ja;vt.defaultOptions=qe;import{jsx as Zg}from"react/jsx-runtime";import{jsx as nk}from"react/jsx-runtime";import{jsx as lk}from"react/jsx-runtime";import{jsx as dk}from"react/jsx-runtime";import{jsx as xk}from"react/jsx-runtime";import{jsx as vk}from"react/jsx-runtime";import{Fragment as Nn,jsx as G,jsxs as We}from"react/jsx-runtime";var Ua="k-combobox",hl=[o.hover,o.focus,o.valid,o.invalid,o.loading,o.required,o.disabled,o.readonly],Nl={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},Ye={size:P.defaultOptions.size,rounded:P.defaultOptions.rounded,fillMode:P.defaultOptions.fillMode,separators:!0},jt=t=>{let{size:e=Ye.size,rounded:n=Ye.rounded,fillMode:s=Ye.fillMode,separators:c=Ye.separators,prefix:p,suffix:i,value:u,placeholder:b,hover:x,focus:N,valid:g,invalid:m,required:S,loading:v,disabled:M,popup:y,opened:T,readonly:E,adaptive:D,adaptiveSettings:ut,adaptiveTitle:Be,adaptiveSubtitle:Pe,adaptiveCustomValue:zo,...Oo}=t;return We(Nn,{children:[We(P,{...Oo,size:e,rounded:n,fillMode:s,hover:x,focus:N,valid:g,invalid:m,required:S,loading:v,disabled:M,readonly:E,className:a(t.className,Ua),children:[p&&We(Nn,{children:[G(Z,{children:p}),c&&G(tt,{})]}),G(ct,{placeholder:b,value:u}),G(W,{valid:g,invalid:m,loading:v,disabled:M}),G(Q,{loading:v,disabled:M}),G(pt,{loading:v,disabled:M,readonly:E,value:u}),i&&We(Nn,{children:[c&&G(tt,{}),G(j,{children:i})]}),G(h,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:e,fillMode:s})]}),T&&y&&G(H,{className:"k-list-container k-combobox-popup",children:y}),D&&G(mt,{adaptive:!0,...ut,header:G(et,{actionsEnd:G(h,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:b,title:Be,subtitle:Pe}),children:G("div",{className:"k-list-container",children:We(z,{customValue:zo?G(Kt,{text:`Use "${u}"`}):void 0,size:"large",children:[G(I,{text:"List item"}),G(I,{text:"List item"}),G(I,{text:"List item"})]})})})]})};jt.states=hl;jt.options=Nl;jt.className=Ua;jt.defaultOptions=Ye;import{jsx as $k}from"react/jsx-runtime";import{jsx as Jk,jsxs as Uk}from"react/jsx-runtime";import{jsx as Zk,jsxs as jk}from"react/jsx-runtime";import{jsx as aL,jsxs as rL}from"react/jsx-runtime";import{jsx as pL}from"react/jsx-runtime";import{Fragment as bL,jsx as fL}from"react/jsx-runtime";import{Fragment as gL,jsx as vL}from"react/jsx-runtime";import{jsx as IL,jsxs as yL}from"react/jsx-runtime";import{Fragment as OL,jsx as EL,jsxs as zL}from"react/jsx-runtime";import{Fragment as gl,jsx as qa,jsxs as kl}from"react/jsx-runtime";var Wa="k-menu-button",Sl=[o.hover,o.focus,o.active,o.selected,o.disabled],vl={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},te={size:r.medium,rounded:f.medium,fillMode:d.solid,themeColor:l.base,showArrow:!0,arrowIconName:"caret-alt-down"},st=t=>{let{size:e=te.size,rounded:n=te.rounded,fillMode:s=te.fillMode,themeColor:c=te.themeColor,hover:p,focus:i,active:u,selected:b,disabled:x,icon:N,text:g,showArrow:m=te.showArrow,arrowIconName:S=te.arrowIconName,popup:v,opened:M,...y}=t;return kl(gl,{children:[qa(h,{...y,className:a(t.className,Wa),text:g,size:e,rounded:n,fillMode:s,themeColor:c,hover:p,focus:i,active:u,selected:b,disabled:x,icon:N,showArrow:m,arrowIconName:S}),M&&v&&qa(H,{className:"k-menu-popup",children:v})]})};st.states=Sl;st.options=vl;st.className=Wa;st.defaultOptions=te;import{jsx as tC}from"react/jsx-runtime";import{jsx as aC}from"react/jsx-runtime";import{jsx as lC}from"react/jsx-runtime";import{Fragment as Ml,jsx as ge,jsxs as Ya}from"react/jsx-runtime";var vn="k-menu-item",Ll=[o.hover,o.focus,o.active,o.selected,o.disabled],Cl={},Qa={iconPosition:"before"},gt=t=>{let{hover:e,focus:n,active:s,selected:c,disabled:p,icon:i,text:u,first:b,last:x,showArrow:N,arrowIconName:g,iconPosition:m=Qa.iconPosition,dir:S,children:v,...M}=t,y=ge(Ml,{});v&&v.forEach(E=>{if(E.type==="MenuItemContent"){y.props.children.push(E);return}});let T=g;return T||(T=S==="rtl"?"caret-alt-left":"caret-alt-right"),Ya("li",{...M,className:a(t.className,vn,"k-item",L(vn,{focus:n,disabled:p,hover:e,active:s,selected:c}),{"k-first":b,"k-last":x}),children:[Ya("span",{className:a("k-link k-menu-link"),children:[i&&m==="before"&&ge(C,{className:"k-menu-link-icon",icon:i}),ge("span",{className:"k-menu-link-text",children:u}),i&&m==="after"&&ge(C,{className:"k-menu-link-icon",icon:i}),N&&ge("span",{className:"k-menu-expand-arrow",children:ge(C,{icon:T})})]}),y]})};gt.states=Ll;gt.options=Cl;gt.className=vn;gt.defaultOptions=Qa;import{Fragment as Tl,jsx as ke,jsxs as Za}from"react/jsx-runtime";var gn="k-menu-item",Il=[o.hover,o.focus,o.active,o.selected,o.disabled],yl={},kn={dir:"ltr",iconPosition:"before"},bt=t=>{let{hover:e,focus:n,active:s,selected:c,disabled:p,icon:i,text:u,first:b,last:x,showArrow:N,arrowIconName:g,iconPosition:m=kn.iconPosition,dir:S=kn.dir,children:v,popup:M,...y}=t,T=ke(Tl,{});v&&v.forEach(D=>{if(D.type==="MenuListItemContent"){T.props.children.push(D);return}});let E=g;return E||(E=S==="rtl"?"caret-alt-left":"caret-alt-right"),Za("li",{...y,className:a(t.className,gn,"k-item",L(gn,{focus:n,disabled:p}),{"k-first":b,"k-last":x}),children:[Za("span",{className:a("k-link k-menu-link",L("k-menu-link",{hover:e,active:s,selected:c,disabled:p})),children:[i&&m==="before"&&ke(C,{className:"k-menu-link-icon",icon:i}),ke("span",{className:"k-menu-link-text",children:u}),i&&m==="after"&&ke(C,{className:"k-menu-link-icon",icon:i}),N&&ke("span",{className:"k-menu-expand-arrow",children:ke(C,{icon:E})})]}),T,M]})};bt.states=Il;bt.options=yl;bt.className=gn;bt.defaultOptions=kn;import{jsx as El}from"react/jsx-runtime";var ja="k-menu-scroll-wrapper",Al=[],Bl={},Pl={},Qe=t=>{let{className:e,children:n,orientation:s,...c}=t;return El("div",{...c,className:a(e,ja,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:n})};Qe.states=Al;Qe.options=Bl;Qe.className=ja;Qe.defaultOptions=Pl;var tr=Qe;import{Fragment as Ln,jsx as ee,jsxs as go}from"react/jsx-runtime";var Cn="k-menu",zl=[],Ol={},ko={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},kt=t=>{let{children:e,orientation:n=ko.orientation,header:s=ko.header,scrollable:c,scrollButtonsPosition:p=ko.scrollButtonsPosition,wrapperStyles:i,dir:u,popup:b,...x}=t,N={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},g=ee("ul",{dir:u,...x,className:a(t.className,"k-reset",Cn,{[`${Cn}-${n}`]:n,"k-header":s}),children:e});return go(Ln,{children:[c?go(tr,{orientation:n,style:i,dir:t.dir,children:[p==="start"&&go(Ln,{children:[ee(h,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),ee(h,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&ee(h,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),g,p==="end"&&go(Ln,{children:[ee(h,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),ee(h,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&ee(h,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):g,b]})};kt.states=zl;kt.options=Ol;kt.className=Cn;kt.defaultOptions=ko;import{jsx as wl}from"react/jsx-runtime";var Mn="k-separator",er={orientation:"horizontal"},Ze=t=>{let{orientation:e=er.orientation,...n}=t;return wl("li",{...n,className:a(t.className,"k-item",Mn,{[`${Mn}-${e}`]:e})})};Ze.className=Mn;Ze.defaultOptions=er;import{Fragment as PC,jsx as EC}from"react/jsx-runtime";import{jsx as or}from"react/jsx-runtime";import{createElement as Hl}from"react";var In="k-menu-group",Kl=[],Rl={size:[r.small,r.medium,r.large]},yn={size:r.medium,dir:"ltr"},oe=t=>{let{children:e,size:n=yn.size,dir:s=yn.dir,...c}=t,p=[];return e&&Array.isArray(e)&&e.map((i,u)=>{i.type===bt?p.push(Hl(bt,{...i.props,dir:s,key:u})):i.type===Ze?p.push(or(Ze,{})):p.push(i)}),or("ul",{...c,className:a(t.className,In,k(In,{size:n})),children:p})};oe.states=Kl;oe.options=Rl;oe.className=In;oe.defaultOptions=yn;import{Fragment as VC,jsx as $C,jsxs as _C}from"react/jsx-runtime";import{Fragment as YC,jsx as qC,jsxs as WC}from"react/jsx-runtime";import{Fragment as eM,jsx as tM,jsxs as oM}from"react/jsx-runtime";import{Fragment as iM,jsx as sM,jsxs as lM}from"react/jsx-runtime";import{Fragment as uM,jsx as dM,jsxs as fM}from"react/jsx-runtime";import{jsx as EM,jsxs as zM}from"react/jsx-runtime";import{Fragment as $l,jsx as Tn,jsxs as nr}from"react/jsx-runtime";var An="k-split-button",Gl=[o.hover,o.focus,o.active,o.selected,o.disabled],Dl={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},Le={size:r.medium,rounded:f.medium,fillMode:d.solid,themeColor:l.base,arrowIconName:"caret-alt-down"},J=t=>{let{size:e=Le.size,rounded:n=Le.rounded,fillMode:s=Le.fillMode,themeColor:c=Le.themeColor,hover:p,focus:i,active:u,selected:b,disabled:x,icon:N,text:g,arrowIconName:m=Le.arrowIconName,popup:S,opened:v,...M}=t;return nr($l,{children:[nr("div",{...M,className:a(t.className,An,"k-button-group",k(An,{rounded:n})),children:[Tn(h,{text:g,icon:N,size:e,rounded:n,fillMode:s,themeColor:c,hover:p,focus:i,active:u,selected:b,disabled:x,children:t.children}),Tn(h,{className:"k-split-button-arrow",icon:m,size:e,rounded:n,fillMode:s,disabled:x})]}),v&&S&&Tn(H,{className:"k-menu-popup",children:S})]})};J.states=Gl;J.options=Dl;J.className=An;J.defaultOptions=Le;var Bn=J;import{jsx as _l}from"react/jsx-runtime";var Vl="k-toolbar-separator",ne=t=>_l("div",{className:a(Vl,t.className,"k-separator")});import{Fragment as Pn,jsx as B,jsxs as Ce}from"react/jsx-runtime";var Lt="k-toolbar",Fl=[o.focus],Xl={size:[r.small,r.medium,r.large],fillMode:[d.solid,d.outline,d.flat]},En={size:r.medium,fillMode:d.solid,scrollButtons:"around"},_=t=>{let{size:e=En.size,fillMode:n=En.fillMode,focus:s,resizable:c,scrollable:p,scrollButtons:i,scrollingPosition:u,section:b,...x}=t,N=[],g=(m,S)=>{let v=[];if(m.type===h&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))v.push(B(h,{...m.props,className:`${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`));else if(m.type===h)v.push(B(h,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`));else if(m.type===q)v.push(B(q,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`));else if(m.type===F)v.push(B(F,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`));else if(m.type===st)v.push(B(st,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`));else if(m.type===Bn)v.push(B(Bn,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`));else if(m.type===O||m.props.className&&m.props.className.includes("k-button-group")){let M=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((T,E)=>{M.push(B(h,{...T.props,className:`${T.props.className?T.props.className:""}`},`${E}-${new Date().getTime()}`))}),v.push(B(O,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:M},`${S}-${new Date().getTime()}`))}else m.type===jt?v.push(B(jt,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`)):m.type===Rt?v.push(B(Rt,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`)):m.type===vt?v.push(B(vt,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${S}-${new Date().getTime()}`)):v.push(m);v.forEach(M=>{N.push(M)})};return t.children&&(Array.isArray(t.children)?t.children:[t.children]).forEach((S,v)=>{g(S,v)}),Ce("div",{...x,className:a(t.className,Lt,k(Lt,{size:e,fillMode:n}),L(Lt,{focus:s}),{[`${Lt}-resizable`]:c,[`${Lt}-scrollable`]:p,[`${Lt}-scrollable-overlay`]:p&&i==="hidden",[`${Lt}-scrollable-${u}`]:u&&u!=="both",[`${Lt}-section`]:b}),children:[!p&&N,p&&i==="hidden"&&B("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),p&&i==="start"&&Ce(Pn,{children:[Ce(O,{children:[B("span",{className:a("k-toolbar-prev","k-button",k("k-button",{size:e,fillMode:n,themeColor:l.base,rounded:f.medium}),"k-icon-button"),children:B(C,{className:"k-button-icon",icon:"caret-alt-left"})}),B("span",{className:a("k-toolbar-next","k-button",k("k-button",{size:e,fillMode:n,themeColor:l.base,rounded:f.medium}),"k-icon-button"),children:B(C,{className:"k-button-icon",icon:"caret-alt-right"})})]}),B(ne,{className:"k-toolbar-button-separator"}),B("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),p&&i==="end"&&Ce(Pn,{children:[B("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),B(ne,{className:"k-toolbar-button-separator"}),Ce(O,{children:[B("span",{className:a("k-toolbar-prev","k-button",k("k-button",{size:e,fillMode:n,themeColor:l.base,rounded:f.medium}),"k-icon-button"),children:B(C,{className:"k-button-icon",icon:"caret-alt-left"})}),B("span",{className:a("k-toolbar-next","k-button",k("k-button",{size:e,fillMode:n,themeColor:l.base,rounded:f.medium}),"k-icon-button"),children:B(C,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),p&&(i==="around"||!i)&&Ce(Pn,{children:[B("span",{className:a("k-toolbar-prev","k-button",k("k-button",{size:e,fillMode:n,themeColor:l.base,rounded:f.medium}),"k-icon-button"),children:B(C,{className:"k-button-icon",icon:"caret-alt-left"})}),B(ne,{className:"k-toolbar-button-separator"}),B("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),B(ne,{className:"k-toolbar-button-separator"}),B("span",{className:a("k-toolbar-next","k-button",k("k-button",{size:e,fillMode:n,themeColor:l.base,rounded:f.medium}),"k-icon-button"),children:B(C,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};_.states=Fl;_.options=Xl;_.className=Lt;_.defaultOptions=En;import{jsx as Wl}from"react/jsx-runtime";var zn="k-toolbar-item",Jl=[o.focus],Ul={},ql={},Lo=t=>{let{focus:e,...n}=t;return Wl("div",{...n,className:a(t.className,zn,L(zn,{focus:e})),children:t.children})};Lo.states=Jl;Lo.options=Ul;Lo.className=zn;Lo.defaultOptions=ql;import{jsx as ar}from"react/jsx-runtime";var rr="k-toolbar-popup",Yl=[],Ql={size:[r.small,r.medium,r.large],fillMode:[d.solid,d.outline,d.flat]},On={size:r.medium,fillMode:d.solid},Co=t=>{let{size:e=On.size,fillMode:n=On.fillMode,section:s,...c}=t;return ar(H,{...c,className:a(t.className,rr),children:s?ar("span",{className:a("k-toolbar-items-list",k("k-toolbar-items-list",{size:e,fillMode:n})),children:t.children}):t.children})};Co.states=Yl;Co.options=Ql;Co.className=rr;Co.defaultOptions=On;import{jsx as xI}from"react/jsx-runtime";import{jsx as vI}from"react/jsx-runtime";import{jsx as CI}from"react/jsx-runtime";import{jsx as AI,jsxs as BI}from"react/jsx-runtime";import{jsx as FI,jsxs as XI}from"react/jsx-runtime";import{jsx as ty,jsxs as ey}from"react/jsx-runtime";import{jsx as py,jsxs as cy}from"react/jsx-runtime";import{jsx as Ny,jsxs as Sy}from"react/jsx-runtime";import{Fragment as Ey,jsx as By,jsxs as Py}from"react/jsx-runtime";import{Fragment as ep,jsx as sr}from"react/jsx-runtime";var ir="k-prompt",Zl=[],jl={},tp={},Y=t=>{let{...e}=t;return sr("div",{...e,className:a(t.className,ir),children:sr(ep,{children:t.children})})};Y.states=Zl;Y.options=jl;Y.className=ir;Y.defaultOptions=tp;import{jsx as np}from"react/jsx-runtime";var op="k-prompt-header",ae=t=>{let{...e}=t;return np("div",{...e,className:a(t.className,op),children:t.children})};import{Fragment as rp,jsx as lr}from"react/jsx-runtime";var ap="k-prompt-content",Ct=t=>{let{...e}=t;return lr("div",{...e,className:a(t.className,ap),children:lr(rp,{children:t.children})})};import{jsx as ip}from"react/jsx-runtime";var sp="k-prompt-view",Mt=t=>{let{...e}=t;return ip("div",{...e,className:a(t.className,sp),children:t.children})};import{jsx as rT,jsxs as sT}from"react/jsx-runtime";import{jsx as cT}from"react/jsx-runtime";import{jsx as fT}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";var pr="k-prompt-send",cr={generating:!1},Me=t=>{let{generating:e=cr.generating,...n}=t;return lp(h,{...n,className:a(t.className,pr,{"k-generating":e}),icon:e?"stop-sm":"paper-plane",active:e,fillMode:"flat"})};Me.states=h.states;Me.options=h.options;Me.className=pr;Me.defaultOptions=cr;import{jsx as mr,jsxs as mp}from"react/jsx-runtime";var Mo="k-fab",pp=[o.hover,o.focus,o.active,o.selected,o.disabled],cp={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},Ie={size:r.medium,rounded:f.full,fillMode:d.solid,themeColor:l.primary,type:"button"},It=t=>{let{size:e=Ie.size,rounded:n=Ie.rounded,fillMode:s=Ie.fillMode,themeColor:c=Ie.themeColor,text:p,icon:i,type:u=Ie.type,position:b,hover:x,focus:N,active:g,selected:m,disabled:S,...v}=t;return mp("button",{...v,type:u,className:a(t.className,Mo,k(Mo,{size:e,rounded:n,fillMode:s,themeColor:c}),L(Mo,{hover:x,focus:N,active:g,disabled:S,selected:m}),{[`!k-pos-absolute k-${b}`]:b}),children:[i&&mr(C,{className:"k-fab-icon",icon:i}),p&&mr("span",{className:"k-fab-text",children:p})]})};It.states=pp;It.options=cp;It.className=Mo;It.defaultOptions=Ie;import{jsx as TT}from"react/jsx-runtime";import{jsx as ur,jsxs as fp}from"react/jsx-runtime";var dr="k-fab-item",dp=[o.hover,o.focus,o.active,o.disabled],up=t=>{let{text:e,icon:n,align:s,hover:c,focus:p,active:i,disabled:u,...b}=t;return fp("li",{...b,className:a(t.className,dr,{[`k-text-${s}`]:s},L(dr,{hover:c,focus:p,active:i,disabled:u})),children:[ur("span",{className:"k-fab-item-text",children:e}),ur(C,{className:"k-fab-item-icon",icon:n})]})};up.states=dp;import{jsx as KT}from"react/jsx-runtime";import{jsx as DT}from"react/jsx-runtime";import{jsx as FT}from"react/jsx-runtime";import{jsx as bp}from"react/jsx-runtime";var fr="k-prompt-stop-fab",br={generating:!0},je=t=>{let{generating:e=br.generating,icon:n,...s}=t;return bp(It,{...s,className:a(t.className,fr,{"k-generating":e}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:e?"stop-sm":n,active:e})};je.states=h.states;je.options=h.options;je.className=fr;je.defaultOptions=br;import{jsx as xp}from"react/jsx-runtime";var xr="k-speech-to-text-button",hr={icon:"microphone-outline"},it=t=>{let{listening:e=!1,icon:n=hr.icon,...s}=t;return xp(h,{...s,icon:e?"stop-sm":n,className:a(t.className,xr,{"k-listening":e})})};it.states=h.states;it.options=h.options;it.className=xr;it.defaultOptions=hr;import{jsx as hA}from"react/jsx-runtime";import{jsx as gA}from"react/jsx-runtime";import{Fragment as Nr,jsx as to,jsxs as wn}from"react/jsx-runtime";var Sr="k-textarea",hp=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled],Np={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline]},yt={size:P.defaultOptions.size,rounded:P.defaultOptions.rounded,fillMode:P.defaultOptions.fillMode,flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},xt=t=>{let{size:e=yt.size,rounded:n=yt.rounded,fillMode:s=yt.fillMode,prefixSeparator:c=yt.prefixSeparator,suffixSeparator:p=yt.prefixSeparator,affixesOrientation:i=yt.affixesOrientation,flow:u=yt.flow,resize:b=yt.resize,prefix:x,suffix:N,rows:g,value:m,placeholder:S,hover:v,focus:M,valid:y,invalid:T,required:E,disabled:D,...ut}=t;return wn(P,{...ut,size:e,rounded:n,fillMode:s,hover:v,focus:M,valid:y,invalid:T,required:E,disabled:D,className:a(t.className,Sr,{"!k-flex-col":u==="vertical","!k-flex-row":u==="horizontal"}),children:[x&&wn(Nr,{children:[to(Z,{className:a({"!k-align-items-start":u===i}),direction:i,children:x}),c&&to(tt,{direction:u==="horizontal"?"vertical":"horizontal"})]}),to(Re,{className:a("!k-overflow-auto",{"!k-flex-none":u==="vertical","k-resize-x":b==="x","k-resize-y":b==="y","k-resize":b==="both","k-resize-none":b==="none"}),value:m,placeholder:S,rows:g}),N&&wn(Nr,{children:[p&&to(tt,{direction:u==="horizontal"?"vertical":"horizontal"}),to(j,{className:a({"!k-align-items-start":u===i}),direction:i,children:N})]})]})};xt.states=hp;xt.options=Np;xt.className=Sr;xt.defaultOptions=yt;import{jsx as zA}from"react/jsx-runtime";import{Fragment as GA,jsx as HA}from"react/jsx-runtime";import{Fragment as XA,jsx as FA}from"react/jsx-runtime";import{Fragment as iB,jsx as rB,jsxs as sB}from"react/jsx-runtime";import{jsx as Rn,jsxs as gp}from"react/jsx-runtime";var gr="k-suggestion-group",Sp=[],vp={},kr={scrollable:!0},re=t=>{let{scrollable:e=kr.scrollable,...n}=t,s=Rn("div",{...n,className:a(gr,t.className),children:t.children});return e?gp("div",{className:"k-suggestion-scrollwrap",children:[Rn(h,{icon:"chevron-left"}),s,Rn(h,{icon:"chevron-right"})]}):s};re.states=Sp;re.options=vp;re.className=gr;re.defaultOptions=kr;import{jsx as Mp}from"react/jsx-runtime";var Io="k-suggestion",kp=[o.active,o.hover,o.focus],Lp={themeColor:[l.base,l.primary,l.secondary]},Cp={text:"Suggestion"},se=t=>{let{themeColor:e,active:n,hover:s,focus:c,text:p,...i}=t;return Mp("span",{...i,className:a(t.className,Io,L(Io,{hover:s,active:n,focus:c}),k(Io,{themeColor:e})),children:p})};se.states=kp;se.options=Lp;se.className=Io;se.item=Cp;import{Fragment as SB,jsx as NB,jsxs as vB}from"react/jsx-runtime";import{Fragment as MB,jsx as CB,jsxs as IB}from"react/jsx-runtime";import{Fragment as _B,jsx as $B,jsxs as VB}from"react/jsx-runtime";import{jsx as qB}from"react/jsx-runtime";import{jsx as Lr}from"react/jsx-runtime";var eo="k-avatar";var yp=[o.hover,o.focus,o.active,o.selected,o.disabled],Tp={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.flat,d.outline],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},ie={type:"text",size:r.medium,rounded:f.full,fillMode:d.solid,themeColor:l.primary,border:!1},ye=t=>{let{size:e=ie.size,rounded:n=ie.rounded,fillMode:s=ie.fillMode,themeColor:c=ie.themeColor,type:p=ie.type,border:i=ie.border,...u}=t;return Lr("div",{...u,className:a(t.className,eo,k(eo,{size:e,rounded:n,fillMode:s,themeColor:c}),{[`${eo}-bordered`]:i}),children:Lr("span",{className:`${eo}-${p}`,children:t.children})})};ye.states=yp;ye.options=Tp;ye.className=eo;ye.defaultOptions=ie;import{jsx as eP}from"react/jsx-runtime";import{jsx as rP}from"react/jsx-runtime";import{jsx as pP}from"react/jsx-runtime";import{jsx as Te,jsxs as Pp}from"react/jsx-runtime";var yo="k-chip",Ap=[o.hover,o.focus,o.active,o.selected,o.disabled],Bp={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[d.solid,d.outline],themeColor:[l.base,l.success,l.warning,l.error,l.info]},Ae={size:r.medium,rounded:f.medium,fillMode:d.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},oo=t=>{let{size:e=Ae.size,rounded:n=Ae.rounded,fillMode:s=Ae.fillMode,themeColor:c=Ae.themeColor,text:p,icon:i,actions:u,showAvatar:b,avatarImage:x=Ae.avatarImage,hover:N,focus:g,active:m,selected:S,disabled:v,...M}=t;return Pp("div",{...M,className:a(t.className,yo,k(yo,{size:e,rounded:n,fillMode:s,themeColor:c}),L(yo,{hover:N,focus:g,active:m,disabled:v,selected:S})),children:[i&&Te(C,{className:"k-chip-icon",icon:i,size:"small"}),b&&Te(ye,{className:"k-chip-avatar",type:"image",children:Te("img",{src:x})}),Te("span",{className:"k-chip-content",children:t.children?t.children:p&&Te("span",{className:"k-chip-label",children:p})}),u&&Te("span",{className:"k-chip-actions",children:u})]})};oo.states=Ap;oo.options=Bp;oo.className=yo;oo.defaultOptions=Ae;import{jsx as Op}from"react/jsx-runtime";var Hn="k-chip-list",Ep=[],zp={size:[r.small,r.medium,r.large]},Mr={size:r.medium},no=t=>{let{size:e=Mr.size,...n}=t;return Op("div",{...n,className:a(t.className,Hn,k(Hn,{size:e})),children:t.children})};no.states=Ep;no.options=zp;no.className=Hn;no.defaultOptions=Mr;import{jsx as IP}from"react/jsx-runtime";import{jsx as BP}from"react/jsx-runtime";import{jsx as OP}from"react/jsx-runtime";import{jsx as GP}from"react/jsx-runtime";import{Fragment as XP,jsx as FP,jsxs as JP}from"react/jsx-runtime";import{Fragment as fE,jsx as dE,jsxs as uE}from"react/jsx-runtime";import{jsx as Rp}from"react/jsx-runtime";var Kp="k-card-callout",Ir=t=>{let{callout:e,...n}=t;return Rp("span",{...n,className:a(t.className,Kp,{[`k-callout-${$n.calloutMap[e]||e}`]:e})})};import{Fragment as $p,jsx as yr,jsxs as Vp}from"react/jsx-runtime";var Ao="k-card",Hp=[o.hover,o.focus,o.selected,o.disabled],Gp={themeColor:[l.primary,l.success,l.warning,l.error,l.info]},Dp={},Dt=t=>{let{orientation:e,themeColor:n,callout:s,hover:c,focus:p,selected:i,disabled:u,...b}=t;return Vp("div",{...b,className:a(t.className,Ao,k(Ao,{themeColor:n}),L(Ao,{hover:c,focus:p,disabled:u,selected:i}),{[`k-card-${e}`]:e,"k-card-with-callout":s}),children:[s&&s!=="true"&&yr(Ir,{callout:s}),yr($p,{children:t.children})]})};Dt.states=Hp;Dt.options=Gp;Dt.className=Ao;Dt.defaultOptions=Dp;import{jsx as Fp}from"react/jsx-runtime";var Gn="k-card-title",_p=[o.hover,o.focus],Bo=t=>{let{hover:e,focus:n,...s}=t;return Fp("div",{...s,className:a(t.className,Gn,L(Gn,{hover:e,focus:n})),children:t.children})};Bo.states=_p;Bo.className=Gn;import{jsx as TE}from"react/jsx-runtime";import{Fragment as zE,jsx as EE}from"react/jsx-runtime";import{Fragment as $E,jsx as DE,jsxs as VE}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{Fragment as t0,jsx as jE,jsxs as e0}from"react/jsx-runtime";import{jsx as r0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0,jsxs as d0}from"react/jsx-runtime";import{Fragment as g0,jsx as S0,jsxs as v0}from"react/jsx-runtime";import{jsx as $0,jsxs as V0}from"react/jsx-runtime";import{Fragment as tz,jsx as Z0,jsxs as j0}from"react/jsx-runtime";import{Fragment as mz,jsx as pz,jsxs as cz}from"react/jsx-runtime";import{Fragment as Sz,jsx as Nz,jsxs as vz}from"react/jsx-runtime";import{jsx as Yp}from"react/jsx-runtime";var Tr="k-panelbar",Up=[],qp={},Wp={},$t=t=>{let{...e}=t;return Yp("ul",{...e,className:a(t.className,Tr),children:t.children})};$t.states=Up;$t.options=qp;$t.className=Tr;$t.defaultOptions=Wp;import{jsx as Po,jsxs as Ar}from"react/jsx-runtime";var Br="k-panelbar-item",Qp=[o.hover,o.focus,o.selected,o.disabled],Zp={},Eo={level:0,expanded:!1,text:"Item"},K=t=>{let{text:e=Eo.text,level:n=Eo.level,expanded:s=Eo.expanded,header:c,hover:p,focus:i,selected:u,disabled:b,icon:x,iconClass:N,children:g,...m}=t;return Ar("li",{...m,className:a(t.className,Br,{"k-panelbar-header":c,[`k-level-${n}`]:n||n===0,"k-expanded":s}),children:[Ar("span",{className:a("k-link",L("k-link",{hover:p,focus:i,disabled:b,selected:u})),children:[x&&Po(C,{className:"k-panelbar-item-icon",icon:x}),N&&!x&&Po("span",{className:`k-panelbar-item-icon ${N}`}),Po("span",{className:"k-panelbar-item-text",children:e}),g&&Po(C,{className:a("k-panelbar-toggle",s?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${s?"up":"down"}`})]}),s&&g]})};K.states=Qp;K.options=Zp;K.className=Br;K.defaultOptions=Eo;import{jsx as oc}from"react/jsx-runtime";var Pr="k-panelbar-group",jp=[],tc={},ec={},Vt=t=>{let{...e}=t;return oc("ul",{...e,className:a(t.className,Pr),children:t.children})};Vt.states=jp;Vt.options=tc;Vt.className=Pr;Vt.defaultOptions=ec;import{jsx as sc}from"react/jsx-runtime";var Er="k-panelbar-content",nc=[],ac={},rc={},ht=t=>{let{...e}=t;return sc("div",{...e,className:a(t.className,Er),children:t.children})};ht.states=nc;ht.options=ac;ht.className=Er;ht.defaultOptions=rc;import{Fragment as ic,jsx as _t,jsxs as lc}from"react/jsx-runtime";var zr=t=>_t($t,{children:lc(ic,{children:[_t(K,{header:!0,text:"Item 1",children:_t(ht,{children:"content"})}),_t(K,{header:!0,text:"Item 2",children:_t(ht,{children:"content"})}),_t(K,{header:!0,text:"Item 3",children:_t(ht,{children:"content"})}),_t(K,{header:!0,text:"Item 4"})]}),...t});import{Fragment as rO,jsx as aO,jsxs as sO}from"react/jsx-runtime";import{Fragment as dO,jsx as cO,jsxs as mO}from"react/jsx-runtime";import{jsx as U,jsxs as ao}from"react/jsx-runtime";var IO=t=>ao(Y,{...t,children:[U(ae,{children:ao(_,{fillMode:"flat",children:[U(q,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),U(q,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),U(F,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),U(Ct,{children:U(Mt,{children:ao(zr,{children:[U(K,{header:!0,text:"Command"}),U(K,{header:!0,expanded:!0,text:"Command Expanded",children:ao(Vt,{children:[U(K,{level:1,expanded:!0,text:"Child Expanded",children:ao(Vt,{children:[U(K,{level:2,text:"Child"}),U(K,{level:2,text:"Child"}),U(K,{level:2,text:"Child"})]})}),U(K,{level:1,text:"Child"})]})}),U(K,{header:!0,text:"Command"})]})})})]});export{IO as PromptMoreActions};