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

package/dist/cjs/prompt/demos/prompt.js

@@ -1 +1 @@
-var Sc=Object.create;var Ga=Object.defineProperty;var Ic=Object.getOwnPropertyDescriptor;var Tc=Object.getOwnPropertyNames;var Ac=Object.getPrototypeOf,yc=Object.prototype.hasOwnProperty;var Ec=(e,t)=>{for(var o in t)Ga(e,o,{get:t[o],enumerable:!0})},Ti=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Tc(t))!yc.call(e,n)&&n!==o&&Ga(e,n,{get:()=>t[n],enumerable:!(a=Ic(t,n))||a.enumerable});return e};var En=(e,t,o)=>(o=e!=null?Sc(Ac(e)):{},Ti(t||!e||!e.__esModule?Ga(o,"default",{value:e,enumerable:!0}):o,e)),Oc=e=>Ti(Ga({},"__esModule",{value:!0}),e);var kh={};Ec(kh,{PromptDemo:()=>ao,default:()=>Nh});module.exports=Oc(kh);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 y=(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:d,active:m,selected:b,disabled:h,indeterminate:k,loading:N,empty:p,readonly:L,highlighted:v,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":h,"k-indeterminate":k&&!d,"k-loading":N,"k-empty":p,"k-readonly":L,"k-highlighted":v},Object.keys(S).reduce((O,T)=>(T.startsWith("k-")?O[T]=S[T]:O[`k-${T}`]=S[T],O),{}))};function Ai(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={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"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={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"},yi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var On={};function A(e){return On[e]=(On[e]||0)+1,`k-${e}-${On[e]}`}var Bn="prompt",Ei=Bn;var fa=require("react/jsx-runtime"),Oi="k-prompt",Bc=[],Pc={},wc={},Ke=e=>{let{...t}=e;return(0,fa.jsx)("div",{...t,className:r(e.className,Oi),children:(0,fa.jsx)(fa.Fragment,{children:e.children})})};Ke.states=Bc;Ke.options=Pc;Ke.className=Oi;Ke.defaultOptions=wc;Ke.moduleName=Bn;Ke.folderName=Ei;Ke.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};var ba=require("react/jsx-runtime"),Rc="k-prompt-content",Va=e=>{let{...t}=e;return(0,ba.jsx)("div",{...t,className:r(e.className,Rc),children:(0,ba.jsx)(ba.Fragment,{children:e.children})})};var Pi=require("react/jsx-runtime"),Kc="k-prompt-footer",Bi=e=>{let{...t}=e;return(0,Pi.jsx)("div",{...t,className:r(e.className,Kc),children:e.children})};var wi=require("react/jsx-runtime"),_c="k-prompt-header",$a=e=>{let{...t}=e;return(0,wi.jsx)("div",{...t,className:r(e.className,_c),children:e.children})};var Ri=require("react/jsx-runtime"),Dc="k-prompt-view",Xa=e=>{let{...t}=e;return(0,Ri.jsx)("div",{...t,className:r(e.className,Dc),children:e.children})};var xa=require("react/jsx-runtime"),Pn="k-font-icon",Hc=[],zc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Fc={},ha=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...d}=e;return a?(0,xa.jsx)("span",{...d,className:r(e.className,Pn,y(Pn,{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"}):(0,xa.jsx)(xa.Fragment,{})};ha.states=Hc;ha.options=zc;ha.className=Pn;ha.defaultOptions=Fc;var Ki=ha;var ro=require("react/jsx-runtime"),wn="k-svg-icon",Uc=[],Gc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},_i={viewBox:"0 0 24 24"},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=_i.viewBox,icon:d,...m}=e;if(!d)return(0,ro.jsx)(ro.Fragment,{});if(d==="none")return(0,ro.jsx)("span",{...m,className:r(e.className,wn,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name;return(0,ro.jsx)("span",{...m,className:r(e.className,wn,y("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`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:(0,ro.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};Na.states=Uc;Na.options=Gc;Na.className=wn;Na.defaultOptions=_i;var Rn=Na;var Kn=En(require("@progress/kendo-svg-icons"));var Di="icon",Hi="icons";var Ui=require("react");var zi=require("react"),Fi=(0,zi.createContext)({iconsType:"svg"});var Bt=require("react/jsx-runtime"),qa="k-icon",Vc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$c=[],Xc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},_n={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=(0,Ui.useContext)(Fi),{size:o,themeColor:a,icon:n,type:s=t||_n.type,rotate:d,flip:m,viewBox:b=_n.viewBox,...h}=e;if(!n)return(0,Bt.jsx)(Bt.Fragment,{});if((t||s)==="svg"){if(n==="none")return(0,Bt.jsx)(Rn,{...h,className:r(e.className,qa),icon:n,size:o});let N=Kn[n]?n:Vc(`${n}-icon`);return Kn[N]?(0,Bt.jsx)(Rn,{...h,className:r(e.className,qa),icon:Kn[N],size:o,themeColor:a,rotate:d,flip:m,viewBox:b}):(0,Bt.jsx)(Bt.Fragment,{})}return(0,Bt.jsx)(Ki,{...h,className:r(e.className,qa),icon:n,size:o,themeColor:a,rotate:d,flip:m})};M.states=$c;M.options=Xc;M.defaultOptions=_n;M.className=qa;M.moduleName=Di;M.folderName=Hi;M.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Dn="button",Gi=Dn;var ft=require("react/jsx-runtime"),ka="k-button",qc=["icon-button"],Wc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Jc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Hn={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:d=Hn.showArrow,arrowIconName:m=Hn.arrowIconName,variant:b,hover:h,focus:k,active:N,selected:p,disabled:L,togglable:v,ariaDisabled:S,icon:O,text:T,iconClassName:K,className:q,...me}=e,xe=O!==void 0,he=e.children!==void 0;return(0,ft.jsxs)(t,{className:r(q,ka,Ai(ka,b),y(ka,{size:o,rounded:a,fillMode:n,themeColor:s}),I(ka,{hover:h,focus:k,active:N,disabled:L||S,selected:p}),{"k-icon-button":!T&&!he&&xe}),...me,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:L||void 0,children:[O&&(0,ft.jsx)(M,{className:r(K,"k-button-icon"),icon:O}),T?(0,ft.jsxs)(ft.Fragment,{children:[T&&(0,ft.jsx)("span",{className:"k-button-text",children:T}),e.children]}):e.children&&(0,ft.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,ft.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ft.jsx)(M,{icon:m})})]})};l.states=Wc;l.options=Jc;l.variants=qc;l.className=ka;l.defaultOptions=Hn;l.moduleName=Dn;l.folderName=Gi;l.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Vi=require("react/jsx-runtime"),Ne=e=>(0,Vi.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var $i=require("react/jsx-runtime"),se=e=>(0,$i.jsx)(l,{icon:"folder",children:"Button",...e});var Xi=require("react/jsx-runtime"),io=e=>(0,Xi.jsx)(l,{children:"Button",...e});var Wa=require("react/jsx-runtime"),Yc=l.options,Qc=l.states,Zc={...l.defaultOptions,variant:"text"},jc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ep=[],ko=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Wa.jsx)(Ne,{...o,icon:"star"});case"icon-and-text":return(0,Wa.jsx)(se,{...o,icon:"star",children:"Button"});default:return(0,Wa.jsx)(io,{...o,children:"Button"})}};ko.options=Yc;ko.states=Qc;ko.variants=jc;ko.defaultOptions=Zc;ko.modifiers=ep;ko.className=l.className;var ga=require("react/jsx-runtime"),tp="k-prompt-expander",qi=e=>{let{title:t,children:o,expanded:a,...n}=e,s=A("prompt-expander-content");return(0,ga.jsxs)("div",{...n,className:r(e.className,tp),children:[(0,ga.jsx)(se,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&(0,ga.jsx)("div",{className:"k-prompt-expander-content",id:s,children:o})]})};var va=require("react/jsx-runtime"),Ja="k-fab",np=[i.hover,i.focus,i.active,i.selected,i.disabled],rp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Wi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:d=Wi.type,position:m,hover:b,focus:h,active:k,selected:N,disabled:p,...L}=e;return(0,va.jsxs)("button",{...L,type:d,className:r(e.className,Ja,y(Ja,{size:t,rounded:o,themeColor:a}),I(Ja,{hover:b,focus:h,active:k,disabled:p,selected:N}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...p&&{"aria-disabled":"true"},disabled:p||void 0,children:[s&&(0,va.jsx)(M,{className:"k-fab-icon",icon:s}),n&&(0,va.jsx)("span",{className:"k-fab-text",children:n})]})};oe.states=np;oe.options=rp;oe.className=Ja;oe.defaultOptions=Wi;oe.moduleName="fab";oe.folderName="fab";oe.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var Yi=require("react/jsx-runtime"),ip="k-fab-items",Ji=e=>{let{position:t,...o}=e;return(0,Yi.jsx)("ul",{...o,className:r(e.className,ip,{[`k-fab-items-${t}`]:t}),children:e.children})};var La=require("react/jsx-runtime"),Qi="k-fab-item",sp=[i.hover,i.focus,i.active,i.disabled],zn=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:d,disabled:m,...b}=e;return(0,La.jsxs)("li",{...b,className:r(e.className,Qi,{[`k-text-${a}`]:a},I(Qi,{hover:n,focus:s,active:d,disabled:m})),children:[(0,La.jsx)("span",{className:"k-fab-item-text",children:t}),(0,La.jsx)(M,{className:"k-fab-item-icon",icon:o})]})};zn.states=sp;var lp=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var pp=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),mp=oe.options,up=oe.states,fp={...oe.defaultOptions,variant:"text"},bp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xp=[{name:"opened",title:"Opened"}],go=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},s=n?(0,Pt.jsx)("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:(0,Pt.jsx)(Ji,{position:"bottom",children:(0,Pt.jsx)(zn,{text:"Item",icon:"pencil",align:"right"})})}):null,d;switch(t){case"icon-only":d=(0,Pt.jsx)(oe,{...a,icon:"star"});break;case"icon-and-text":d=(0,Pt.jsx)(oe,{...a,icon:"star",text:"Action"});break;default:d=(0,Pt.jsx)(oe,{...a,text:"Action"});break}return(0,Pt.jsxs)("span",{style:{position:"relative"},children:[d,s]})};go.options=mp;go.states=up;go.variants=bp;go.defaultOptions=fp;go.modifiers=xp;go.className=oe.className;var es=require("react/jsx-runtime"),Zi="k-prompt-stop-fab",ji={generating:!0},vo=e=>{let{generating:t=ji.generating,icon:o,...a}=e;return(0,es.jsx)(oe,{...a,className:r(e.className,Zi,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};vo.states=l.states;vo.options=l.options;vo.className=Zi;vo.defaultOptions=ji;var Fn="action-buttons",ts=Fn;var os=require("react/jsx-runtime"),Ya="k-actions",hp=[],Np={},Un={alignment:"start",orientation:"horizontal"},W=e=>{let{alignment:t=Un.alignment,orientation:o=Un.orientation,...a}=e;return(0,os.jsx)("div",{...a,className:r(Ya,{[`${Ya}-${t}`]:t,[`${Ya}-${o}`]:o},e.className),children:e.children})};W.states=hp;W.options=Np;W.className=Ya;W.defaultOptions=Un;W.moduleName=Fn;W.folderName=ts;var Gn="button",as=Gn;var ns=require("react/jsx-runtime"),Ma="k-button-group",kp=[i.disabled],gp={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},vp={},w=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,ns.jsx)("div",{role:"group",...n,className:r(e.className,Ma,y(Ma,{fillMode:t}),I(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};w.states=kp;w.options=gp;w.className=Ma;w.defaultOptions=vp;w.moduleName=Gn;w.folderName=as;w.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Vn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var qn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),Lp={...l.options,...w.options},Mp=l.states,Cp={...l.defaultOptions,...w.defaultOptions,variant:"text-button"},Sp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ip=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ge.jsxs)(w,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(l,{...a,icon:"star"}),(0,Ge.jsx)(l,{...a,icon:"star"}),(0,Ge.jsx)(l,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ge.jsxs)(w,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(l,{...a,icon:"star",children:"First"}),(0,Ge.jsx)(l,{...a,icon:"star",children:"Middle"}),(0,Ge.jsx)(l,{...a,icon:"star",children:"Last"})]}):(0,Ge.jsxs)(w,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(l,{...a,children:"First"}),(0,Ge.jsx)(l,{...a,children:"Middle"}),(0,Ge.jsx)(l,{...a,children:"Last"})]})};Lo.options=Lp;Lo.states=Mp;Lo.variants=Sp;Lo.defaultOptions=Cp;Lo.modifiers=Ip;Lo.className=w.className;var Ca="input",Qa=Ca;var rs=require("react/jsx-runtime"),Za="k-input",Tp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ap={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},yp={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:b,rounded:h,fillMode:k,...N}=e;return(0,rs.jsx)("span",{...N,className:r(e.className,Za,y(Za,{size:b,rounded:h,fillMode:k}),I(Za,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m}))})};J.states=Tp;J.options=Ap;J.className=Za;J.defaultOptions=yp;J.moduleName=Ca;J.folderName=Qa;var is=require("react/jsx-runtime"),ja="k-picker",Ep=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Op={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Bp={},Mt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:b,rounded:h,fillMode:k,...N}=e;return(0,is.jsx)("span",{...N,className:r(e.className,ja,y(ja,{size:b,rounded:h,fillMode:k}),I(ja,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m})),children:e.children})};Mt.states=Ep;Mt.options=Op;Mt.className=ja;Mt.defaultOptions=Bp;Mt.moduleName=Ca;Mt.folderName=Qa;var Mo=require("react/jsx-runtime"),ss="k-clear-value",Pp=[i.disabled,i.loading,i.readonly],wp={},Qe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Mo.jsx)(Mo.Fragment,{}):(0,Mo.jsx)("span",{className:r(e.className,ss),children:(0,Mo.jsx)(M,{icon:"x"})})};Qe.states=Pp;Qe.options=wp;Qe.className=ss;var ls=require("react/jsx-runtime"),Yn="k-input-inner",Rp=[],Kp={},en={type:"text",autocomplete:"off",value:"",placeholder:""},Ze=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:s,readOnly:d,...m}=e;return(0,ls.jsx)("input",{...m,type:o,className:r(e.className,Yn,y(Yn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Ze.states=Rp;Ze.options=Kp;Ze.className=Yn;var Sa=require("react/jsx-runtime"),Qn="k-input-inner",_p=[],Dp={},so=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...d}=e;return(0,Sa.jsxs)("span",{...d,className:r(e.className,Qn,y(Qn,e)),children:[n,!n&&s&&(0,Sa.jsx)(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Sa.jsx)("span",{className:"k-input-value-text",children:t})]})};so.states=_p;so.options=Dp;so.className=Qn;var cs=require("react/jsx-runtime"),Zn="k-input-inner",Hp=[],zp={},ds={value:"",placeholder:""},Ia=e=>{let{value:t=ds.value,placeholder:o=ds.placeholder,rows:a,disabled:n,...s}=e;return(0,cs.jsx)("textarea",{...s,className:r(e.className,Zn,y(Zn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Ia.states=Hp;Ia.options=zp;Ia.className=Zn;var Ta=require("react/jsx-runtime"),ps="k-input-loading-icon",Fp=[i.disabled,i.loading],Ve=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ta.jsx)(Ta.Fragment,{}):(0,Ta.jsx)("span",{className:r(e.className,ps,"k-icon k-i-loading")})};Ve.states=Fp;Ve.className=ps;var Aa=require("react/jsx-runtime"),ms="k-input-validation-icon",Up=[i.valid,i.invalid,i.disabled,i.loading],Gp={},_e=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Aa.jsx)(Aa.Fragment,{}):(0,Aa.jsx)(M,{className:r(ms),icon:s})};_e.states=Up;_e.options=Gp;_e.className=ms;var ya=require("react/jsx-runtime"),Vp="k-input-prefix",$p={direction:"horizontal"},$e=e=>{let{direction:t=$p.direction,...o}=e;return e.children?(0,ya.jsx)("span",{...o,className:r(Vp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ya.jsx)(ya.Fragment,{})};var Ea=require("react/jsx-runtime"),Xp="k-input-suffix",qp={direction:"horizontal"},Xe=e=>{let{direction:t=qp.direction,...o}=e;return e.children?(0,Ea.jsx)("span",{...o,className:r(Xp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ea.jsx)(Ea.Fragment,{})};var Wp=require("react/jsx-runtime");var us=require("react/jsx-runtime"),Jp="k-input-suffix-text",jn=e=>{let{children:t,...o}=e;return(0,us.jsx)("span",{...o,className:r(Jp,e.className),children:t})};var bs=require("react/jsx-runtime"),fs="k-input-separator",Yp={direction:"vertical"},De=e=>{let{direction:t=Yp.direction,...o}=e;return(0,bs.jsx)("span",{...o,className:r(fs,e.className,{[`${fs}-${t}`]:t})})};var ue=require("react/jsx-runtime"),Qp=J.states,Zp=J.defaultOptions,jp=J.options,em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],tm=[],Co=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:d,...m}=e,b=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,k=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,ue.jsxs)(J,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:d,style:{width:300},children:[b&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)($e,{children:(0,ue.jsx)(M,{icon:"lock"})}),p&&(0,ue.jsx)(De,{})]}),(0,ue.jsx)(Ze,{placeholder:"Placeholder",value:"Value"}),N&&(0,ue.jsx)(_e,{valid:o,invalid:a,loading:n,disabled:s}),(0,ue.jsx)(Ve,{loading:n,disabled:s}),k&&(0,ue.jsx)(Qe,{loading:n,disabled:s,readonly:d,value:"Value"}),h&&(0,ue.jsxs)(ue.Fragment,{children:[p&&(0,ue.jsx)(De,{}),(0,ue.jsx)(Xe,{children:(0,ue.jsx)(io,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Co.options=jp;Co.states=Qp;Co.variants=tm;Co.defaultOptions=Zp;Co.modifiers=em;Co.className=J.className;var Oa=require("react/jsx-runtime"),xs="k-color-preview",om=[],am={},Vt=e=>{let{color:t,iconName:o,...a}=e;return(0,Oa.jsxs)("span",{...a,className:r(e.className,xs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Oa.jsx)(M,{icon:o,className:"k-color-preview-icon"}),(0,Oa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Vt.states=om;Vt.options=am;Vt.className=xs;var er="popup",hs=er;var tr=require("react/jsx-runtime"),Ns="k-animation-container",nm=[],rm={},ks={positionMode:"absolute"},Ct=e=>{let{positionMode:t=ks.positionMode,animationStyle:o,offset:a,...n}=e;return(0,tr.jsx)("div",{...n,style:{...a,...e.style},className:r(e.className,Ns,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,tr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ct.states=nm;Ct.options=rm;Ct.className=Ns;Ct.defaultOptions=ks;Ct.moduleName=er;Ct.folderName=hs;var or="popup",gs=or;var ar=require("react/jsx-runtime"),vs="k-popup",im=[],sm={},Ls={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=Ls.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:d,...m}=e;return(0,ar.jsx)(Ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":d,children:(0,ar.jsx)("div",{...m,className:r(e.className,vs),children:e.children})})};U.states=im;U.options=sm;U.className=vs;U.defaultOptions=Ls;U.moduleName=or;U.folderName=gs;U.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Cs=require("react/jsx-runtime"),lm="k-actionsheet-footer",Ms={alignment:"stretched",orientation:"horizontal"},$t=e=>{let{alignment:t=Ms.alignment,orientation:o=Ms.orientation,template:a,as:n=a?"div":W,...s}=e;return(0,Cs.jsx)(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,lm),children:e.children})};var nr="searchbox",Ss=nr;var Xt=require("react/jsx-runtime"),Is="k-searchbox",dm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],cm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rr={showIcon:!0,icon:"search"},it=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:b,invalid:h,required:k,loading:N,disabled:p,showIcon:L=rr.showIcon,icon:v=rr.icon,"aria-label":S,...O}=e;return(0,Xt.jsxs)(J,{...O,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:b,invalid:h,required:k,loading:N,disabled:p,className:r(e.className,Is),children:[L&&(0,Xt.jsx)(M,{className:"k-input-icon",icon:v}),(0,Xt.jsx)(Ze,{placeholder:o,value:t,"aria-label":S}),(0,Xt.jsx)(Ve,{...e}),(0,Xt.jsx)(_e,{...e}),(0,Xt.jsx)(Qe,{...e})]})};it.states=dm;it.options=cm;it.className=Is;it.defaultOptions=rr;it.moduleName=nr;it.folderName=Ss;var pm=require("react/jsx-runtime");var ir="textbox",Ts=ir;var Te=require("react/jsx-runtime"),As="k-textbox",mm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],um={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},tn={showClearButton:!0,showValidationIcon:!0,separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:n=tn.separators,showClearButton:s=tn.showClearButton,showValidationIcon:d=tn.showValidationIcon,prefix:m,suffix:b,type:h,value:k,placeholder:N,hover:p,focus:L,valid:v,invalid:S,required:O,loading:T,disabled:K,readonly:q,id:me,"aria-label":xe,"aria-describedby":he,...Re}=e;return(0,Te.jsxs)(J,{...Re,size:t,rounded:o,fillMode:a,hover:p,focus:L,valid:v,invalid:S,required:O,loading:T,disabled:K,readonly:q,className:r(e.className,As),children:[m&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)($e,{children:m}),n&&(0,Te.jsx)(De,{})]}),(0,Te.jsx)(Ze,{id:me,placeholder:N,value:k,type:h,disabled:K,"aria-label":xe,"aria-describedby":he,"aria-invalid":S?"true":void 0}),d&&(0,Te.jsx)(_e,{valid:v,invalid:S,loading:T,disabled:K}),(0,Te.jsx)(Ve,{loading:T,disabled:K}),s&&(0,Te.jsx)(Qe,{loading:T,disabled:K,readonly:q,value:k}),b&&(0,Te.jsxs)(Te.Fragment,{children:[n&&(0,Te.jsx)(De,{}),(0,Te.jsx)(Xe,{children:b})]})]})};ke.states=mm;ke.options=um;ke.className=As;ke.defaultOptions=tn;ke.moduleName=ir;ke.folderName=Ts;ke.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Ba=ke;var Es=require("react/jsx-runtime"),ys=e=>(0,Es.jsx)(Ba,{...e});var Os=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var fm=require("react/jsx-runtime");var on=require("react/jsx-runtime"),bm=ke.states,xm=ke.defaultOptions,hm=ke.options,Nm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],km=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,on.jsx)(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,on.jsx)(io,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,on.jsx)(ys,{value:"Value",style:{width:300},...o,...a})};So.options=hm;So.states=bm;So.variants=km;So.defaultOptions=xm;So.modifiers=Nm;So.className=ke.className;var je=require("react/jsx-runtime"),Ps="k-actionsheet-titlebar",gm={},He=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:d,inputValue:m,inputPlaceholder:b,adaptive:h,titleId:k,children:N,...p}=e;return(0,je.jsxs)("div",{...p,className:r(e.className,Ps),children:[(0,je.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,je.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,je.jsxs)("div",{className:"k-actionsheet-title",id:k,children:[t&&(0,je.jsx)("div",{className:"k-text-center",children:t}),o&&(0,je.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,je.jsx)("div",{className:"k-actionsheet-title",id:k,children:N}),n&&(0,je.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(d||s)&&(0,je.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,je.jsx)(ke,{value:m,placeholder:b,size:h?"large":"medium","aria-label":t||b||"Input"}):(0,je.jsx)(it,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};He.className=Ps;He.defaultOptions=gm;var Io=require("react/jsx-runtime"),sr="k-actionsheet-view",vm=[],Lm={},Mm={},To=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:d,...m}=e,b=(n==null?void 0:n.type)===He&&(0,Io.jsx)(He,{adaptive:t,titleId:d,...n==null?void 0:n.props}),h=(s==null?void 0:s.type)===$t&&(0,Io.jsx)($t,{...s==null?void 0:s.props});return(0,Io.jsxs)("div",{...m,className:r(e.className,sr,{[`${sr}-animated`]:o}),children:[b,(0,Io.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};To.states=vm;To.options=Lm;To.className=sr;To.defaultOptions=Mm;var Pa="action-sheet",an=Pa;var lr="overlay",ws=lr;var Ks=require("react/jsx-runtime"),Rs="k-overlay",Cm=[],Sm={},Im={},qt=e=>{let{...t}=e;return(0,Ks.jsx)("div",{...t,className:r(e.className,Rs),children:e.children})};qt.states=Cm;qt.options=Sm;qt.className=Rs;qt.defaultOptions=Im;qt.moduleName=lr;qt.folderName=ws;var lo=require("react/jsx-runtime"),_s="k-actionsheet",Tm=[],Am={},wa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=wa.side,fullscreen:o=wa.fullscreen,adaptive:a=wa.adaptive,overlay:n=wa.overlay,template:s,children:d,header:m,footer:b,id:h,...k}=e,N=h&&!s&&m?`${h}-title`:void 0;return(0,lo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,lo.jsx)(qt,{}),(0,lo.jsx)(Ct,{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:(0,lo.jsx)("div",{...k,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,_s,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,lo.jsx)(To,{header:m,footer:b,adaptive:a,titleId:N,...e,children:d})})})]})};ae.states=Tm;ae.options=Am;ae.className=_s;ae.defaultOptions=wa;ae.moduleName=Pa;ae.folderName=an;ae.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var Hs=require("react/jsx-runtime"),Ds="k-actionsheet-container",ym=[],Em={},Om={},Ao=e=>{let{children:t,...o}=e;return(0,Hs.jsx)("div",{...o,className:Ds,children:t})};Ao.states=ym;Ao.options=Em;Ao.className=Ds;Ao.defaultOptions=Om;Ao.moduleName=Pa;Ao.folderName=an;var zs=require("react/jsx-runtime"),dr=e=>{let{...t}=e;return(0,zs.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var st=require("react/jsx-runtime"),cr="k-actionsheet-item",Bm=[i.hover,i.focus,i.selected,i.disabled],Wt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:d,disabled:m,...b}=e;return(0,st.jsxs)("span",{...b,className:r(e.className,cr,I(cr,{hover:n,focus:s,selected:d,disabled:m})),children:[!e.children&&(0,st.jsx)(st.Fragment,{children:(0,st.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,st.jsx)("span",{className:"k-icon-wrap",children:(0,st.jsx)(M,{className:"k-actionsheet-item-icon",icon:t})}),(0,st.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,st.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,st.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Wt.states=Bm;Wt.className=cr;var Fs=require("react/jsx-runtime");var Pm=require("react/jsx-runtime");var wm=require("react/jsx-runtime");var Rm=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),Km=ae.options,_m=ae.states,Gs={...ae.defaultOptions,variant:"normal"},Dm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Hm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],yo=e=>{let{variant:t,modifiers:o,...a}={...Gs,...e},n={},s=(0,Y.jsxs)(dr,{children:[(0,Y.jsx)(Wt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(Wt,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(Wt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(Wt,{text:"Cancel",iconName:"cancel"})]}),d="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!=null&&o[b]),n.actionsEnd=!!(o!=null&&o[b]);break;case"subtitle":n.subtitle=o!=null&&o[b]?d:void 0;break;case"footer":n.footer=!!(o!=null&&o[b]);break;default:break}}),t==="adaptive"?(0,Y.jsx)(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(He,{actionsStart:n.actionsStart?(0,Y.jsx)(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)($t,{alignment:"stretched",children:[(0,Y.jsx)(l,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Y.jsx)(ae,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(He,{actionsStart:n.actionsStart?(0,Y.jsx)(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)($t,{alignment:"stretched",children:[(0,Y.jsx)(l,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};yo.options=Km;yo.states=_m;yo.variants=Dm;yo.defaultOptions=Gs;yo.modifiers=Hm;yo.className=ae.className;var pr="slider",Vs=pr;var bt=require("react/jsx-runtime"),Ra="k-slider",zm=[i.hover,i.focus,i.active,i.disabled,i.readonly],Fm={},lt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=lt.type,orientation:o=lt.orientation,gradientType:a=lt.gradientType,readonly:n=lt.readonly,disabled:s=lt.disabled,handlePosition:d=lt.handlePosition,showButtons:m=lt.showButtons,showTicks:b=lt.showTicks,value:h=lt.value,min:k=lt.min,max:N=lt.max,startValue:p,endValue:L,hover:v,focus:S,active:O,trackStyle:T,dir:K,...q}=e,xe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),he,Re;return o==="horizontal"?(he=K==="rtl"?"chevron-left":"chevron-right",Re=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(he="chevron-up",Re="chevron-down"),(0,bt.jsxs)("div",{...q,className:r(Ra,e.className,I(Ra,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&(0,bt.jsx)(l,{className:"k-button-decrease",rounded:"full",icon:Re,tabIndex:-1,title:"Decrease"}),(0,bt.jsxs)("div",{className:"k-slider-track-wrap",children:[b&&(0,bt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,bt.jsxs)("div",{className:"k-slider-track",style:T,children:[(0,bt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,bt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(Ra,{hover:v,focus:S,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??k,"aria-valuemin":k,"aria-valuemax":L??N,"aria-orientation":xe,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),(0,bt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${d}`,I(Ra,{hover:v,focus:S,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??N:h,"aria-valuemin":t==="range"?p??k:k,"aria-valuemax":N,"aria-orientation":xe,"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&&(0,bt.jsx)(l,{className:"k-button-increase",rounded:"full",icon:he,tabIndex:-1,title:"Increase"})]})};X.states=zm;X.options=Fm;X.className=Ra;X.defaultOptions=lt;X.moduleName=pr;X.folderName=Vs;X.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var mr=require("react/jsx-runtime"),$s="k-tick",Um=[],Gm={},Xs={label:!1},B=e=>{let{style:t,label:o=Xs.label,orientation:a,large:n,text:s,...d}=e;return(0,mr.jsx)("li",{...d,role:"presentation",title:s||"Tick",className:r(e.className,$s,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,mr.jsx)("span",{className:"k-label",children:s})})};B.states=Um;B.options=Gm;B.className=$s;B.defaultOptions=Xs;var ge=require("react/jsx-runtime"),qs=e=>(0,ge.jsx)(X,{"aria-label":e["aria-label"]||"Slider",children:(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{label:!0,large:!0,text:"5"}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var ve=require("react/jsx-runtime"),Ws=e=>(0,ve.jsx)(X,{children:(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{label:!0,large:!0,text:"5"}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var ur=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var Js=require("react/jsx-runtime"),br=e=>(0,Js.jsx)(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ys=require("react/jsx-runtime"),xr=e=>(0,Ys.jsx)(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var hr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Vm=X.options,$m=X.states,Qs={...X.defaultOptions,variant:"horizontal",label:!0},Xm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Eo=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},n={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!(o!=null&&o[h]);break}case"label":{n.label=!!(o!=null&&o[h]);break}case"tick":{n.showTicks=!!(o!=null&&o[h]);break}}});let{label:s=!0,showButtons:d,showTicks:m}=n,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,qe.jsxs)(Ws,{showTicks:m,showButtons:d,style:{height:"300px",...b},...a,children:[(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,qe.jsxs)(qs,{showTicks:m,showButtons:d,style:{width:"400px",...b},...a,children:[(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Vm;Eo.states=$m;Eo.variants=Xm;Eo.defaultOptions=Qs;Eo.modifiers=qm;Eo.className=X.className;var Ka=require("react/jsx-runtime"),Zs="k-spin-button",Ym=[],Qm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},kr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Jt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=kr.increaseLabel,decreaseLabel:s=kr.decreaseLabel,...d}=e;return(0,Ka.jsxs)("span",{...d,className:r(Zs,e.className),children:[(0,Ka.jsx)(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,Ka.jsx)(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Jt.states=Ym;Jt.options=Qm;Jt.className=Zs;Jt.defaultOptions=kr;Jt.moduleName=null;Jt.folderName=null;var js="numeric-textbox",el="numerictextbox";var Le=require("react/jsx-runtime"),tl="k-numerictextbox",Zm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},nn={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nn.separators,showClearButton:s=nn.showClearButton,showSpinButton:d=nn.showSpinButton,prefix:m,suffix:b,value:h,placeholder:k,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,id:q,"aria-label":me,"aria-describedby":xe,...he}=e;return(0,Le.jsxs)(J,{...he,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,className:r(e.className,tl),children:[m&&(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)($e,{children:m}),n&&(0,Le.jsx)(De,{})]}),(0,Le.jsx)(Ze,{id:q,placeholder:k,value:h,role:"spinbutton",disabled:T,"aria-label":me,"aria-describedby":xe,"aria-invalid":v?"true":void 0}),(0,Le.jsx)(_e,{valid:L,invalid:v,loading:O,disabled:T}),(0,Le.jsx)(Ve,{loading:O,disabled:T}),s&&(0,Le.jsx)(Qe,{loading:O,disabled:T,readonly:K,value:h}),b&&(0,Le.jsxs)(Le.Fragment,{children:[n&&(0,Le.jsx)(De,{}),(0,Le.jsx)(Xe,{children:b})]}),d&&(0,Le.jsx)(Jt,{className:"k-input-spinner",size:t,fillMode:a,disabled:T})]})};F.states=Zm;F.options=jm;F.className=tl;F.defaultOptions=nn;F.moduleName=js;F.folderName=el;F.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var _a=F;var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(_a,{...e});var sn=En(require("react"));var gr=require("react/jsx-runtime"),eu="k-list-group-sticky-header",vr=e=>(0,gr.jsx)("div",{className:r(eu,e.className),children:(0,gr.jsx)("div",{className:"k-list-header-text",children:e.children})});var nl=require("react/jsx-runtime"),tu="k-no-data",rn=e=>{let{live:t,...o}=e;return(0,nl.jsx)("span",{...o,className:r(tu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var co="list",Oo=co;var Bo=require("react/jsx-runtime"),Lr="k-list",ou=[],au={size:[c.undefined,c.small,c.medium,c.large]},nu={},D=e=>{var L;let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:d,noData:m,screenReaders:b,...h}=e,N=sn.default.Children.toArray(a)[0],p=(L=N==null?void 0:N.props)!=null&&L.children?sn.default.Children.count(N.props.children):sn.default.Children.count(a);return(0,Bo.jsxs)("div",{...h,className:r(e.className,Lr,y(Lr,{size:t}),{"k-virtual-list":o}),children:[s,d,n&&(0,Bo.jsx)(vr,{children:n}),a||(m!==void 0?m:(0,Bo.jsx)(rn,{live:!0,children:"No data found."})),b&&a&&(0,Bo.jsxs)(rn,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};D.states=ou;D.options=au;D.className=Lr;D.defaultOptions=nu;D.moduleName=co;D.folderName=Oo;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var il=require("react/jsx-runtime"),rl="k-list-container",ru=[],iu={},su={},Po=e=>{let{...t}=e;return(0,il.jsx)("div",{...t,className:r(e.className,rl),children:e.children})};Po.states=ru;Po.options=iu;Po.className=rl;Po.defaultOptions=su;Po.moduleName=co;Po.folderName=Oo;var po="checkbox",wo=po;var Mr=require("react/jsx-runtime"),ln="k-checkbox",lu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],du={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},cu={},dt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:d,invalid:m,valid:b,required:h,size:k,rounded:N,wrapperRole:p,...L}=e;return(0,Mr.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,Mr.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,ln,y(ln,{size:k,rounded:N}),I(ln,{hover:n,focus:s,disabled:d,invalid:m,valid:b,indeterminate:a,checked:o}))})})};dt.states=lu;dt.options=du;dt.className=ln;dt.defaultOptions=cu;dt.moduleName=po;dt.folderName=wo;dt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var xt=dt;var dl=require("react/jsx-runtime"),sl="k-checkbox-list",pu=[],mu={},ll={layout:"vertical"},ze=e=>{let{layout:t=ll.layout,...o}=e;return(0,dl.jsx)("ul",{...o,className:r(e.className,sl,{[`k-list-${t}`]:t}),children:e.children})};ze.states=pu;ze.options=mu;ze.className=sl;ze.defaultOptions=ll;ze.moduleName=po;ze.folderName=wo;var pl=require("react/jsx-runtime"),cl="k-checkbox-list-item",uu=[],fu={},bu={},Fe=e=>{let{...t}=e;return(0,pl.jsx)("li",{...t,className:r(e.className,cl),children:e.children})};Fe.states=uu;Fe.options=fu;Fe.className=cl;Fe.defaultOptions=bu;Fe.moduleName=po;Fe.folderName=wo;var mo=require("react/jsx-runtime"),wt=({children:e="Label",id:t="cb-label-after",...o})=>(0,mo.jsxs)(mo.Fragment,{children:[(0,mo.jsx)(xt,{id:t,...o}),(0,mo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Cr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Ir=require("react/jsx-runtime");var xu=require("react/jsx-runtime");var hu=require("react/jsx-runtime");var Nu=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),ku=ze.options,gu=ze.states,vu={...ze.defaultOptions,variant:"vertical"},Lu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mu=[],Ro=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ae.jsxs)(ze,{layout:"horizontal",...o,children:[(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})})]}):(0,Ae.jsxs)(ze,{...o,children:[(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})})]})};Ro.options=ku;Ro.states=gu;Ro.variants=Lu;Ro.defaultOptions=vu;Ro.modifiers=Mu;Ro.className=ze.className;var ml=require("react/jsx-runtime"),Cu=xt.options,Su=xt.states,Iu=xt.defaultOptions,Tu=[],Au=[],Ko=e=>(0,ml.jsx)(wt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});Ko.options=Cu;Ko.states=Su;Ko.variants=Tu;Ko.defaultOptions=Iu;Ko.modifiers=Au;Ko.className=xt.className;var St=require("react/jsx-runtime"),Tr="k-list-item",yu=[i.hover,i.focus,i.selected,i.disabled],Eu={},Ou={},R=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:d,checked:m,hover:b,focus:h,selected:k,disabled:N,actions:p,description:L,id:v,...S}=e,O=t||e.children;return(0,St.jsxs)("li",{...S,id:v,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&k?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:r(e.className,a?"k-list-group-item":Tr,I(Tr,{hover:b,focus:h,disabled:N,selected:k})),children:[d&&(0,St.jsx)(dt,{checked:m}),n&&(0,St.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,St.jsx)(M,{icon:n,className:r("k-list-item-icon",s)})}),(0,St.jsx)("span",{className:"k-list-item-text",children:O}),p&&(0,St.jsx)("div",{className:"k-list-item-actions",children:p}),L&&(0,St.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,St.jsx)("div",{className:"k-list-item-group-label",children:o})]})};R.states=yu;R.options=Eu;R.className=Tr;R.defaultOptions=Ou;R.moduleName=co;R.folderName=Oo;R.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ul=require("react/jsx-runtime"),Bu="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...n}=e;return(0,ul.jsx)("ul",{...n,id:a,role:o,className:r(Bu,e.className),children:t})};Rt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var _o=require("react/jsx-runtime"),Pu="k-list-content",V=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...d}=e;return(0,_o.jsxs)("div",{...d,className:r(Pu,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:(0,_o.jsx)(Rt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,_o.jsx)("div",{className:"k-height-container",children:(0,_o.jsx)("div",{})})]})};V.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Ar=require("react/jsx-runtime");var Do=require("react/jsx-runtime"),wu="k-list-group-item",uo=e=>{let{groupIconName:t,...o}=e;return(0,Do.jsxs)("li",{...o,role:"presentation",className:r(wu,e.className),children:[t&&(0,Do.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Do.jsx)(M,{icon:t,className:"k-list-item-icon"})}),(0,Do.jsx)("span",{className:"k-list-item-text",children:e.children})]})};uo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var fl=require("react/jsx-runtime"),yr="k-list-optionlabel",Ru=[i.hover,i.focus,i.selected,i.disabled],Ku={},_u={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return(0,fl.jsx)("div",{...d,className:r(yr,I(yr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};dn.states=Ru;dn.options=Ku;dn.className=yr;dn.defaultOptions=_u;var bl=require("react/jsx-runtime"),Er="k-list-custom-value",Du=[i.hover,i.focus,i.selected,i.disabled],Hu={},zu={},Yt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return(0,bl.jsx)("div",{...d,className:r(Er,I(Er,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Yt.states=Du;Yt.options=Hu;Yt.className=Er;Yt.defaultOptions=zu;var Or=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var Pr=require("react/jsx-runtime");var wr=require("react/jsx-runtime");var Fu=require("react/jsx-runtime");var Rr=require("react/jsx-runtime");var xl="dropdown-list",hl="dropdownlist";var Q=require("react/jsx-runtime"),Nl="k-dropdownlist",Uu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Gu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Kr={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Kr.arrowIconName,showValue:s=Kr.showValue,valueIconName:d,prefix:m,suffix:b,value:h,placeholder:k,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,popup:q,opened:me,adaptive:xe,adaptiveSettings:he,adaptiveTitle:Re,adaptiveSubtitle:no,adaptiveFilter:Tn,id:Gt,activeDescendant:Ua,"aria-label":An,...yn}=e,Cc=Gt?`${Gt}-listbox`:void 0,Ii=Gt?`${Gt}-value`:void 0;return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Mt,{...yn,id:Gt,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,className:r(e.className,Nl,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":me?"true":"false","aria-controls":me?Cc:void 0,"aria-activedescendant":me&&Ua?Ua:void 0,"aria-describedby":me?Ii:void 0,"aria-disabled":T?"true":void 0,"aria-label":An,tabIndex:0,children:[(0,Q.jsx)($e,{children:m}),(0,Q.jsx)(so,{placeholder:k,value:h,showValue:s,valueIconName:d,id:Ii}),(0,Q.jsx)(_e,{valid:L,invalid:v,loading:O,disabled:T}),(0,Q.jsx)(Ve,{loading:O,disabled:T}),(0,Q.jsx)(Xe,{children:b}),(0,Q.jsx)(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),me&&q&&(0,Q.jsx)(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:q}),xe&&(0,Q.jsx)(ae,{adaptive:!0,...he,header:(0,Q.jsx)(He,{actionsEnd:(0,Q.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Tn,inputValue:h,inputPlaceholder:k,title:Re,subtitle:no}),children:(0,Q.jsx)("div",{className:"k-list-container",children:(0,Q.jsx)(D,{size:"large",children:(0,Q.jsxs)(V,{"aria-label":"Options",children:[(0,Q.jsx)(R,{text:"List item"}),(0,Q.jsx)(R,{text:"List item"}),(0,Q.jsx)(R,{text:"List item"})]})})})})]})};le.states=Uu;le.options=Gu;le.className=Nl;le.defaultOptions=Kr;le.moduleName=xl;le.folderName=hl;le.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Vu=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var $u=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var Xu=require("react/jsx-runtime");var We=require("react/jsx-runtime"),qu=le.states,Wu=le.defaultOptions,Ju=le.options,Yu=[{name:"opened",title:"Opened"}],Qu=[],zo=e=>{let{modifiers:t,...o}=e,a={},n=(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)("div",{className:"k-list-filter",children:(0,We.jsx)(it,{})}),(0,We.jsx)(D,{style:{width:300},size:o.size,children:(0,We.jsxs)(V,{children:[(0,We.jsx)(R,{children:"List item"}),(0,We.jsx)(R,{children:"List item"}),(0,We.jsx)(R,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?n:void 0)}),(0,We.jsx)("div",{children:(0,We.jsx)(le,{placeholder:"Value",style:{width:300},...o,...a})})};zo.options=Ju;zo.states=qu;zo.variants=Qu;zo.defaultOptions=Wu;zo.modifiers=Yu;zo.className=le.className;var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var Zu=require("react/jsx-runtime");var cn=require("react/jsx-runtime"),ju=F.states,ef=F.defaultOptions,tf=F.options,of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],af=[],Fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,cn.jsx)(le,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,cn.jsx)(jn,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,cn.jsx)(ol,{value:"Value",style:{width:300},...o,...a})};Fo.options=tf;Fo.states=ju;Fo.variants=af;Fo.defaultOptions=ef;Fo.modifiers=of;Fo.className=F.className;var C=require("react/jsx-runtime"),Ml="k-colorgradient-inputs",nf=[],rf={size:[c.undefined,c.small,c.medium,c.large]},Cl={mode:"rgba"},Uo=e=>{let{mode:t=Cl.mode,size:o,...a}=e;return(0,C.jsxs)("div",{...a,className:r(Ml,"k-hstack"),children:[(0,C.jsx)("div",{className:"k-vstack",children:(0,C.jsx)(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,C.jsx)(ke,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Uo.states=nf;Uo.options=rf;Uo.className=Ml;Uo.defaultOptions=Cl;var ye=require("react/jsx-runtime"),Sl="k-colorgradient-color-contrast",sf=[],lf={},df={},Go=()=>(0,ye.jsxs)("div",{className:r(Sl,"k-vbox"),children:[(0,ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ye.jsx)(M,{icon:"check"}),(0,ye.jsx)(M,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AA: 4.5"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ye.jsx)(M,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AAA: 7.0"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ye.jsx)(M,{icon:"x"})]})]})]});Go.states=sf;Go.options=lf;Go.className=Sl;Go.defaultOptions=df;var Il="color-gradient",Tl="colorgradient";var de=require("react/jsx-runtime"),pn="k-colorgradient",cf=[i.hover,i.focus,i.readonly,i.disabled],pf={size:[c.undefined,c.small,c.medium,c.large]},It={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},fe=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:n=It.disabled,gradientStyle:s=It.gradientStyle,dragHandleStyle:d=It.dragHandleStyle,alphaStyle:m=It.alphaStyle,alphaStyleHorizontal:b=It.alphaStyleHorizontal,contrast:h=It.contrast,dir:k,hover:N,focus:p,hoverHandle:L,focusHandle:v,canvasOrientation:S=It.canvasOrientation,role:O,tabIndex:T,...K}=e;return(0,de.jsxs)("div",{...K,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:T??0,"aria-disabled":n?"true":void 0,className:r(e.className,pn,y(pn,{size:t}),I(pn,{hover:N,focus:p,readonly:a,disabled:n})),dir:k,children:[!S||S==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":v}),style:d,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})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(xr,{className:"k-hue-slider",hover:L,focus:v}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(xr,{className:"k-alpha-slider",hover:L,focus:v,trackStyle:m})]})]}),S==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":v}),style:d,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})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)(br,{className:"k-hue-slider",hover:L,focus:v}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(br,{className:"k-alpha-slider",hover:L,focus:v,trackStyle:b})]})]}),(0,de.jsx)(Uo,{mode:e.mode,size:t}),h&&(0,de.jsx)(Go,{})]})};fe.states=cf;fe.options=pf;fe.className=pn;fe.defaultOptions=It;fe.moduleName=Il;fe.folderName=Tl;fe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var Al=require("react/jsx-runtime"),mn=e=>(0,Al.jsx)(fe,{...e});var mf=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var un=require("react/jsx-runtime"),ff=fe.options,bf=fe.states,xf={...fe.defaultOptions,variant:"rgba"},hf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Nf=[],Vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,un.jsx)(mn,{...o,mode:t});case"rgb":return(0,un.jsx)(mn,{...o,mode:t});default:return(0,un.jsx)(mn,{...o,mode:t})}};Vo.options=ff;Vo.states=bf;Vo.variants=hf;Vo.defaultOptions=xf;Vo.modifiers=Nf;Vo.className=fe.className;var yl=require("react/jsx-runtime"),Hr=e=>(0,yl.jsx)("tr",{role:"row",children:e.children});var El=require("react/jsx-runtime"),zr="k-colorpalette-tile",kf=[i.hover,i.focus,i.selected],gf={},$o=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,El.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,zr,I(zr,{hover:a,focus:n,selected:s})),style:m})};$o.states=kf;$o.options=gf;$o.className=zr;var Ol="color-palette",Bl="colorpalette";var Xo=require("react/jsx-runtime"),fn="k-colorpalette",vf=[i.disabled],Lf={size:[c.undefined,c.small,c.medium,c.large]},Pl={columns:10},Ue=e=>{let{size:t,palette:o,columns:a=Pl.columns,tileSize:n,disabled:s,...d}=e,m=[];if(o){let b=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/b)},(k,N)=>{let p=[];h.slice(N*b,(N+1)*b).map((v,S)=>{p.push((0,Xo.jsx)($o,{color:v,tileSize:n},S))});let L=(0,Xo.jsx)(Hr,{children:p},N);m.push(L)})}return(0,Xo.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,fn,I(fn,{disabled:s}),y(fn,{size:t})),children:(0,Xo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Xo.jsx)("tbody",{children:m.length>0?m:e.children})})})};Ue.states=vf;Ue.options=Lf;Ue.className=fn;Ue.defaultOptions=Pl;Ue.moduleName=Ol;Ue.folderName=Bl;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var bn=Ue;var Da={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}};var Rl=require("react/jsx-runtime"),wl=e=>(0,Rl.jsx)(bn,{palette:Da.basic,...e});var Mf=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var _l=require("react/jsx-runtime"),Cf=Ue.options,Sf=Ue.states,If={...Ue.defaultOptions,variant:"basic"},Tf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Af={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}},yf=[],qo=e=>{let{variant:t="basic",...o}=e,a=Af[t];return(0,_l.jsx)(wl,{columns:a.columns,palette:a,...o})};qo.options=Cf;qo.states=Sf;qo.variants=Tf;qo.defaultOptions=If;qo.modifiers=yf;qo.className=Ue.className;var Dl="color-editor",Hl="coloreditor";var re=require("react/jsx-runtime"),xn="k-coloreditor",Ef=[i.focus],Of={size:[c.undefined,c.small,c.medium,c.large]},Ha={view:"gradient",palette:Da.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=Ha.view,palette:a=Ha.palette,color:n,currentColor:s,focus:d,focusView:m,dir:b,group:h,actionButtons:k=Ha.actionButtons,canvasOrientation:N=Ha.canvasOrientation,...p}=e;return(0,re.jsxs)("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",xn,y(xn,{size:t}),I(xn,{focus:d})),dir:b,children:[(0,re.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,re.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,re.jsxs)(w,{fillMode:"flat",children:[(0,re.jsx)(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,re.jsx)(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,re.jsx)("div",{className:"k-spacer"}),(0,re.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,re.jsx)(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,re.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,re.jsx)(Vt,{className:"k-coloreditor-preview-color",color:n}),(0,re.jsx)(Vt,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,re.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,re.jsx)(fe,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):(0,re.jsx)(Ue,{palette:a,size:t})}),k&&(0,re.jsxs)(W,{className:"k-coloreditor-footer",alignment:"start",children:[(0,re.jsx)(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,re.jsx)(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=Ef;ne.options=Of;ne.className=xn;ne.defaultOptions=Ha;ne.moduleName=Dl;ne.folderName=Hl;ne.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Wo=ne;var Bf=require("react/jsx-runtime");var Pf=require("react/jsx-runtime");var Fl=require("react/jsx-runtime"),zl=e=>(0,Fl.jsx)(Wo,{group:!0,currentColor:"fuchsia",...e});var Gl=require("react/jsx-runtime"),Ul=e=>(0,Gl.jsx)(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Fr=require("react/jsx-runtime"),wf=ne.options,Rf=ne.states,Kf={...ne.defaultOptions,variant:"gradient"},_f=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Df=[],Jo=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Fr.jsx)(Ul,{...o,color:"white"}):(0,Fr.jsx)(zl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Jo.options=wf;Jo.states=Rf;Jo.variants=_f;Jo.defaultOptions=Kf;Jo.modifiers=Df;Jo.className=ne.className;var Vl="color-picker",$l="colorpicker";var ce=require("react/jsx-runtime"),Xl="k-colorpicker",Hf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ql={arrowIconName:"chevron-down"},et=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ql.arrowIconName,prefix:s,suffix:d,value:m,placeholder:b,hover:h,focus:k,valid:N,invalid:p,required:L,disabled:v,valueIconName:S,popup:O,opened:T,adaptive:K,adaptiveSettings:q,adaptiveTitle:me,adaptiveSubtitle:xe,...he}=e,Re="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(Mt,{...he,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:N,invalid:p,required:L,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":T?"true":"false","aria-controls":T||K?Re:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Xl,"k-icon-picker"),children:[(0,ce.jsx)($e,{children:s}),(0,ce.jsx)(so,{placeholder:b,value:m,showValue:!1,valueIcon:(0,ce.jsx)(Vt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),(0,ce.jsx)(Xe,{children:d}),(0,ce.jsx)(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),T&&O&&(0,ce.jsx)(U,{id:Re,className:"k-colorpicker-popup",children:O}),K&&(0,ce.jsx)(ae,{adaptive:!0,id:Re,...q,header:(0,ce.jsx)(He,{actionsEnd:(0,ce.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:me,subtitle:xe}),footer:(0,ce.jsxs)($t,{children:[(0,ce.jsx)(l,{text:"Cancel",size:"large"}),(0,ce.jsx)(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};et.states=Hf;et.options=zf;et.className=Xl;et.defaultOptions=ql;et.moduleName=Vl;et.folderName=$l;et.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Kt=et;var Wl=require("react/jsx-runtime"),hn=e=>(0,Wl.jsx)(Kt,{...e});var Ff=require("react/jsx-runtime");var Uf=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var $f=require("react/jsx-runtime");var Xf=require("react/jsx-runtime");var Qt=require("react/jsx-runtime"),qf=Kt.options,Wf=Kt.states,Jl={...Kt.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(n.opened=!!(o!=null&&o[d]),n.popup=o!=null&&o[d]?(0,Qt.jsx)(ne,{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(0,Qt.jsx)("div",{style:s,children:(0,Qt.jsx)(hn,{...a,...n})});case"icon":return(0,Qt.jsx)("div",{style:s,children:(0,Qt.jsx)(hn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,Qt.jsx)("div",{style:s,children:(0,Qt.jsx)(hn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Yo.options=qf;Yo.states=Wf;Yo.variants=Jf;Yo.defaultOptions=Jl;Yo.modifiers=Yf;Yo.className=Kt.className;var Ur="combobox",Yl=Ur;var z=require("react/jsx-runtime"),Ql="k-combobox",Qf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Zl={separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Zl.separators,prefix:s,suffix:d,value:m,placeholder:b,hover:h,focus:k,valid:N,invalid:p,required:L,loading:v,disabled:S,popup:O,opened:T,readonly:K,adaptive:q,adaptiveSettings:me,adaptiveTitle:xe,adaptiveSubtitle:he,adaptiveCustomValue:Re,id:no,autocomplete:Tn,activeDescendant:Gt,"aria-label":Ua,...An}=e,yn=no?`${no}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(J,{...An,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:N,invalid:p,required:L,loading:v,disabled:S,readonly:K,className:r(e.className,Ql),children:[s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)($e,{children:s}),n&&(0,z.jsx)(De,{})]}),(0,z.jsx)(Ze,{id:no,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?yn:void 0,"aria-activedescendant":T&&Gt?Gt:void 0,"aria-autocomplete":Tn,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ua,disabled:S,readOnly:K}),(0,z.jsx)(_e,{valid:N,invalid:p,loading:v,disabled:S}),(0,z.jsx)(Ve,{loading:v,disabled:S}),(0,z.jsx)(Qe,{loading:v,disabled:S,readonly:K,value:m}),d&&(0,z.jsxs)(z.Fragment,{children:[n&&(0,z.jsx)(De,{}),(0,z.jsx)(Xe,{children:d})]}),(0,z.jsx)(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),T&&O&&(0,z.jsx)(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),q&&(0,z.jsx)(ae,{adaptive:!0,id:no?`${no}-adaptive`:void 0,...me,header:(0,z.jsx)(He,{actionsEnd:(0,z.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:xe,subtitle:he}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(D,{customValue:Re?(0,z.jsx)(Yt,{text:`Use "${m}"`}):void 0,size:"large",children:(0,z.jsxs)(V,{"aria-label":xe||"Options",children:[(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"})]})})})})]})};Ee.states=Qf;Ee.options=Zf;Ee.className=Ql;Ee.defaultOptions=Zl;Ee.moduleName=Ur;Ee.folderName=Yl;Ee.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var tt=Ee;var ed=require("react/jsx-runtime"),jl=e=>(0,ed.jsx)(tt,{...e});var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var id=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var jf=require("react/jsx-runtime");var eb=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var ht=require("react/jsx-runtime"),tb=Ee.states,ob=Ee.defaultOptions,ab=Ee.options,nb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rb=[],Qo=e=>{let{modifiers:t,...o}=e,a={},n=(0,ht.jsx)(D,{style:{width:300},size:o.size,children:(0,ht.jsxs)(V,{children:[(0,ht.jsx)(R,{children:"List item"}),(0,ht.jsx)(R,{children:"List item"}),(0,ht.jsx)(R,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,ht.jsx)(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,ht.jsx)(Ne,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?n:void 0;break;default:break}}),(0,ht.jsx)("div",{children:(0,ht.jsx)(jl,{value:"Value",style:{width:300},...o,...a})})};Qo.options=ab;Qo.states=tb;Qo.variants=rb;Qo.defaultOptions=ob;Qo.modifiers=nb;Qo.className=Ee.className;var Vr="menu-button",dd=Vr;var pd=require("react/jsx-runtime"),cd="k-menu-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],sb={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},$r={showArrow:!0,arrowIconName:"chevron-down"},$=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,icon:k,text:N,showArrow:p=$r.showArrow,arrowIconName:L=$r.arrowIconName,expanded:v,...S}=e;return(0,pd.jsx)(l,{...S,className:r(e.className,cd),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,icon:k,showArrow:p,arrowIconName:L,"aria-expanded":v?"true":"false",...!N&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};$.states=ib;$.options=sb;$.className=cd;$.defaultOptions=$r;$.moduleName=Vr;$.folderName=dd;$.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var lb=require("react/jsx-runtime");var db=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var ot="menu",ct=ot;var _t=require("react/jsx-runtime"),Xr="k-menu-item",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={},md={iconPosition:"before"},Oe=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,first:b,last:h,showArrow:k,arrowIconName:N,iconPosition:p=md.iconPosition,dir:L,children:v,expanded:S,...O}=e,T=N;return T||(T=L==="rtl"?"chevron-left":"chevron-right"),(0,_t.jsxs)("li",{...O,className:r(e.className,Xr,"k-item",I(Xr,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":b,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,_t.jsxs)("span",{className:r("k-link k-menu-link"),children:[d&&p==="before"&&(0,_t.jsx)(M,{className:"k-menu-link-icon",icon:d}),(0,_t.jsx)("span",{className:"k-menu-link-text",children:m}),d&&p==="after"&&(0,_t.jsx)(M,{className:"k-menu-link-icon",icon:d}),k&&(0,_t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,_t.jsx)(M,{icon:T})})]}),v]})};Oe.states=pb;Oe.options=mb;Oe.className=Xr;Oe.defaultOptions=md;Oe.moduleName=ot;Oe.folderName=ct;var Dt=require("react/jsx-runtime"),qr="k-menu-item",ub=[i.hover,i.focus,i.active,i.selected,i.disabled],fb={},Wr={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,first:b,last:h,showArrow:k,arrowIconName:N,iconPosition:p=Wr.iconPosition,dir:L=Wr.dir,children:v,popup:S,expanded:O,...T}=e,K=N;return K||(K=L==="rtl"?"chevron-left":"chevron-right"),(0,Dt.jsxs)("li",{...T,className:r(e.className,qr,"k-item",I(qr,{focus:o,disabled:s}),{"k-first":b,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":O?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Dt.jsxs)("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[d&&p==="before"&&(0,Dt.jsx)(M,{className:"k-menu-link-icon",icon:d}),(0,Dt.jsx)("span",{className:"k-menu-link-text",children:m}),d&&p==="after"&&(0,Dt.jsx)(M,{className:"k-menu-link-icon",icon:d}),k&&(0,Dt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Dt.jsx)(M,{icon:K})})]}),v,S]})};Z.states=ub;Z.options=fb;Z.className=qr;Z.defaultOptions=Wr;Z.moduleName=ot;Z.folderName=ct;var bd=require("react/jsx-runtime"),ud="k-menu-scroll-wrapper",bb=[],xb={},hb={},fo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,bd.jsx)("div",{...n,className:r(t,ud,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};fo.states=bb;fo.options=xb;fo.className=ud;fo.defaultOptions=hb;fo.moduleName=ot;fo.folderName=ct;var fd=fo;var Me=require("react/jsx-runtime"),Jr="k-menu",Nb=[],kb={},kn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},be=e=>{let{children:t,orientation:o=kn.orientation,header:a=kn.header,scrollable:n,scrollButtonsPosition:s=kn.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:h,...k}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=(0,Me.jsx)("ul",{dir:m,...k,className:r(e.className,"k-reset",Jr,{[`${Jr}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Me.jsxs)(Me.Fragment,{children:[n?(0,Me.jsxs)(fd,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,b]})};be.states=Nb;be.options=kb;be.className=Jr;be.defaultOptions=kn;be.moduleName=ot;be.folderName=ct;be.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var hd=require("react/jsx-runtime"),Yr="k-separator",xd={orientation:"horizontal"},Zo=e=>{let{orientation:t=xd.orientation,...o}=e;return(0,hd.jsx)("li",{...o,className:r(e.className,"k-item",Yr,{[`${Yr}-${t}`]:t}),role:"separator"})};Zo.className=Yr;Zo.defaultOptions=xd;Zo.moduleName=ot;Zo.folderName=ct;var Nd=require("react/jsx-runtime");var kd=require("react/jsx-runtime"),Qr="k-menu-group",gb=[],vb={size:[c.undefined,c.small,c.medium,c.large]},Lb={},Be=e=>{let{children:t,size:o,...a}=e;return(0,kd.jsx)("ul",{...a,className:r(e.className,Qr,y(Qr,{size:o})),role:"menu",children:t})};Be.states=gb;Be.options=vb;Be.className=Qr;Be.defaultOptions=Lb;Be.moduleName=ot;Be.folderName=ct;var Nt=require("react/jsx-runtime"),Zr=e=>(0,Nt.jsx)(be,{children:(0,Nt.jsxs)(Nt.Fragment,{children:[(0,Nt.jsx)(Oe,{first:!0,text:"Item 1"}),(0,Nt.jsx)(Oe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Nt.jsx)(Oe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Nt.jsx)(Oe,{text:"Item 4"}),(0,Nt.jsx)(Oe,{last:!0,text:"Item 5"})]}),...e});var jr=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var oi=require("react/jsx-runtime");var Tt=require("react/jsx-runtime"),Mb=be.options,Cb=be.states,gd={...be.defaultOptions,variant:"horizontal"},Sb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ib=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...gd,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!(o!=null&&o[s]);break;case"opened":n.opened=!!(o!=null&&o[s]),n.popup=(0,Tt.jsx)(U,{className:"k-menu-popup",children:(0,Tt.jsxs)(Be,{children:[(0,Tt.jsx)(Z,{text:"Item 1"}),(0,Tt.jsx)(Z,{text:"Item 2"}),(0,Tt.jsx)(Zo,{}),(0,Tt.jsx)(Z,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Tt.jsx)(Zr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Tt.jsx)(Zr,{...a,...n})};jo.options=Mb;jo.states=Cb;jo.variants=Sb;jo.defaultOptions=gd;jo.modifiers=Ib;jo.className=be.className;var ai=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),Ab=l.states,vd={...l.defaultOptions,variant:"text"},yb=l.options,Eb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ob=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},n={},s=(0,Pe.jsx)(U,{className:"k-menu-popup",children:(0,Pe.jsxs)(Be,{size:a.size,children:[(0,Pe.jsx)(Z,{first:!0,text:"Menu Item"}),(0,Pe.jsx)(Z,{text:"Menu Item"}),(0,Pe.jsx)(Z,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Pe.jsx)("div",{children:(0,Pe.jsx)($,{...a,...n,icon:"star"})});break;case"icon-and-text":d=(0,Pe.jsx)("div",{children:(0,Pe.jsx)($,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Pe.jsx)("div",{children:(0,Pe.jsx)($,{...a,...n,children:"Dropdown Button"})});break}return(0,Pe.jsxs)(Pe.Fragment,{children:[d,(o==null?void 0:o.opened)&&s]})};ea.options=yb;ea.states=Ab;ea.variants=Eb;ea.defaultOptions=vd;ea.modifiers=Ob;ea.className=$.className;var ni="split-button",Ld=ni;var Ht=require("react/jsx-runtime"),ri="k-split-button",Bb=[i.hover,i.focus,i.active,i.selected,i.disabled],Pb={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Md={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,icon:k,text:N,arrowIconName:p=Md.arrowIconName,popup:L,opened:v,popupId:S,...O}=e;return(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsxs)("div",{...O,className:r(e.className,ri,"k-button-group",y(ri,{rounded:o})),children:[(0,Ht.jsx)(l,{text:N,icon:k,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,...!N&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),(0,Ht.jsx)(l,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),v&&L&&(0,Ht.jsx)(U,{className:"k-menu-popup",children:L})]})};_.states=Bb;_.options=Pb;_.className=ri;_.defaultOptions=Md;_.moduleName=ni;_.folderName=Ld;_.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var ii=_;var Cd=require("react/jsx-runtime"),wb="k-toolbar-separator",kt=e=>(0,Cd.jsx)("div",{className:r(wb,e.className,"k-separator")});var zt="toolbar",Zt=zt;var P=require("react/jsx-runtime"),Ft="k-toolbar",Rb=[i.focus],Kb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},_b={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:d,scrollingPosition:m,section:b,...h}=e,k=[],N=(p,L)=>{let v=[];if(p.type===l&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push((0,P.jsx)(l,{...p.props,className:`${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===l)v.push((0,P.jsx)(l,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===se)v.push((0,P.jsx)(se,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===Ne)v.push((0,P.jsx)(Ne,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===$)v.push((0,P.jsx)($,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===ii)v.push((0,P.jsx)(ii,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===w||p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((T,K)=>{S.push((0,P.jsx)(l,{...T.props,className:`${T.props.className?T.props.className:""}`},`${K}-${new Date().getTime()}`))}),v.push((0,P.jsx)(w,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else p.type===Ee?v.push((0,P.jsx)(Ee,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===le?v.push((0,P.jsx)(le,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===et?v.push((0,P.jsx)(et,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):v.push(p);v.forEach(S=>{k.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,v)=>{N(L,v)}),(0,P.jsxs)("div",{...h,className:r(e.className,Ft,y(Ft,{size:t,fillMode:o}),I(Ft,{focus:a}),{[`${Ft}-resizable`]:n,[`${Ft}-scrollable`]:s,[`${Ft}-scrollable-overlay`]:s&&d==="hidden",[`${Ft}-scrollable-${m}`]:m&&m!=="both",[`${Ft}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&d==="hidden"&&(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&d==="start"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)(w,{children:[(0,P.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-left"})}),(0,P.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&d==="end"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsxs)(w,{children:[(0,P.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-left"})}),(0,P.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"||!d)&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-left"})}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-right"})})]})]})};G.states=Rb;G.options=Kb;G.className=Ft;G.defaultOptions=_b;G.moduleName=zt;G.folderName=Zt;G.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Id=require("react/jsx-runtime"),Sd="k-floating-toolbar",Db=[],Hb={},zb={},ta=e=>{let{...t}=e;return(0,Id.jsx)("div",{...t,className:r(e.className,Sd),children:e.children})};ta.states=Db;ta.options=Hb;ta.className=Sd;ta.defaultOptions=zb;ta.moduleName=zt;ta.folderName=Zt;var Td=require("react/jsx-runtime"),si="k-toolbar-item",Fb=[i.focus],Ub={},Gb={},oa=e=>{let{focus:t,...o}=e;return(0,Td.jsx)("div",{...o,className:r(e.className,si,I(si,{focus:t})),children:e.children})};oa.states=Fb;oa.options=Ub;oa.className=si;oa.defaultOptions=Gb;oa.moduleName=zt;oa.folderName=Zt;var li=require("react/jsx-runtime"),Ad="k-toolbar-popup",Vb=[],$b={size:[c.undefined,c.small,c.medium,c.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Xb={},bo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,li.jsx)(U,{...n,className:r(e.className,Ad),children:a?(0,li.jsx)("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};bo.states=Vb;bo.options=$b;bo.className=Ad;bo.defaultOptions=Xb;bo.moduleName=zt;bo.folderName=Zt;var gn=bo;var qb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Jb=require("react/jsx-runtime");var yd=require("react/jsx-runtime");var Yb=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Qb=_.states,Ed={..._.defaultOptions,variant:"text"},Zb=_.options,jb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ex=[{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...a}={...Ed,...e},n={},s=(0,pt.jsxs)(Be,{size:a.size,children:[(0,pt.jsx)(Z,{first:!0,text:"Menu Item"}),(0,pt.jsx)(Z,{text:"Menu Item"}),(0,pt.jsx)(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(n.opened=!!(o!=null&&o[d]),n.popup=o!=null&&o[d]?s:"")}),t){case"icon-only":return(0,pt.jsx)("div",{children:(0,pt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,pt.jsx)("div",{children:(0,pt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,pt.jsx)("div",{children:(0,pt.jsx)(_,{...a,...n,children:"Split Button"})})}};aa.options=Zb;aa.states=Qb;aa.variants=jb;aa.defaultOptions=Ed;aa.modifiers=ex;aa.className=_.className;var At=require("react/jsx-runtime"),Od=e=>(0,At.jsx)(G,{children:[(0,At.jsx)(l,{children:"Button"},"toolbar-button"),(0,At.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,At.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,At.jsxs)(w,{children:[(0,At.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,At.jsx)(l,{icon:"align-center",children:"Center"}),(0,At.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Bd=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),Pd=e=>(0,Ce.jsx)(G,{scrollable:!0,...e,children:[(0,Ce.jsx)(l,{children:"Button"},"toolbar-button"),(0,Ce.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Ce.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Ce.jsxs)(w,{children:[(0,Ce.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ce.jsx)(l,{icon:"align-center",children:"Center"}),(0,Ce.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ce.jsx)(l,{children:"Button"},"toolbar-button"),(0,Ce.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Ce.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Ce.jsxs)(w,{children:[(0,Ce.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ce.jsx)(l,{icon:"align-center",children:"Center"}),(0,Ce.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Se=require("react/jsx-runtime"),wd=({scrollingPosition:e="start",...t})=>(0,Se.jsx)(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Se.jsx)(l,{children:"Button"},"toolbar-button"),(0,Se.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Se.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Se.jsxs)(w,{children:[(0,Se.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Se.jsx)(l,{icon:"align-center",children:"Center"}),(0,Se.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Se.jsx)(l,{children:"Button"},"toolbar-button"),(0,Se.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Se.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Se.jsxs)(w,{children:[(0,Se.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Se.jsx)(l,{icon:"align-center",children:"Center"}),(0,Se.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var j=require("react/jsx-runtime"),Rd=({fillMode:e,size:t,...o})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(G,{section:!0,fillMode:e,size:t,children:[(0,j.jsx)(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsxs)(w,{fillMode:e,children:[(0,j.jsx)(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,j.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,j.jsx)(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,j.jsxs)(gn,{size:t,fillMode:e,section:!0,...o,children:[(0,j.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,j.jsx)(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsx)(kt,{}),(0,j.jsx)($,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,j.jsxs)(w,{fillMode:e,children:[(0,j.jsx)(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var di=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var Ut=require("react/jsx-runtime"),tx=G.options,ox=G.states,Kd={...G.defaultOptions,variant:"default"},ax=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],nx=[],na=e=>{let{variant:t,...o}={...Kd,...e};switch(t){case"responsive":return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(Rd,{style:{width:"583px"},...o})});case"overlay":return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(wd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(Pd,{style:{width:"583px"},...o})});default:return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(Od,{style:{width:"583px"},...o})})}};na.options=tx;na.states=ox;na.variants=ax;na.defaultOptions=Kd;na.modifiers=nx;na.className=G.className;var pi="suggestion",_d=pi;var xo=require("react/jsx-runtime"),vn="k-suggestion-group",rx=[],ix={},Dd={layout:"scrollable",scrollingPosition:"start"},gt=e=>{let{layout:t=Dd.layout,scrollingPosition:o,...a}=e,n=(0,xo.jsx)("div",{...a,className:r(vn,{"k-suggestion-group-scrollable":t=="scrollable",[`${vn}-scrollable-start`]:o==="start"||o==="both",[`${vn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?(0,xo.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,xo.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,xo.jsx)(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,xo.jsx)(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};gt.states=rx;gt.options=ix;gt.className=vn;gt.defaultOptions=Dd;gt.moduleName=pi;gt.folderName=_d;var Hd=require("react/jsx-runtime"),Ln="k-suggestion",sx=[i.active,i.hover,i.focus],lx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},dx={text:"Suggestion"},yt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...d}=e;return(0,Hd.jsx)("span",{...d,className:r(e.className,Ln,I(Ln,{hover:a,active:o,focus:n}),y(Ln,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};yt.states=sx;yt.options=lx;yt.className=Ln;yt.item=dx;var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var Fd=require("react/jsx-runtime"),cx="k-card-callout",zd=e=>{let{callout:t,...o}=e;return(0,Fd.jsx)("span",{...o,className:r(e.className,cx,{[`k-callout-${yi.calloutMap[t]||t}`]:t})})};var at="card",mt=at;var ho=require("react/jsx-runtime"),bi="k-card",px=[i.hover,i.focus,i.selected,i.disabled],mx={},ux={},ie=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:d,...m}=e;return(0,ho.jsxs)("div",{...m,className:r(e.className,bi,I(bi,{hover:a,focus:n,disabled:d,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,ho.jsx)(zd,{callout:o}),(0,ho.jsx)(ho.Fragment,{children:e.children})]})};ie.states=px;ie.options=mx;ie.className=bi;ie.defaultOptions=ux;ie.moduleName=at;ie.folderName=mt;ie.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};var za=require("react/jsx-runtime"),xi="k-card-list",fx=[],bx={},xx={},jt=e=>{let{...t}=e;return(0,za.jsx)("div",{...t,className:r(e.className,xi,I(xi,{})),role:"list",children:(0,za.jsx)(za.Fragment,{children:e.children})})};jt.states=fx;jt.options=bx;jt.className=xi;jt.defaultOptions=xx;jt.moduleName=at;jt.folderName=mt;jt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};var Gd=require("react/jsx-runtime"),Ud="k-card-group",hx=[],Nx={},kx={},ra=e=>{let{...t}=e;return(0,Gd.jsx)("div",{...t,className:r(e.className,Ud),children:e.children})};ra.states=hx;ra.options=Nx;ra.className=Ud;ra.defaultOptions=kx;ra.moduleName=at;ra.folderName=mt;var Vd=require("react/jsx-runtime"),hi="k-card-wrap",gx=[i.focus,i.selected],vx={},Lx={},ia=e=>{let{focus:t,selected:o,...a}=e;return(0,Vd.jsx)("div",{...a,className:r(e.className,hi,I(hi,{focus:t,selected:o})),children:e.children})};ia.states=gx;ia.options=vx;ia.className=hi;ia.defaultOptions=Lx;ia.moduleName=at;ia.folderName=mt;var $d=require("react/jsx-runtime"),Ni="k-card-title",Mx=[i.hover,i.focus],No=e=>{let{hover:t,focus:o,...a}=e;return(0,$d.jsx)("div",{...a,className:r(e.className,Ni,I(Ni,{hover:t,focus:o})),children:e.children})};No.states=Mx;No.className=Ni;var Xd=require("react/jsx-runtime"),Cx="k-card-subtitle",Mn=e=>{let{...t}=e;return(0,Xd.jsx)("div",{...t,className:r(e.className,Cx),children:e.children})};var eo=require("react/jsx-runtime"),qd="k-card-media",ki=e=>{let{src:t,...o}=e;return(0,eo.jsx)(eo.Fragment,{children:t?(0,eo.jsx)("img",{...o,className:r(e.className,qd),src:t}):(0,eo.jsx)("span",{...o,className:r(e.className,qd),children:(0,eo.jsx)(eo.Fragment,{children:e.children})})})};var Et=require("react/jsx-runtime"),Sx="k-card-header",to=e=>{let{title:t,subtitle:o,details:a,...n}=e;return(0,Et.jsxs)("div",{...n,className:r(e.className,Sx),children:[t&&(0,Et.jsx)(No,{children:t}),o&&(0,Et.jsx)(Mn,{children:o}),(0,Et.jsx)(Et.Fragment,{children:e.children}),a&&(0,Et.jsx)("span",{className:"k-card-header-actions",children:(0,Et.jsx)(l,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Wd=require("react/jsx-runtime"),Ix="k-card-footer",gi=e=>{let{...t}=e;return(0,Wd.jsx)("div",{...t,className:r(e.className,Ix),children:e.children})};var Ot=require("react/jsx-runtime"),Tx="k-card-body",vt=e=>{let{title:t,subtitle:o,details:a,...n}=e;return(0,Ot.jsxs)("div",{...n,className:r(e.className,Tx),children:[t&&(0,Ot.jsx)(No,{children:t}),o&&(0,Ot.jsx)(Mn,{children:o}),(0,Ot.jsx)(Ot.Fragment,{children:e.children}),a&&(0,Ot.jsx)("span",{className:"k-card-header-actions",children:(0,Ot.jsx)(l,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Yd=require("react/jsx-runtime"),Jd="k-card-deck",Ax=[],yx={},Ex={},sa=e=>{let{...t}=e;return(0,Yd.jsx)("div",{...t,className:r(e.className,Jd),children:e.children})};sa.states=Ax;sa.options=yx;sa.className=Jd;sa.defaultOptions=Ex;sa.moduleName=at;sa.folderName=mt;var Zd=require("react/jsx-runtime"),Qd="k-card-deck-scrollwrap",Ox=[],Bx={},Px={},la=e=>{let{...t}=e;return(0,Zd.jsx)("div",{...t,className:r(e.className,Qd),children:e.children})};la.states=Ox;la.options=Bx;la.className=Qd;la.defaultOptions=Px;la.moduleName=at;la.folderName=mt;var ut=require("react/jsx-runtime"),jd=e=>(0,ut.jsx)(ie,{orientation:"vertical",children:(0,ut.jsxs)(ut.Fragment,{children:[(0,ut.jsx)(to,{children:"Card Header"}),(0,ut.jsx)(vt,{children:(0,ut.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,ut.jsxs)(W,{className:"k-card-actions",children:[(0,ut.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,ut.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var Lt=require("react/jsx-runtime"),ec=e=>(0,Lt.jsx)(ie,{orientation:"horizontal",children:(0,Lt.jsxs)(Lt.Fragment,{children:[(0,Lt.jsx)(vt,{title:"Card Title",children:(0,Lt.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,Lt.jsxs)(W,{orientation:"vertical",className:"k-card-actions",children:[(0,Lt.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,Lt.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var tc=require("react/jsx-runtime");var ee=require("react/jsx-runtime"),wx=ie.options,Rx=ie.states,oc={...ie.defaultOptions,variant:"vertical"},Kx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],_x=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...oc,...e},n=!1,s=!1,d=!1;return Object.keys(o||{}).forEach(m=>{switch(m){case"media":{n=!!(o!=null&&o[m]);break}case"header":{s=!!(o!=null&&o[m]);break}case"footer":{d=!!(o!=null&&o[m]);break}}}),t==="horizontal"?(0,ee.jsxs)(ec,{style:{maxWidth:"420px"},...a,children:[n&&(0,ee.jsx)(ki,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,ee.jsxs)("div",{children:[s&&(0,ee.jsx)(to,{title:"Header Title",subtitle:"Header Subtitle"}),(0,ee.jsx)(vt,{title:"Title",subtitle:"Subtitle",children:(0,ee.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),d&&(0,ee.jsx)(gi,{children:"Card Footer"})]}),(s||d)&&(0,ee.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,ee.jsxs)(W,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,ee.jsxs)(jd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&(0,ee.jsx)(to,{title:"Header Title",subtitle:"Header Subtitle"}),n&&(0,ee.jsx)(ki,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,ee.jsx)(vt,{title:"Title",subtitle:"Subtitle",children:(0,ee.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),d&&(0,ee.jsx)(gi,{children:"Card Footer"}),(0,ee.jsxs)(W,{className:"k-card-actions",children:[(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=wx;da.states=Rx;da.variants=Kx;da.defaultOptions=oc;da.modifiers=_x;da.className=ie.className;var vi="panelbar",ac=vi;var rc=require("react/jsx-runtime"),nc="k-panelbar",Dx=[],Hx={},zx={},Ie=e=>{let{activeDescendant:t,...o}=e;return(0,rc.jsx)("ul",{...o,className:r(e.className,nc),role:"tree","aria-activedescendant":t,children:e.children})};Ie.states=Dx;Ie.options=Hx;Ie.className=nc;Ie.defaultOptions=zx;Ie.moduleName=vi;Ie.folderName=ac;Ie.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};var Cn=En(require("react"));var oo=require("react/jsx-runtime"),ic="k-panelbar-item",Fx=[i.hover,i.focus,i.selected,i.disabled],Ux={},Sn={level:0,expanded:!1,text:"Item"},E=e=>{let{text:t=Sn.text,level:o=Sn.level,expanded:a=Sn.expanded,header:n,hover:s,focus:d,selected:m,disabled:b,icon:h,iconClass:k,ariaSelected:N,children:p,...L}=e,v=!!p;return(0,oo.jsxs)("li",{...L,className:r(e.className,ic,{"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":N?"true":"false","aria-disabled":b?"true":void 0,children:[(0,oo.jsxs)("span",{className:r("k-link",I("k-link",{hover:s,focus:d,disabled:b,selected:m})),children:[h&&(0,oo.jsx)(M,{className:"k-panelbar-item-icon",icon:h}),k&&!h&&(0,oo.jsx)("span",{className:`k-panelbar-item-icon ${k}`}),(0,oo.jsx)("span",{className:"k-panelbar-item-text",children:t}),v&&(0,oo.jsx)(M,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&p,!a&&p&&Cn.default.Children.map(p,S=>Cn.default.isValidElement(S)?Cn.default.cloneElement(S,{"aria-hidden":"true",style:{display:"none"}}):S)]})};E.states=Fx;E.options=Ux;E.className=ic;E.defaultOptions=Sn;var lc=require("react/jsx-runtime"),sc="k-panelbar-group",Gx=[],Vx={},$x={},Je=e=>{let{ariaHidden:t,...o}=e;return(0,lc.jsx)("ul",{...o,className:r(e.className,sc),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Je.states=Gx;Je.options=Vx;Je.className=sc;Je.defaultOptions=$x;var cc=require("react/jsx-runtime"),dc="k-panelbar-content",Xx=[],qx={},Wx={},pe=e=>{let{...t}=e;return(0,cc.jsx)("div",{...t,className:r(e.className,dc),children:e.children})};pe.states=Xx;pe.options=qx;pe.className=dc;pe.defaultOptions=Wx;var nt=require("react/jsx-runtime"),In=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item");return(0,nt.jsx)(Ie,{children:(0,nt.jsxs)(nt.Fragment,{children:[(0,nt.jsx)(E,{header:!0,text:"Item 1",id:t,children:(0,nt.jsx)(pe,{children:"content"})}),(0,nt.jsx)(E,{header:!0,text:"Item 2",id:o,children:(0,nt.jsx)(pe,{children:"content"})}),(0,nt.jsx)(E,{header:!0,text:"Item 3",id:a,children:(0,nt.jsx)(pe,{children:"content"})}),(0,nt.jsx)(E,{header:!0,text:"Item 4",id:n})]}),...e})};var Li=require("react/jsx-runtime");var te=require("react/jsx-runtime"),pc=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item"),s=A("pb-child"),d=A("pb-child"),m=A("pb-child"),b=A("pb-child"),h=A("pb-child"),k=A("pb-child"),N=A("pb-child");return(0,te.jsx)(Ie,{activeDescendant:o,children:(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(E,{header:!0,text:"Item 1",id:t,children:(0,te.jsx)(pe,{children:"content"})}),(0,te.jsx)(E,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:(0,te.jsxs)(Je,{children:[(0,te.jsx)(E,{level:1,text:"Child 1",id:s}),(0,te.jsx)(E,{level:1,expanded:!0,text:"Child 2",id:d,children:(0,te.jsxs)(Je,{children:[(0,te.jsx)(E,{level:2,text:"Child 2.1",id:m}),(0,te.jsx)(E,{level:2,text:"Child 2.2",id:b})]})}),(0,te.jsx)(E,{level:1,text:"Child 3",id:h,children:(0,te.jsx)(Je,{children:(0,te.jsx)(E,{level:2,text:"Child 3.1",id:k})})}),(0,te.jsx)(E,{level:1,text:"Child 4",id:N})]})}),(0,te.jsx)(E,{header:!0,text:"Item 3",id:a,children:(0,te.jsx)(pe,{children:"content"})}),(0,te.jsx)(E,{header:!0,text:"Item 4",id:n})]}),...e})};var H=require("react/jsx-runtime"),Jx=Ie.options,Yx=Ie.states,mc={...Ie.defaultOptions,variant:"normal"},Qx=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],Zx=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{var d,m,b,h,k,N,p,L,v;let{variant:t,modifiers:o,...a}={...mc,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(S=>{switch(S){case"icon":{n.icon=o!=null&&o[S]?s:void 0;break}case"disabled":n.disabled=!!(o!=null&&o[S])}}),t==="expand"?(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(pc,{style:{width:"300px"},...a,children:[(0,H.jsx)(E,{icon:(d=n.icon)==null?void 0:d.gear,header:!0,text:"Item 1",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(m=n.icon)==null?void 0:m.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:(0,H.jsxs)(Je,{children:[(0,H.jsx)(E,{level:1,text:"Child 1"}),(0,H.jsx)(E,{level:1,expanded:!0,text:"Child 2",children:(0,H.jsxs)(Je,{children:[(0,H.jsx)(E,{level:2,text:"Child 2.1"}),(0,H.jsx)(E,{icon:(b=n.icon)==null?void 0:b.image,level:2,text:"Child 2.2"})]})}),(0,H.jsx)(E,{disabled:n.disabled,level:1,text:"Child 3",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{level:1,text:"Child 4"})]})}),(0,H.jsx)(E,{icon:(h=n.icon)==null?void 0:h.folder,disabled:n.disabled,header:!0,text:"Item 3",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(k=n.icon)==null?void 0:k.file,header:!0,text:"Item 4"})]})}):(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(In,{style:{width:"300px"},...a,children:[(0,H.jsx)(E,{icon:(N=n.icon)==null?void 0:N.gear,header:!0,text:"Item 1",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(p=n.icon)==null?void 0:p.folder,header:!0,text:"Item 2",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(L=n.icon)==null?void 0:L.folder,disabled:n.disabled,header:!0,text:"Item 3",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(v=n.icon)==null?void 0:v.file,header:!0,text:"Item 4"})]})})};ca.options=Jx;ca.states=Yx;ca.variants=Qx;ca.defaultOptions=mc;ca.modifiers=Zx;ca.className=Ie.className;var Mi="speech-to-text-button",uc=Mi;var xc=require("react/jsx-runtime"),fc="k-speech-to-text-button",bc={icon:"microphone-outline"},Ye=e=>{let{listening:t=!1,icon:o=bc.icon,...a}=e;return(0,xc.jsx)(l,{...a,icon:t?"stop-sm":o,className:r(e.className,fc,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ye.states=l.states;Ye.options=l.options;Ye.className=fc;Ye.defaultOptions=bc;Ye.moduleName=Mi;Ye.folderName=uc;Ye.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};var jx=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var Nc=require("react/jsx-runtime"),th=l.states,hc={...l.defaultOptions,variant:"normal"},oh={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},ah=[],nh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],pa=e=>{let{variant:t,...o}={...hc,...e},a={};return t==="listening"&&(a.listening=!0),(0,Nc.jsx)(Ye,{...o,...a})};pa.options=oh;pa.states=th;pa.variants=nh;pa.defaultOptions=hc;pa.modifiers=ah;pa.className=Ye.className;var Ci="textarea",kc=Ci;var rt=require("react/jsx-runtime"),gc="k-textarea",rh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],ih={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ma={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},we=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=ma.prefixSeparator,suffixSeparator:s=ma.prefixSeparator,affixesOrientation:d=ma.affixesOrientation,flow:m=ma.flow,resize:b=ma.resize,prefix:h,suffix:k,rows:N,value:p,placeholder:L,hover:v,focus:S,valid:O,invalid:T,required:K,disabled:q,id:me,"aria-label":xe,"aria-describedby":he,...Re}=e;return(0,rt.jsxs)(J,{...Re,size:t,rounded:o,fillMode:a,hover:v,focus:S,valid:O,invalid:T,required:K,disabled:q,className:r(e.className,gc,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[h&&(0,rt.jsxs)(rt.Fragment,{children:[(0,rt.jsx)($e,{className:r({"!k-align-items-start":m===d}),direction:d,children:h}),n&&(0,rt.jsx)(De,{direction:m==="horizontal"?"vertical":"horizontal"})]}),(0,rt.jsx)(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:p,placeholder:L,rows:N,disabled:q,id:me,"aria-label":xe,"aria-describedby":he,"aria-invalid":T?"true":void 0}),k&&(0,rt.jsxs)(rt.Fragment,{children:[s&&(0,rt.jsx)(De,{direction:m==="horizontal"?"vertical":"horizontal"}),(0,rt.jsx)(Xe,{className:r({"!k-align-items-start":m===d}),direction:d,children:k})]})]})};we.states=rh;we.options=ih;we.className=gc;we.defaultOptions=ma;we.moduleName=Ci;we.folderName=kc;we.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};var sh=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var Lc=require("react/jsx-runtime");var lh=require("react/jsx-runtime");var Fa=require("react/jsx-runtime"),dh=we.options,ch=we.states,Mc={...we.defaultOptions,variant:"vertical"},ph=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],mh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ua=e=>{let{variant:t,modifiers:o,...a}={...Mc,...e},n={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":n.prefix=o!=null&&o[s]?(0,Fa.jsx)(M,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o!=null&&o[s]?(0,Fa.jsx)(M,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?(0,Fa.jsx)(we,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):(0,Fa.jsx)(we,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ua.options=dh;ua.states=ch;ua.variants=ph;ua.defaultOptions=Mc;ua.modifiers=mh;ua.className=we.className;var f=require("react/jsx-runtime"),uh=Ke.options,fh=Ke.states,bh={...Ke.defaultOptions,variant:"ask"},xh=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],hh=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],ao=e=>{let{variant:t,modifiers:o,...a}={...e},n=(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(gt,{layout:"wrap",children:[(0,f.jsx)(yt,{text:"Post for work-life balance importance"}),(0,f.jsx)(yt,{text:"Out of office"})]})}),s={suggestions:n,stt:!0};switch(Object.keys(o||{}).forEach(d=>{switch(d){case"suggestions":s.suggestions=!!(o!=null&&o[d]);break;case"stt":s.stt=!!(o!=null&&o[d]);break}}),t){case"more":return(0,f.jsx)(U,{className:"k-prompt-popup",children:(0,f.jsxs)(Ke,{style:{width:"330px",height:"350px"},...a,children:[(0,f.jsx)($a,{children:(0,f.jsxs)(G,{className:"k-toolbar-flat",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),(0,f.jsx)(Va,{children:(0,f.jsx)(Xa,{children:(0,f.jsxs)(In,{children:[(0,f.jsx)(E,{header:!0,icon:"brush",text:"Change Formality",children:(0,f.jsxs)(Je,{children:[(0,f.jsx)(E,{level:1,text:"Casual"}),(0,f.jsx)(E,{level:1,text:"Neutral"}),(0,f.jsx)(E,{level:1,text:"Formal"})]})}),(0,f.jsx)(E,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:(0,f.jsxs)(Je,{children:[(0,f.jsx)(E,{level:1,text:"German"}),(0,f.jsx)(E,{level:1,text:"Spanish"})]})}),(0,f.jsx)(E,{header:!0,icon:"min-width",text:"Simplify"}),(0,f.jsx)(E,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return(0,f.jsx)(U,{className:"k-prompt-popup",children:(0,f.jsxs)(Ke,{style:{width:"330px",height:"350px"},...a,children:[(0,f.jsx)($a,{children:(0,f.jsxs)(G,{className:"k-toolbar-flat",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),(0,f.jsxs)(Va,{children:[(0,f.jsx)(vo,{}),(0,f.jsx)(Xa,{children:(0,f.jsxs)("div",{className:"k-card-list",children:[(0,f.jsxs)(ie,{children:[(0,f.jsx)(to,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),(0,f.jsx)(vt,{children:(0,f.jsxs)("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",(0,f.jsx)("br",{}),(0,f.jsx)("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}",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"\u2728 Key Points \u2728",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",(0,f.jsx)("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",(0,f.jsx)("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",(0,f.jsx)("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",(0,f.jsx)("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),(0,f.jsxs)(W,{className:"k-card-actions",alignment:"start",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]}),(0,f.jsxs)(ie,{children:[(0,f.jsx)(to,{title:"Generated with AI",subtitle:"Out of Office"}),(0,f.jsx)(vt,{children:(0,f.jsxs)("p",{children:["Subject: Out of Office: [Your Name]",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Dear [Recipient's Name],",(0,f.jsx)("br",{}),(0,f.jsx)("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.",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Thank you,",(0,f.jsx)("br",{}),"[Your Name]"]})}),(0,f.jsxs)(W,{className:"k-card-actions",alignment:"start",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-up-outline"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-down-outline"})]})]})]})})]})]})});default:return(0,f.jsx)(U,{className:"k-prompt-popup",children:(0,f.jsxs)(Ke,{style:{width:"330px",height:"350px"},...a,children:[(0,f.jsx)($a,{children:(0,f.jsxs)(G,{className:"k-toolbar-flat",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),(0,f.jsx)(Va,{children:(0,f.jsxs)(Xa,{children:[(0,f.jsx)(we,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:(0,f.jsx)(f.Fragment,{children:s.stt?(0,f.jsx)(Ye,{fillMode:"flat"}):null})}),(0,f.jsx)(qi,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),(0,f.jsx)(Bi,{children:(0,f.jsx)(W,{className:"k-prompt-actions",alignment:"start",children:(0,f.jsx)(se,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ao.options=uh;ao.states=fh;ao.variants=xh;ao.defaultOptions=bh;ao.modifiers=hh;ao.className=Ke.className;var Nh=ao;
+var Sc=Object.create;var Ga=Object.defineProperty;var Ic=Object.getOwnPropertyDescriptor;var Tc=Object.getOwnPropertyNames;var Ac=Object.getPrototypeOf,yc=Object.prototype.hasOwnProperty;var Ec=(e,t)=>{for(var o in t)Ga(e,o,{get:t[o],enumerable:!0})},Ti=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Tc(t))!yc.call(e,n)&&n!==o&&Ga(e,n,{get:()=>t[n],enumerable:!(a=Ic(t,n))||a.enumerable});return e};var En=(e,t,o)=>(o=e!=null?Sc(Ac(e)):{},Ti(t||!e||!e.__esModule?Ga(o,"default",{value:e,enumerable:!0}):o,e)),Oc=e=>Ti(Ga({},"__esModule",{value:!0}),e);var kh={};Ec(kh,{PromptDemo:()=>ao,default:()=>Nh});module.exports=Oc(kh);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 y=(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:d,active:m,selected:b,disabled:h,indeterminate:k,loading:N,empty:p,readonly:L,highlighted:v,...S}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":h,"k-indeterminate":k&&!d,"k-loading":N,"k-empty":p,"k-readonly":L,"k-highlighted":v},Object.keys(S).reduce((O,T)=>(T.startsWith("k-")?O[T]=S[T]:O[`k-${T}`]=S[T],O),{}))};function Ai(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={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"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={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"},yi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var On={};function A(e){return On[e]=(On[e]||0)+1,`k-${e}-${On[e]}`}var Bn="prompt",Ei=Bn;var fa=require("react/jsx-runtime"),Oi="k-prompt",Bc=[],Pc={},wc={},Ke=e=>{let{...t}=e;return(0,fa.jsx)("div",{...t,className:r(e.className,Oi),children:(0,fa.jsx)(fa.Fragment,{children:e.children})})};Ke.states=Bc;Ke.options=Pc;Ke.className=Oi;Ke.defaultOptions=wc;Ke.moduleName=Bn;Ke.folderName=Ei;Ke.ariaSpec={selector:".k-prompt",rules:[{selector:".k-input-prefix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-prefix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-input-suffix > .k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-input-suffix > .k-prompt-send.k-disabled",attribute:"disabled",usage:"Announces send action as disabled if necessary."},{selector:".k-prompt-expander .k-button",attribute:"aria-controls (when present)",usage:"Points to the controlled element based on the given id."},{selector:".k-prompt-expander .k-button",attribute:"aria-expanded",usage:"Indicates the expanded state of the prompt expander content."},{selector:".k-prompt-expander .k-suggestion-group",attribute:"role=group",usage:"Indicates that the suggestion container element is a group."},{selector:".k-prompt-expander .k-suggestion",attribute:"role=button",usage:"Indicates that the suggestion element is a button."},{selector:".k-prompt-expander .k-suggestion",attribute:"aria-label or title",usage:"The suggestion elements must be properly labelled."},{selector:".k-prompt-expander .k-suggestion",attribute:"tabindex=0",usage:"The suggestion element should be focusable."}]};var ba=require("react/jsx-runtime"),Rc="k-prompt-content",Va=e=>{let{...t}=e;return(0,ba.jsx)("div",{...t,className:r(e.className,Rc),children:(0,ba.jsx)(ba.Fragment,{children:e.children})})};var Pi=require("react/jsx-runtime"),Kc="k-prompt-footer",Bi=e=>{let{...t}=e;return(0,Pi.jsx)("div",{...t,className:r(e.className,Kc),children:e.children})};var wi=require("react/jsx-runtime"),_c="k-prompt-header",$a=e=>{let{...t}=e;return(0,wi.jsx)("div",{...t,className:r(e.className,_c),children:e.children})};var Ri=require("react/jsx-runtime"),Dc="k-prompt-view",Xa=e=>{let{...t}=e;return(0,Ri.jsx)("div",{...t,className:r(e.className,Dc),children:e.children})};var xa=require("react/jsx-runtime"),Pn="k-font-icon",Hc=[],zc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},Fc={},ha=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...d}=e;return a?(0,xa.jsx)("span",{...d,className:r(e.className,Pn,y(Pn,{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"}):(0,xa.jsx)(xa.Fragment,{})};ha.states=Hc;ha.options=zc;ha.className=Pn;ha.defaultOptions=Fc;var Ki=ha;var ro=require("react/jsx-runtime"),wn="k-svg-icon",Uc=[],Gc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},_i={viewBox:"0 0 24 24"},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=_i.viewBox,icon:d,...m}=e;if(!d)return(0,ro.jsx)(ro.Fragment,{});if(d==="none")return(0,ro.jsx)("span",{...m,className:r(e.className,wn,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name;return(0,ro.jsx)("span",{...m,className:r(e.className,wn,y("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`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:(0,ro.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:s,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};Na.states=Uc;Na.options=Gc;Na.className=wn;Na.defaultOptions=_i;var Rn=Na;var Kn=En(require("@progress/kendo-svg-icons"));var Di="icon",Hi="icons";var Ui=require("react");var zi=require("react"),Fi=(0,zi.createContext)({iconsType:"svg"});var Bt=require("react/jsx-runtime"),qa="k-icon",Vc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$c=[],Xc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info]},_n={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{iconsType:t}=(0,Ui.useContext)(Fi),{size:o,themeColor:a,icon:n,type:s=t||_n.type,rotate:d,flip:m,viewBox:b=_n.viewBox,...h}=e;if(!n)return(0,Bt.jsx)(Bt.Fragment,{});if((t||s)==="svg"){if(n==="none")return(0,Bt.jsx)(Rn,{...h,className:r(e.className,qa),icon:n,size:o});let N=Kn[n]?n:Vc(`${n}-icon`);return Kn[N]?(0,Bt.jsx)(Rn,{...h,className:r(e.className,qa),icon:Kn[N],size:o,themeColor:a,rotate:d,flip:m,viewBox:b}):(0,Bt.jsx)(Bt.Fragment,{})}return(0,Bt.jsx)(Ki,{...h,className:r(e.className,qa),icon:n,size:o,themeColor:a,rotate:d,flip:m})};M.states=$c;M.options=Xc;M.defaultOptions=_n;M.className=qa;M.moduleName=Di;M.folderName=Hi;M.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Dn="button",Gi=Dn;var ft=require("react/jsx-runtime"),ka="k-button",qc=["icon-button"],Wc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Jc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Hn={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:d=Hn.showArrow,arrowIconName:m=Hn.arrowIconName,variant:b,hover:h,focus:k,active:N,selected:p,disabled:L,togglable:v,ariaDisabled:S,icon:O,text:T,iconClassName:K,className:q,...me}=e,xe=O!==void 0,he=e.children!==void 0;return(0,ft.jsxs)(t,{className:r(q,ka,Ai(ka,b),y(ka,{size:o,rounded:a,fillMode:n,themeColor:s}),I(ka,{hover:h,focus:k,active:N,disabled:L||S,selected:p}),{"k-icon-button":!T&&!he&&xe}),...me,"aria-pressed":v?p?"true":"false":void 0,"aria-disabled":S?"true":void 0,disabled:L||void 0,children:[O&&(0,ft.jsx)(M,{className:r(K,"k-button-icon"),icon:O}),T?(0,ft.jsxs)(ft.Fragment,{children:[T&&(0,ft.jsx)("span",{className:"k-button-text",children:T}),e.children]}):e.children&&(0,ft.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,ft.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ft.jsx)(M,{icon:m})})]})};l.states=Wc;l.options=Jc;l.variants=qc;l.className=ka;l.defaultOptions=Hn;l.moduleName=Dn;l.folderName=Gi;l.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Vi=require("react/jsx-runtime"),Ne=e=>(0,Vi.jsx)(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var $i=require("react/jsx-runtime"),se=e=>(0,$i.jsx)(l,{icon:"folder",children:"Button",...e});var Xi=require("react/jsx-runtime"),io=e=>(0,Xi.jsx)(l,{children:"Button",...e});var Wa=require("react/jsx-runtime"),Yc=l.options,Qc=l.states,Zc={...l.defaultOptions,variant:"text"},jc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ep=[],ko=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Wa.jsx)(Ne,{...o,icon:"star"});case"icon-and-text":return(0,Wa.jsx)(se,{...o,icon:"star",children:"Button"});default:return(0,Wa.jsx)(io,{...o,children:"Button"})}};ko.options=Yc;ko.states=Qc;ko.variants=jc;ko.defaultOptions=Zc;ko.modifiers=ep;ko.className=l.className;var ga=require("react/jsx-runtime"),tp="k-prompt-expander",qi=e=>{let{title:t,children:o,expanded:a,...n}=e,s=A("prompt-expander-content");return(0,ga.jsxs)("div",{...n,className:r(e.className,tp),children:[(0,ga.jsx)(se,{fillMode:"flat",icon:a?"chevron-up":"chevron-down","aria-expanded":a?"true":"false","aria-controls":a?s:void 0,children:t}),a&&(0,ga.jsx)("div",{className:"k-prompt-expander-content",id:s,children:o})]})};var va=require("react/jsx-runtime"),Ja="k-fab",np=[i.hover,i.focus,i.active,i.selected,i.disabled],rp={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},Wi={type:"button"},oe=e=>{let{size:t,rounded:o,themeColor:a,text:n,icon:s,type:d=Wi.type,position:m,hover:b,focus:h,active:k,selected:N,disabled:p,...L}=e;return(0,va.jsxs)("button",{...L,type:d,className:r(e.className,Ja,y(Ja,{size:t,rounded:o,themeColor:a}),I(Ja,{hover:b,focus:h,active:k,disabled:p,selected:N}),{[`!k-pos-absolute k-${m}`]:m}),...!n&&s&&!e["aria-label"]&&{"aria-label":"Action"},...p&&{"aria-disabled":"true"},disabled:p||void 0,children:[s&&(0,va.jsx)(M,{className:"k-fab-icon",icon:s}),n&&(0,va.jsx)("span",{className:"k-fab-text",children:n})]})};oe.states=np;oe.options=rp;oe.className=Ja;oe.defaultOptions=Wi;oe.moduleName="fab";oe.folderName="fab";oe.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var Yi=require("react/jsx-runtime"),ip="k-fab-items",Ji=e=>{let{position:t,...o}=e;return(0,Yi.jsx)("ul",{...o,className:r(e.className,ip,{[`k-fab-items-${t}`]:t}),children:e.children})};var La=require("react/jsx-runtime"),Qi="k-fab-item",sp=[i.hover,i.focus,i.active,i.disabled],zn=e=>{let{text:t,icon:o,align:a,hover:n,focus:s,active:d,disabled:m,...b}=e;return(0,La.jsxs)("li",{...b,className:r(e.className,Qi,{[`k-text-${a}`]:a},I(Qi,{hover:n,focus:s,active:d,disabled:m})),children:[(0,La.jsx)("span",{className:"k-fab-item-text",children:t}),(0,La.jsx)(M,{className:"k-fab-item-icon",icon:o})]})};zn.states=sp;var lp=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var pp=require("react/jsx-runtime");var Pt=require("react/jsx-runtime"),mp=oe.options,up=oe.states,fp={...oe.defaultOptions,variant:"text"},bp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xp=[{name:"opened",title:"Opened"}],go=e=>{let{variant:t,modifiers:o,...a}=e,{opened:n}=o||{},s=n?(0,Pt.jsx)("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:(0,Pt.jsx)(Ji,{position:"bottom",children:(0,Pt.jsx)(zn,{text:"Item",icon:"pencil",align:"right"})})}):null,d;switch(t){case"icon-only":d=(0,Pt.jsx)(oe,{...a,icon:"star"});break;case"icon-and-text":d=(0,Pt.jsx)(oe,{...a,icon:"star",text:"Action"});break;default:d=(0,Pt.jsx)(oe,{...a,text:"Action"});break}return(0,Pt.jsxs)("span",{style:{position:"relative"},children:[d,s]})};go.options=mp;go.states=up;go.variants=bp;go.defaultOptions=fp;go.modifiers=xp;go.className=oe.className;var es=require("react/jsx-runtime"),Zi="k-prompt-stop-fab",ji={generating:!0},vo=e=>{let{generating:t=ji.generating,icon:o,...a}=e;return(0,es.jsx)(oe,{...a,className:r(e.className,Zi,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":o,active:t,"aria-label":t?"Stop generating":"Action"})};vo.states=l.states;vo.options=l.options;vo.className=Zi;vo.defaultOptions=ji;var Fn="action-buttons",ts=Fn;var os=require("react/jsx-runtime"),Ya="k-actions",hp=[],Np={},Un={alignment:"start",orientation:"horizontal"},W=e=>{let{alignment:t=Un.alignment,orientation:o=Un.orientation,...a}=e;return(0,os.jsx)("div",{...a,className:r(Ya,{[`${Ya}-${t}`]:t,[`${Ya}-${o}`]:o},e.className),children:e.children})};W.states=hp;W.options=Np;W.className=Ya;W.defaultOptions=Un;W.moduleName=Fn;W.folderName=ts;var Gn="button",as=Gn;var ns=require("react/jsx-runtime"),Ma="k-button-group",kp=[i.disabled],gp={fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},vp={},w=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,ns.jsx)("div",{role:"group",...n,className:r(e.className,Ma,y(Ma,{fillMode:t}),I(Ma,{disabled:o}),{[`${Ma}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};w.states=kp;w.options=gp;w.className=Ma;w.defaultOptions=vp;w.moduleName=Gn;w.folderName=as;w.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Vn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var qn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var Ge=require("react/jsx-runtime"),Lp={...l.options,...w.options},Mp=l.states,Cp={...l.defaultOptions,...w.defaultOptions,variant:"text-button"},Sp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Ip=[],Lo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,Ge.jsxs)(w,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(l,{...a,icon:"star"}),(0,Ge.jsx)(l,{...a,icon:"star"}),(0,Ge.jsx)(l,{...a,icon:"star"})]}):t==="icon-text-button"?(0,Ge.jsxs)(w,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(l,{...a,icon:"star",children:"First"}),(0,Ge.jsx)(l,{...a,icon:"star",children:"Middle"}),(0,Ge.jsx)(l,{...a,icon:"star",children:"Last"})]}):(0,Ge.jsxs)(w,{fillMode:a.fillMode,className:o,children:[(0,Ge.jsx)(l,{...a,children:"First"}),(0,Ge.jsx)(l,{...a,children:"Middle"}),(0,Ge.jsx)(l,{...a,children:"Last"})]})};Lo.options=Lp;Lo.states=Mp;Lo.variants=Sp;Lo.defaultOptions=Cp;Lo.modifiers=Ip;Lo.className=w.className;var Ca="input",Qa=Ca;var rs=require("react/jsx-runtime"),Za="k-input",Tp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ap={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},yp={},J=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:b,rounded:h,fillMode:k,...N}=e;return(0,rs.jsx)("span",{...N,className:r(e.className,Za,y(Za,{size:b,rounded:h,fillMode:k}),I(Za,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m}))})};J.states=Tp;J.options=Ap;J.className=Za;J.defaultOptions=yp;J.moduleName=Ca;J.folderName=Qa;var is=require("react/jsx-runtime"),ja="k-picker",Ep=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Op={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Bp={},Mt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:b,rounded:h,fillMode:k,...N}=e;return(0,is.jsx)("span",{...N,className:r(e.className,ja,y(ja,{size:b,rounded:h,fillMode:k}),I(ja,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m})),children:e.children})};Mt.states=Ep;Mt.options=Op;Mt.className=ja;Mt.defaultOptions=Bp;Mt.moduleName=Ca;Mt.folderName=Qa;var Mo=require("react/jsx-runtime"),ss="k-clear-value",Pp=[i.disabled,i.loading,i.readonly],wp={},Qe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,Mo.jsx)(Mo.Fragment,{}):(0,Mo.jsx)("span",{className:r(e.className,ss),children:(0,Mo.jsx)(M,{icon:"x"})})};Qe.states=Pp;Qe.options=wp;Qe.className=ss;var ls=require("react/jsx-runtime"),Yn="k-input-inner",Rp=[],Kp={},en={type:"text",autocomplete:"off",value:"",placeholder:""},Ze=e=>{let{value:t=en.value,type:o=en.type,placeholder:a=en.placeholder,autocomplete:n=en.autocomplete,disabled:s,readOnly:d,...m}=e;return(0,ls.jsx)("input",{...m,type:o,className:r(e.className,Yn,y(Yn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Ze.states=Rp;Ze.options=Kp;Ze.className=Yn;var Sa=require("react/jsx-runtime"),Qn="k-input-inner",_p=[],Dp={},so=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...d}=e;return(0,Sa.jsxs)("span",{...d,className:r(e.className,Qn,y(Qn,e)),children:[n,!n&&s&&(0,Sa.jsx)(M,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,Sa.jsx)("span",{className:"k-input-value-text",children:t})]})};so.states=_p;so.options=Dp;so.className=Qn;var cs=require("react/jsx-runtime"),Zn="k-input-inner",Hp=[],zp={},ds={value:"",placeholder:""},Ia=e=>{let{value:t=ds.value,placeholder:o=ds.placeholder,rows:a,disabled:n,...s}=e;return(0,cs.jsx)("textarea",{...s,className:r(e.className,Zn,y(Zn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};Ia.states=Hp;Ia.options=zp;Ia.className=Zn;var Ta=require("react/jsx-runtime"),ps="k-input-loading-icon",Fp=[i.disabled,i.loading],Ve=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Ta.jsx)(Ta.Fragment,{}):(0,Ta.jsx)("span",{className:r(e.className,ps,"k-icon k-i-loading")})};Ve.states=Fp;Ve.className=ps;var Aa=require("react/jsx-runtime"),ms="k-input-validation-icon",Up=[i.valid,i.invalid,i.disabled,i.loading],Gp={},_e=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Aa.jsx)(Aa.Fragment,{}):(0,Aa.jsx)(M,{className:r(ms),icon:s})};_e.states=Up;_e.options=Gp;_e.className=ms;var ya=require("react/jsx-runtime"),Vp="k-input-prefix",$p={direction:"horizontal"},$e=e=>{let{direction:t=$p.direction,...o}=e;return e.children?(0,ya.jsx)("span",{...o,className:r(Vp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ya.jsx)(ya.Fragment,{})};var Ea=require("react/jsx-runtime"),Xp="k-input-suffix",qp={direction:"horizontal"},Xe=e=>{let{direction:t=qp.direction,...o}=e;return e.children?(0,Ea.jsx)("span",{...o,className:r(Xp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ea.jsx)(Ea.Fragment,{})};var Wp=require("react/jsx-runtime");var us=require("react/jsx-runtime"),Jp="k-input-suffix-text",jn=e=>{let{children:t,...o}=e;return(0,us.jsx)("span",{...o,className:r(Jp,e.className),children:t})};var bs=require("react/jsx-runtime"),fs="k-input-separator",Yp={direction:"vertical"},De=e=>{let{direction:t=Yp.direction,...o}=e;return(0,bs.jsx)("span",{...o,className:r(fs,e.className,{[`${fs}-${t}`]:t})})};var ue=require("react/jsx-runtime"),Qp=J.states,Zp=J.defaultOptions,jp=J.options,em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],tm=[],Co=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:d,...m}=e,b=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,k=t==null?void 0:t["clear-button"],N=t==null?void 0:t["validation-icon"],p=t==null?void 0:t.separators;return(0,ue.jsxs)(J,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:d,style:{width:300},children:[b&&(0,ue.jsxs)(ue.Fragment,{children:[(0,ue.jsx)($e,{children:(0,ue.jsx)(M,{icon:"lock"})}),p&&(0,ue.jsx)(De,{})]}),(0,ue.jsx)(Ze,{placeholder:"Placeholder",value:"Value"}),N&&(0,ue.jsx)(_e,{valid:o,invalid:a,loading:n,disabled:s}),(0,ue.jsx)(Ve,{loading:n,disabled:s}),k&&(0,ue.jsx)(Qe,{loading:n,disabled:s,readonly:d,value:"Value"}),h&&(0,ue.jsxs)(ue.Fragment,{children:[p&&(0,ue.jsx)(De,{}),(0,ue.jsx)(Xe,{children:(0,ue.jsx)(io,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Co.options=jp;Co.states=Qp;Co.variants=tm;Co.defaultOptions=Zp;Co.modifiers=em;Co.className=J.className;var Oa=require("react/jsx-runtime"),xs="k-color-preview",om=[],am={},Vt=e=>{let{color:t,iconName:o,...a}=e;return(0,Oa.jsxs)("span",{...a,className:r(e.className,xs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Oa.jsx)(M,{icon:o,className:"k-color-preview-icon"}),(0,Oa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Vt.states=om;Vt.options=am;Vt.className=xs;var er="popup",hs=er;var tr=require("react/jsx-runtime"),Ns="k-animation-container",nm=[],rm={},ks={positionMode:"absolute"},Ct=e=>{let{positionMode:t=ks.positionMode,animationStyle:o,offset:a,...n}=e;return(0,tr.jsx)("div",{...n,style:{...a,...e.style},className:r(e.className,Ns,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,tr.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ct.states=nm;Ct.options=rm;Ct.className=Ns;Ct.defaultOptions=ks;Ct.moduleName=er;Ct.folderName=hs;var or="popup",gs=or;var ar=require("react/jsx-runtime"),vs="k-popup",im=[],sm={},Ls={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=Ls.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:d,...m}=e;return(0,ar.jsx)(Ct,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":d,children:(0,ar.jsx)("div",{...m,className:r(e.className,vs),children:e.children})})};U.states=im;U.options=sm;U.className=vs;U.defaultOptions=Ls;U.moduleName=or;U.folderName=gs;U.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Cs=require("react/jsx-runtime"),lm="k-actionsheet-footer",Ms={alignment:"stretched",orientation:"horizontal"},$t=e=>{let{alignment:t=Ms.alignment,orientation:o=Ms.orientation,template:a,as:n=a?"div":W,...s}=e;return(0,Cs.jsx)(n,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,lm),children:e.children})};var nr="searchbox",Ss=nr;var Xt=require("react/jsx-runtime"),Is="k-searchbox",dm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],cm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},rr={showIcon:!0,icon:"search"},it=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:b,invalid:h,required:k,loading:N,disabled:p,showIcon:L=rr.showIcon,icon:v=rr.icon,"aria-label":S,...O}=e;return(0,Xt.jsxs)(J,{...O,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:b,invalid:h,required:k,loading:N,disabled:p,className:r(e.className,Is),children:[L&&(0,Xt.jsx)(M,{className:"k-input-icon",icon:v}),(0,Xt.jsx)(Ze,{placeholder:o,value:t,"aria-label":S}),(0,Xt.jsx)(Ve,{...e}),(0,Xt.jsx)(_e,{...e}),(0,Xt.jsx)(Qe,{...e})]})};it.states=dm;it.options=cm;it.className=Is;it.defaultOptions=rr;it.moduleName=nr;it.folderName=Ss;var pm=require("react/jsx-runtime");var ir="textbox",Ts=ir;var Te=require("react/jsx-runtime"),As="k-textbox",mm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],um={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},tn={showClearButton:!0,showValidationIcon:!0,separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:n=tn.separators,showClearButton:s=tn.showClearButton,showValidationIcon:d=tn.showValidationIcon,prefix:m,suffix:b,type:h,value:k,placeholder:N,hover:p,focus:L,valid:v,invalid:S,required:O,loading:T,disabled:K,readonly:q,id:me,"aria-label":xe,"aria-describedby":he,...Re}=e;return(0,Te.jsxs)(J,{...Re,size:t,rounded:o,fillMode:a,hover:p,focus:L,valid:v,invalid:S,required:O,loading:T,disabled:K,readonly:q,className:r(e.className,As),children:[m&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)($e,{children:m}),n&&(0,Te.jsx)(De,{})]}),(0,Te.jsx)(Ze,{id:me,placeholder:N,value:k,type:h,disabled:K,"aria-label":xe,"aria-describedby":he,"aria-invalid":S?"true":void 0}),d&&(0,Te.jsx)(_e,{valid:v,invalid:S,loading:T,disabled:K}),(0,Te.jsx)(Ve,{loading:T,disabled:K}),s&&(0,Te.jsx)(Qe,{loading:T,disabled:K,readonly:q,value:k}),b&&(0,Te.jsxs)(Te.Fragment,{children:[n&&(0,Te.jsx)(De,{}),(0,Te.jsx)(Xe,{children:b})]})]})};ke.states=mm;ke.options=um;ke.className=As;ke.defaultOptions=tn;ke.moduleName=ir;ke.folderName=Ts;ke.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Ba=ke;var Es=require("react/jsx-runtime"),ys=e=>(0,Es.jsx)(Ba,{...e});var Os=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var fm=require("react/jsx-runtime");var on=require("react/jsx-runtime"),bm=ke.states,xm=ke.defaultOptions,hm=ke.options,Nm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],km=[],So=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,on.jsx)(M,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,on.jsx)(io,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,on.jsx)(ys,{value:"Value",style:{width:300},...o,...a})};So.options=hm;So.states=bm;So.variants=km;So.defaultOptions=xm;So.modifiers=Nm;So.className=ke.className;var je=require("react/jsx-runtime"),Ps="k-actionsheet-titlebar",gm={},He=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:d,inputValue:m,inputPlaceholder:b,adaptive:h,titleId:k,children:N,...p}=e;return(0,je.jsxs)("div",{...p,className:r(e.className,Ps),children:[(0,je.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,je.jsx)("div",{className:"k-actionsheet-actions",children:a}),!N&&(0,je.jsxs)("div",{className:"k-actionsheet-title",id:k,children:[t&&(0,je.jsx)("div",{className:"k-text-center",children:t}),o&&(0,je.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&(0,je.jsx)("div",{className:"k-actionsheet-title",id:k,children:N}),n&&(0,je.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(d||s)&&(0,je.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,je.jsx)(ke,{value:m,placeholder:b,size:h?"large":"medium","aria-label":t||b||"Input"}):(0,je.jsx)(it,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};He.className=Ps;He.defaultOptions=gm;var Io=require("react/jsx-runtime"),sr="k-actionsheet-view",vm=[],Lm={},Mm={},To=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:d,...m}=e,b=(n==null?void 0:n.type)===He&&(0,Io.jsx)(He,{adaptive:t,titleId:d,...n==null?void 0:n.props}),h=(s==null?void 0:s.type)===$t&&(0,Io.jsx)($t,{...s==null?void 0:s.props});return(0,Io.jsxs)("div",{...m,className:r(e.className,sr,{[`${sr}-animated`]:o}),children:[b,(0,Io.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};To.states=vm;To.options=Lm;To.className=sr;To.defaultOptions=Mm;var Pa="action-sheet",an=Pa;var lr="overlay",ws=lr;var Ks=require("react/jsx-runtime"),Rs="k-overlay",Cm=[],Sm={},Im={},qt=e=>{let{...t}=e;return(0,Ks.jsx)("div",{...t,className:r(e.className,Rs),children:e.children})};qt.states=Cm;qt.options=Sm;qt.className=Rs;qt.defaultOptions=Im;qt.moduleName=lr;qt.folderName=ws;var lo=require("react/jsx-runtime"),_s="k-actionsheet",Tm=[],Am={},wa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=e=>{let{side:t=wa.side,fullscreen:o=wa.fullscreen,adaptive:a=wa.adaptive,overlay:n=wa.overlay,template:s,children:d,header:m,footer:b,id:h,...k}=e,N=h&&!s&&m?`${h}-title`:void 0;return(0,lo.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,lo.jsx)(qt,{}),(0,lo.jsx)(Ct,{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:(0,lo.jsx)("div",{...k,id:h,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":N,className:r(e.className,_s,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||(0,lo.jsx)(To,{header:m,footer:b,adaptive:a,titleId:N,...e,children:d})})})]})};ae.states=Tm;ae.options=Am;ae.className=_s;ae.defaultOptions=wa;ae.moduleName=Pa;ae.folderName=an;ae.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var Hs=require("react/jsx-runtime"),Ds="k-actionsheet-container",ym=[],Em={},Om={},Ao=e=>{let{children:t,...o}=e;return(0,Hs.jsx)("div",{...o,className:Ds,children:t})};Ao.states=ym;Ao.options=Em;Ao.className=Ds;Ao.defaultOptions=Om;Ao.moduleName=Pa;Ao.folderName=an;var zs=require("react/jsx-runtime"),dr=e=>{let{...t}=e;return(0,zs.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var st=require("react/jsx-runtime"),cr="k-actionsheet-item",Bm=[i.hover,i.focus,i.selected,i.disabled],Wt=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:d,disabled:m,...b}=e;return(0,st.jsxs)("span",{...b,className:r(e.className,cr,I(cr,{hover:n,focus:s,selected:d,disabled:m})),children:[!e.children&&(0,st.jsx)(st.Fragment,{children:(0,st.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,st.jsx)("span",{className:"k-icon-wrap",children:(0,st.jsx)(M,{className:"k-actionsheet-item-icon",icon:t})}),(0,st.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,st.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,st.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Wt.states=Bm;Wt.className=cr;var Fs=require("react/jsx-runtime");var Pm=require("react/jsx-runtime");var wm=require("react/jsx-runtime");var Rm=require("react/jsx-runtime");var Y=require("react/jsx-runtime"),Km=ae.options,_m=ae.states,Gs={...ae.defaultOptions,variant:"normal"},Dm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Hm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],yo=e=>{let{variant:t,modifiers:o,...a}={...Gs,...e},n={},s=(0,Y.jsxs)(dr,{children:[(0,Y.jsx)(Wt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Y.jsx)(Wt,{text:"Add to Favorites",iconName:"heart"}),(0,Y.jsx)(Wt,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Y.jsx)("hr",{className:"k-hr"}),(0,Y.jsx)(Wt,{text:"Cancel",iconName:"cancel"})]}),d="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!=null&&o[b]),n.actionsEnd=!!(o!=null&&o[b]);break;case"subtitle":n.subtitle=o!=null&&o[b]?d:void 0;break;case"footer":n.footer=!!(o!=null&&o[b]);break;default:break}}),t==="adaptive"?(0,Y.jsx)(ae,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,Y.jsx)(He,{actionsStart:n.actionsStart?(0,Y.jsx)(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)($t,{alignment:"stretched",children:[(0,Y.jsx)(l,{text:"Cancel",size:"large",themeColor:"base"}),(0,Y.jsx)(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Y.jsx)(ae,{...a,fullscreen:n.fullScreen,header:(0,Y.jsx)(He,{actionsStart:n.actionsStart?(0,Y.jsx)(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,Y.jsx)(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,Y.jsxs)($t,{alignment:"stretched",children:[(0,Y.jsx)(l,{text:"Apply",themeColor:"primary"}),(0,Y.jsx)(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};yo.options=Km;yo.states=_m;yo.variants=Dm;yo.defaultOptions=Gs;yo.modifiers=Hm;yo.className=ae.className;var pr="slider",Vs=pr;var bt=require("react/jsx-runtime"),Ra="k-slider",zm=[i.hover,i.focus,i.active,i.disabled,i.readonly],Fm={},lt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=lt.type,orientation:o=lt.orientation,gradientType:a=lt.gradientType,readonly:n=lt.readonly,disabled:s=lt.disabled,handlePosition:d=lt.handlePosition,showButtons:m=lt.showButtons,showTicks:b=lt.showTicks,value:h=lt.value,min:k=lt.min,max:N=lt.max,startValue:p,endValue:L,hover:v,focus:S,active:O,trackStyle:T,dir:K,...q}=e,xe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),he,Re;return o==="horizontal"?(he=K==="rtl"?"chevron-left":"chevron-right",Re=K==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(he="chevron-up",Re="chevron-down"),(0,bt.jsxs)("div",{...q,className:r(Ra,e.className,I(Ra,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:K,children:[m&&(0,bt.jsx)(l,{className:"k-button-decrease",rounded:"full",icon:Re,tabIndex:-1,title:"Decrease"}),(0,bt.jsxs)("div",{className:"k-slider-track-wrap",children:[b&&(0,bt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,bt.jsxs)("div",{className:"k-slider-track",style:T,children:[(0,bt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,bt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",I(Ra,{hover:v,focus:S,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":p??k,"aria-valuemin":k,"aria-valuemax":L??N,"aria-orientation":xe,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),(0,bt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${d}`,I(Ra,{hover:v,focus:S,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??N:h,"aria-valuemin":t==="range"?p??k:k,"aria-valuemax":N,"aria-orientation":xe,"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&&(0,bt.jsx)(l,{className:"k-button-increase",rounded:"full",icon:he,tabIndex:-1,title:"Increase"})]})};X.states=zm;X.options=Fm;X.className=Ra;X.defaultOptions=lt;X.moduleName=pr;X.folderName=Vs;X.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var mr=require("react/jsx-runtime"),$s="k-tick",Um=[],Gm={},Xs={label:!1},B=e=>{let{style:t,label:o=Xs.label,orientation:a,large:n,text:s,...d}=e;return(0,mr.jsx)("li",{...d,role:"presentation",title:s||"Tick",className:r(e.className,$s,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,mr.jsx)("span",{className:"k-label",children:s})})};B.states=Um;B.options=Gm;B.className=$s;B.defaultOptions=Xs;var ge=require("react/jsx-runtime"),qs=e=>(0,ge.jsx)(X,{"aria-label":e["aria-label"]||"Slider",children:(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{label:!0,large:!0,text:"5"}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{}),(0,ge.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var ve=require("react/jsx-runtime"),Ws=e=>(0,ve.jsx)(X,{children:(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(B,{className:"k-first",label:!0,large:!0,text:"0"}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{label:!0,large:!0,text:"5"}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{}),(0,ve.jsx)(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var ur=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var Js=require("react/jsx-runtime"),br=e=>(0,Js.jsx)(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ys=require("react/jsx-runtime"),xr=e=>(0,Ys.jsx)(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var hr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Vm=X.options,$m=X.states,Qs={...X.defaultOptions,variant:"horizontal",label:!0},Xm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Eo=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},n={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{n.showButtons=!!(o!=null&&o[h]);break}case"label":{n.label=!!(o!=null&&o[h]);break}case"tick":{n.showTicks=!!(o!=null&&o[h]);break}}});let{label:s=!0,showButtons:d,showTicks:m}=n,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,qe.jsxs)(Ws,{showTicks:m,showButtons:d,style:{height:"300px",...b},...a,children:[(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,qe.jsxs)(qs,{showTicks:m,showButtons:d,style:{width:"400px",...b},...a,children:[(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,qe.jsx)(B,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=Vm;Eo.states=$m;Eo.variants=Xm;Eo.defaultOptions=Qs;Eo.modifiers=qm;Eo.className=X.className;var Ka=require("react/jsx-runtime"),Zs="k-spin-button",Ym=[],Qm={size:[c.undefined,c.small,c.medium,c.large],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link]},kr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Jt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=kr.increaseLabel,decreaseLabel:s=kr.decreaseLabel,...d}=e;return(0,Ka.jsxs)("span",{...d,className:r(Zs,e.className),children:[(0,Ka.jsx)(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,Ka.jsx)(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Jt.states=Ym;Jt.options=Qm;Jt.className=Zs;Jt.defaultOptions=kr;Jt.moduleName=null;Jt.folderName=null;var js="numeric-textbox",el="numerictextbox";var Le=require("react/jsx-runtime"),tl="k-numerictextbox",Zm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],jm={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},nn={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:n=nn.separators,showClearButton:s=nn.showClearButton,showSpinButton:d=nn.showSpinButton,prefix:m,suffix:b,value:h,placeholder:k,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,id:q,"aria-label":me,"aria-describedby":xe,...he}=e;return(0,Le.jsxs)(J,{...he,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,className:r(e.className,tl),children:[m&&(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)($e,{children:m}),n&&(0,Le.jsx)(De,{})]}),(0,Le.jsx)(Ze,{id:q,placeholder:k,value:h,role:"spinbutton",disabled:T,"aria-label":me,"aria-describedby":xe,"aria-invalid":v?"true":void 0}),(0,Le.jsx)(_e,{valid:L,invalid:v,loading:O,disabled:T}),(0,Le.jsx)(Ve,{loading:O,disabled:T}),s&&(0,Le.jsx)(Qe,{loading:O,disabled:T,readonly:K,value:h}),b&&(0,Le.jsxs)(Le.Fragment,{children:[n&&(0,Le.jsx)(De,{}),(0,Le.jsx)(Xe,{children:b})]}),d&&(0,Le.jsx)(Jt,{className:"k-input-spinner",size:t,fillMode:a,disabled:T})]})};F.states=Zm;F.options=jm;F.className=tl;F.defaultOptions=nn;F.moduleName=js;F.folderName=el;F.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var _a=F;var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(_a,{...e});var sn=En(require("react"));var gr=require("react/jsx-runtime"),eu="k-list-group-sticky-header",vr=e=>(0,gr.jsx)("div",{className:r(eu,e.className),children:(0,gr.jsx)("div",{className:"k-list-header-text",children:e.children})});var nl=require("react/jsx-runtime"),tu="k-no-data",rn=e=>{let{live:t,...o}=e;return(0,nl.jsx)("span",{...o,className:r(tu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var co="list",Oo=co;var Bo=require("react/jsx-runtime"),Lr="k-list",ou=[],au={size:[c.undefined,c.small,c.medium,c.large]},nu={},D=e=>{var L;let{size:t,virtualization:o,children:a,header:n,optionLabel:s,customValue:d,noData:m,screenReaders:b,...h}=e,N=sn.default.Children.toArray(a)[0],p=(L=N==null?void 0:N.props)!=null&&L.children?sn.default.Children.count(N.props.children):sn.default.Children.count(a);return(0,Bo.jsxs)("div",{...h,className:r(e.className,Lr,y(Lr,{size:t}),{"k-virtual-list":o}),children:[s,d,n&&(0,Bo.jsx)(vr,{children:n}),a||(m!==void 0?m:(0,Bo.jsx)(rn,{live:!0,children:"No data found."})),b&&a&&(0,Bo.jsxs)(rn,{className:"k-sr-only",live:!0,children:[p," items found."]})]})};D.states=ou;D.options=au;D.className=Lr;D.defaultOptions=nu;D.moduleName=co;D.folderName=Oo;D.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var il=require("react/jsx-runtime"),rl="k-list-container",ru=[],iu={},su={},Po=e=>{let{...t}=e;return(0,il.jsx)("div",{...t,className:r(e.className,rl),children:e.children})};Po.states=ru;Po.options=iu;Po.className=rl;Po.defaultOptions=su;Po.moduleName=co;Po.folderName=Oo;var po="checkbox",wo=po;var Mr=require("react/jsx-runtime"),ln="k-checkbox",lu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],du={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full]},cu={},dt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:d,invalid:m,valid:b,required:h,size:k,rounded:N,wrapperRole:p,...L}=e;return(0,Mr.jsx)("span",{className:"k-checkbox-wrap",role:p,children:(0,Mr.jsx)("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,ln,y(ln,{size:k,rounded:N}),I(ln,{hover:n,focus:s,disabled:d,invalid:m,valid:b,indeterminate:a,checked:o}))})})};dt.states=lu;dt.options=du;dt.className=ln;dt.defaultOptions=cu;dt.moduleName=po;dt.folderName=wo;dt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var xt=dt;var dl=require("react/jsx-runtime"),sl="k-checkbox-list",pu=[],mu={},ll={layout:"vertical"},ze=e=>{let{layout:t=ll.layout,...o}=e;return(0,dl.jsx)("ul",{...o,className:r(e.className,sl,{[`k-list-${t}`]:t}),children:e.children})};ze.states=pu;ze.options=mu;ze.className=sl;ze.defaultOptions=ll;ze.moduleName=po;ze.folderName=wo;var pl=require("react/jsx-runtime"),cl="k-checkbox-list-item",uu=[],fu={},bu={},Fe=e=>{let{...t}=e;return(0,pl.jsx)("li",{...t,className:r(e.className,cl),children:e.children})};Fe.states=uu;Fe.options=fu;Fe.className=cl;Fe.defaultOptions=bu;Fe.moduleName=po;Fe.folderName=wo;var mo=require("react/jsx-runtime"),wt=({children:e="Label",id:t="cb-label-after",...o})=>(0,mo.jsxs)(mo.Fragment,{children:[(0,mo.jsx)(xt,{id:t,...o}),(0,mo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Cr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Ir=require("react/jsx-runtime");var xu=require("react/jsx-runtime");var hu=require("react/jsx-runtime");var Nu=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),ku=ze.options,gu=ze.states,vu={...ze.defaultOptions,variant:"vertical"},Lu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mu=[],Ro=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ae.jsxs)(ze,{layout:"horizontal",...o,children:[(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})})]}):(0,Ae.jsxs)(ze,{...o,children:[(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})}),(0,Ae.jsx)(Fe,{children:(0,Ae.jsx)(wt,{id:A("cb"),children:"Label"})})]})};Ro.options=ku;Ro.states=gu;Ro.variants=Lu;Ro.defaultOptions=vu;Ro.modifiers=Mu;Ro.className=ze.className;var ml=require("react/jsx-runtime"),Cu=xt.options,Su=xt.states,Iu=xt.defaultOptions,Tu=[],Au=[],Ko=e=>(0,ml.jsx)(wt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});Ko.options=Cu;Ko.states=Su;Ko.variants=Tu;Ko.defaultOptions=Iu;Ko.modifiers=Au;Ko.className=xt.className;var St=require("react/jsx-runtime"),Tr="k-list-item",yu=[i.hover,i.focus,i.selected,i.disabled],Eu={},Ou={},R=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:s,showCheckbox:d,checked:m,hover:b,focus:h,selected:k,disabled:N,actions:p,description:L,id:v,...S}=e,O=t||e.children;return(0,St.jsxs)("li",{...S,id:v,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&k?"true":a?void 0:"false","aria-disabled":!a&&N?"true":void 0,className:r(e.className,a?"k-list-group-item":Tr,I(Tr,{hover:b,focus:h,disabled:N,selected:k})),children:[d&&(0,St.jsx)(dt,{checked:m}),n&&(0,St.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,St.jsx)(M,{icon:n,className:r("k-list-item-icon",s)})}),(0,St.jsx)("span",{className:"k-list-item-text",children:O}),p&&(0,St.jsx)("div",{className:"k-list-item-actions",children:p}),L&&(0,St.jsx)("span",{className:"k-list-item-description",children:L}),o&&o!==""&&(0,St.jsx)("div",{className:"k-list-item-group-label",children:o})]})};R.states=yu;R.options=Eu;R.className=Tr;R.defaultOptions=Ou;R.moduleName=co;R.folderName=Oo;R.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ul=require("react/jsx-runtime"),Bu="k-list-ul",Rt=e=>{let{children:t,role:o,id:a,...n}=e;return(0,ul.jsx)("ul",{...n,id:a,role:o,className:r(Bu,e.className),children:t})};Rt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var _o=require("react/jsx-runtime"),Pu="k-list-content",V=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...d}=e;return(0,_o.jsxs)("div",{...d,className:r(Pu,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:(0,_o.jsx)(Rt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,_o.jsx)("div",{className:"k-height-container",children:(0,_o.jsx)("div",{})})]})};V.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var Ar=require("react/jsx-runtime");var Do=require("react/jsx-runtime"),wu="k-list-group-item",uo=e=>{let{groupIconName:t,...o}=e;return(0,Do.jsxs)("li",{...o,role:"presentation",className:r(wu,e.className),children:[t&&(0,Do.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Do.jsx)(M,{icon:t,className:"k-list-item-icon"})}),(0,Do.jsx)("span",{className:"k-list-item-text",children:e.children})]})};uo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var fl=require("react/jsx-runtime"),yr="k-list-optionlabel",Ru=[i.hover,i.focus,i.selected,i.disabled],Ku={},_u={},dn=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return(0,fl.jsx)("div",{...d,className:r(yr,I(yr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};dn.states=Ru;dn.options=Ku;dn.className=yr;dn.defaultOptions=_u;var bl=require("react/jsx-runtime"),Er="k-list-custom-value",Du=[i.hover,i.focus,i.selected,i.disabled],Hu={},zu={},Yt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return(0,bl.jsx)("div",{...d,className:r(Er,I(Er,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Yt.states=Du;Yt.options=Hu;Yt.className=Er;Yt.defaultOptions=zu;var Or=require("react/jsx-runtime");var Br=require("react/jsx-runtime");var Pr=require("react/jsx-runtime");var wr=require("react/jsx-runtime");var Fu=require("react/jsx-runtime");var Rr=require("react/jsx-runtime");var xl="dropdown-list",hl="dropdownlist";var Q=require("react/jsx-runtime"),Nl="k-dropdownlist",Uu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Gu={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Kr={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Kr.arrowIconName,showValue:s=Kr.showValue,valueIconName:d,prefix:m,suffix:b,value:h,placeholder:k,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,popup:q,opened:me,adaptive:xe,adaptiveSettings:he,adaptiveTitle:Re,adaptiveSubtitle:no,adaptiveFilter:Tn,id:Gt,activeDescendant:Ua,"aria-label":An,...yn}=e,Cc=Gt?`${Gt}-listbox`:void 0,Ii=Gt?`${Gt}-value`:void 0;return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)(Mt,{...yn,id:Gt,size:t,rounded:o,fillMode:a,hover:N,focus:p,valid:L,invalid:v,required:S,loading:O,disabled:T,readonly:K,className:r(e.className,Nl,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":me?"true":"false","aria-controls":me?Cc:void 0,"aria-activedescendant":me&&Ua?Ua:void 0,"aria-describedby":me?Ii:void 0,"aria-disabled":T?"true":void 0,"aria-label":An,tabIndex:0,children:[(0,Q.jsx)($e,{children:m}),(0,Q.jsx)(so,{placeholder:k,value:h,showValue:s,valueIconName:d,id:Ii}),(0,Q.jsx)(_e,{valid:L,invalid:v,loading:O,disabled:T}),(0,Q.jsx)(Ve,{loading:O,disabled:T}),(0,Q.jsx)(Xe,{children:b}),(0,Q.jsx)(l,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),me&&q&&(0,Q.jsx)(U,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:q}),xe&&(0,Q.jsx)(ae,{adaptive:!0,...he,header:(0,Q.jsx)(He,{actionsEnd:(0,Q.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Tn,inputValue:h,inputPlaceholder:k,title:Re,subtitle:no}),children:(0,Q.jsx)("div",{className:"k-list-container",children:(0,Q.jsx)(D,{size:"large",children:(0,Q.jsxs)(V,{"aria-label":"Options",children:[(0,Q.jsx)(R,{text:"List item"}),(0,Q.jsx)(R,{text:"List item"}),(0,Q.jsx)(R,{text:"List item"})]})})})})]})};le.states=Uu;le.options=Gu;le.className=Nl;le.defaultOptions=Kr;le.moduleName=xl;le.folderName=hl;le.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Vu=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var _r=require("react/jsx-runtime");var $u=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var Dr=require("react/jsx-runtime");var Xu=require("react/jsx-runtime");var We=require("react/jsx-runtime"),qu=le.states,Wu=le.defaultOptions,Ju=le.options,Yu=[{name:"opened",title:"Opened"}],Qu=[],zo=e=>{let{modifiers:t,...o}=e,a={},n=(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)("div",{className:"k-list-filter",children:(0,We.jsx)(it,{})}),(0,We.jsx)(D,{style:{width:300},size:o.size,children:(0,We.jsxs)(V,{children:[(0,We.jsx)(R,{children:"List item"}),(0,We.jsx)(R,{children:"List item"}),(0,We.jsx)(R,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?n:void 0)}),(0,We.jsx)("div",{children:(0,We.jsx)(le,{placeholder:"Value",style:{width:300},...o,...a})})};zo.options=Ju;zo.states=qu;zo.variants=Qu;zo.defaultOptions=Wu;zo.modifiers=Yu;zo.className=le.className;var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var Zu=require("react/jsx-runtime");var cn=require("react/jsx-runtime"),ju=F.states,ef=F.defaultOptions,tf=F.options,of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],af=[],Fo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,cn.jsx)(le,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,cn.jsx)(jn,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,cn.jsx)(ol,{value:"Value",style:{width:300},...o,...a})};Fo.options=tf;Fo.states=ju;Fo.variants=af;Fo.defaultOptions=ef;Fo.modifiers=of;Fo.className=F.className;var C=require("react/jsx-runtime"),Ml="k-colorgradient-inputs",nf=[],rf={size:[c.undefined,c.small,c.medium,c.large]},Cl={mode:"rgba"},Uo=e=>{let{mode:t=Cl.mode,size:o,...a}=e;return(0,C.jsxs)("div",{...a,className:r(Ml,"k-hstack"),children:[(0,C.jsx)("div",{className:"k-vstack",children:(0,C.jsx)(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,C.jsxs)("div",{className:"k-vstack",children:[(0,C.jsx)(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,C.jsx)(C.Fragment,{children:(0,C.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,C.jsx)(ke,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,C.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Uo.states=nf;Uo.options=rf;Uo.className=Ml;Uo.defaultOptions=Cl;var ye=require("react/jsx-runtime"),Sl="k-colorgradient-color-contrast",sf=[],lf={},df={},Go=()=>(0,ye.jsxs)("div",{className:r(Sl,"k-vbox"),children:[(0,ye.jsxs)("div",{className:"k-contrast-ratio",children:[(0,ye.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,ye.jsx)(M,{icon:"check"}),(0,ye.jsx)(M,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AA: 4.5"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,ye.jsx)(M,{icon:"check"})]})]}),(0,ye.jsxs)("div",{children:[(0,ye.jsx)("span",{children:"AAA: 7.0"}),(0,ye.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,ye.jsx)(M,{icon:"x"})]})]})]});Go.states=sf;Go.options=lf;Go.className=Sl;Go.defaultOptions=df;var Il="color-gradient",Tl="colorgradient";var de=require("react/jsx-runtime"),pn="k-colorgradient",cf=[i.hover,i.focus,i.readonly,i.disabled],pf={size:[c.undefined,c.small,c.medium,c.large]},It={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},fe=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:n=It.disabled,gradientStyle:s=It.gradientStyle,dragHandleStyle:d=It.dragHandleStyle,alphaStyle:m=It.alphaStyle,alphaStyleHorizontal:b=It.alphaStyleHorizontal,contrast:h=It.contrast,dir:k,hover:N,focus:p,hoverHandle:L,focusHandle:v,canvasOrientation:S=It.canvasOrientation,role:O,tabIndex:T,...K}=e;return(0,de.jsxs)("div",{...K,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:T??0,"aria-disabled":n?"true":void 0,className:r(e.className,pn,y(pn,{size:t}),I(pn,{hover:N,focus:p,readonly:a,disabled:n})),dir:k,children:[!S||S==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":v}),style:d,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})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(xr,{className:"k-hue-slider",hover:L,focus:v}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(xr,{className:"k-alpha-slider",hover:L,focus:v,trackStyle:m})]})]}),S==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":v}),style:d,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})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)(br,{className:"k-hue-slider",hover:L,focus:v}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(br,{className:"k-alpha-slider",hover:L,focus:v,trackStyle:b})]})]}),(0,de.jsx)(Uo,{mode:e.mode,size:t}),h&&(0,de.jsx)(Go,{})]})};fe.states=cf;fe.options=pf;fe.className=pn;fe.defaultOptions=It;fe.moduleName=Il;fe.folderName=Tl;fe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var Al=require("react/jsx-runtime"),mn=e=>(0,Al.jsx)(fe,{...e});var mf=require("react/jsx-runtime");var uf=require("react/jsx-runtime");var un=require("react/jsx-runtime"),ff=fe.options,bf=fe.states,xf={...fe.defaultOptions,variant:"rgba"},hf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Nf=[],Vo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,un.jsx)(mn,{...o,mode:t});case"rgb":return(0,un.jsx)(mn,{...o,mode:t});default:return(0,un.jsx)(mn,{...o,mode:t})}};Vo.options=ff;Vo.states=bf;Vo.variants=hf;Vo.defaultOptions=xf;Vo.modifiers=Nf;Vo.className=fe.className;var yl=require("react/jsx-runtime"),Hr=e=>(0,yl.jsx)("tr",{role:"row",children:e.children});var El=require("react/jsx-runtime"),zr="k-colorpalette-tile",kf=[i.hover,i.focus,i.selected],gf={},$o=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,El.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,zr,I(zr,{hover:a,focus:n,selected:s})),style:m})};$o.states=kf;$o.options=gf;$o.className=zr;var Ol="color-palette",Bl="colorpalette";var Xo=require("react/jsx-runtime"),fn="k-colorpalette",vf=[i.disabled],Lf={size:[c.undefined,c.small,c.medium,c.large]},Pl={columns:10},Ue=e=>{let{size:t,palette:o,columns:a=Pl.columns,tileSize:n,disabled:s,...d}=e,m=[];if(o){let b=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/b)},(k,N)=>{let p=[];h.slice(N*b,(N+1)*b).map((v,S)=>{p.push((0,Xo.jsx)($o,{color:v,tileSize:n},S))});let L=(0,Xo.jsx)(Hr,{children:p},N);m.push(L)})}return(0,Xo.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,fn,I(fn,{disabled:s}),y(fn,{size:t})),children:(0,Xo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Xo.jsx)("tbody",{children:m.length>0?m:e.children})})})};Ue.states=vf;Ue.options=Lf;Ue.className=fn;Ue.defaultOptions=Pl;Ue.moduleName=Ol;Ue.folderName=Bl;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var bn=Ue;var Da={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}};var Rl=require("react/jsx-runtime"),wl=e=>(0,Rl.jsx)(bn,{palette:Da.basic,...e});var Mf=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var _l=require("react/jsx-runtime"),Cf=Ue.options,Sf=Ue.states,If={...Ue.defaultOptions,variant:"basic"},Tf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Af={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}},yf=[],qo=e=>{let{variant:t="basic",...o}=e,a=Af[t];return(0,_l.jsx)(wl,{columns:a.columns,palette:a,...o})};qo.options=Cf;qo.states=Sf;qo.variants=Tf;qo.defaultOptions=If;qo.modifiers=yf;qo.className=Ue.className;var Dl="color-editor",Hl="coloreditor";var re=require("react/jsx-runtime"),xn="k-coloreditor",Ef=[i.focus],Of={size:[c.undefined,c.small,c.medium,c.large]},Ha={view:"gradient",palette:Da.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=Ha.view,palette:a=Ha.palette,color:n,currentColor:s,focus:d,focusView:m,dir:b,group:h,actionButtons:k=Ha.actionButtons,canvasOrientation:N=Ha.canvasOrientation,...p}=e;return(0,re.jsxs)("div",{...p,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",xn,y(xn,{size:t}),I(xn,{focus:d})),dir:b,children:[(0,re.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,re.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,re.jsxs)(w,{fillMode:"flat",children:[(0,re.jsx)(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,re.jsx)(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,re.jsx)("div",{className:"k-spacer"}),(0,re.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,re.jsx)(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,re.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,re.jsx)(Vt,{className:"k-coloreditor-preview-color",color:n}),(0,re.jsx)(Vt,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,re.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,re.jsx)(fe,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):(0,re.jsx)(Ue,{palette:a,size:t})}),k&&(0,re.jsxs)(W,{className:"k-coloreditor-footer",alignment:"start",children:[(0,re.jsx)(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,re.jsx)(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=Ef;ne.options=Of;ne.className=xn;ne.defaultOptions=Ha;ne.moduleName=Dl;ne.folderName=Hl;ne.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Wo=ne;var Bf=require("react/jsx-runtime");var Pf=require("react/jsx-runtime");var Fl=require("react/jsx-runtime"),zl=e=>(0,Fl.jsx)(Wo,{group:!0,currentColor:"fuchsia",...e});var Gl=require("react/jsx-runtime"),Ul=e=>(0,Gl.jsx)(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Fr=require("react/jsx-runtime"),wf=ne.options,Rf=ne.states,Kf={...ne.defaultOptions,variant:"gradient"},_f=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Df=[],Jo=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Fr.jsx)(Ul,{...o,color:"white"}):(0,Fr.jsx)(zl,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Jo.options=wf;Jo.states=Rf;Jo.variants=_f;Jo.defaultOptions=Kf;Jo.modifiers=Df;Jo.className=ne.className;var Vl="color-picker",$l="colorpicker";var ce=require("react/jsx-runtime"),Xl="k-colorpicker",Hf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ql={arrowIconName:"chevron-down"},et=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=ql.arrowIconName,prefix:s,suffix:d,value:m,placeholder:b,hover:h,focus:k,valid:N,invalid:p,required:L,disabled:v,valueIconName:S,popup:O,opened:T,adaptive:K,adaptiveSettings:q,adaptiveTitle:me,adaptiveSubtitle:xe,...he}=e,Re="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(Mt,{...he,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:N,invalid:p,required:L,disabled:v,role:"combobox","aria-haspopup":"dialog","aria-expanded":T?"true":"false","aria-controls":T||K?Re:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":v?"true":void 0,className:r(e.className,Xl,"k-icon-picker"),children:[(0,ce.jsx)($e,{children:s}),(0,ce.jsx)(so,{placeholder:b,value:m,showValue:!1,valueIcon:(0,ce.jsx)(Vt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),(0,ce.jsx)(Xe,{children:d}),(0,ce.jsx)(l,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:v})]}),T&&O&&(0,ce.jsx)(U,{id:Re,className:"k-colorpicker-popup",children:O}),K&&(0,ce.jsx)(ae,{adaptive:!0,id:Re,...q,header:(0,ce.jsx)(He,{actionsEnd:(0,ce.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:me,subtitle:xe}),footer:(0,ce.jsxs)($t,{children:[(0,ce.jsx)(l,{text:"Cancel",size:"large"}),(0,ce.jsx)(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};et.states=Hf;et.options=zf;et.className=Xl;et.defaultOptions=ql;et.moduleName=Vl;et.folderName=$l;et.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Kt=et;var Wl=require("react/jsx-runtime"),hn=e=>(0,Wl.jsx)(Kt,{...e});var Ff=require("react/jsx-runtime");var Uf=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var $f=require("react/jsx-runtime");var Xf=require("react/jsx-runtime");var Qt=require("react/jsx-runtime"),qf=Kt.options,Wf=Kt.states,Jl={...Kt.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Yo=e=>{let{variant:t,modifiers:o,...a}={...Jl,...e},n={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(n.opened=!!(o!=null&&o[d]),n.popup=o!=null&&o[d]?(0,Qt.jsx)(ne,{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(0,Qt.jsx)("div",{style:s,children:(0,Qt.jsx)(hn,{...a,...n})});case"icon":return(0,Qt.jsx)("div",{style:s,children:(0,Qt.jsx)(hn,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,Qt.jsx)("div",{style:s,children:(0,Qt.jsx)(hn,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Yo.options=qf;Yo.states=Wf;Yo.variants=Jf;Yo.defaultOptions=Jl;Yo.modifiers=Yf;Yo.className=Kt.className;var Ur="combobox",Yl=Ur;var z=require("react/jsx-runtime"),Ql="k-combobox",Qf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zf={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},Zl={separators:!0},Ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Zl.separators,prefix:s,suffix:d,value:m,placeholder:b,hover:h,focus:k,valid:N,invalid:p,required:L,loading:v,disabled:S,popup:O,opened:T,readonly:K,adaptive:q,adaptiveSettings:me,adaptiveTitle:xe,adaptiveSubtitle:he,adaptiveCustomValue:Re,id:no,autocomplete:Tn,activeDescendant:Gt,"aria-label":Ua,...An}=e,yn=no?`${no}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(J,{...An,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:N,invalid:p,required:L,loading:v,disabled:S,readonly:K,className:r(e.className,Ql),children:[s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)($e,{children:s}),n&&(0,z.jsx)(De,{})]}),(0,z.jsx)(Ze,{id:no,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?yn:void 0,"aria-activedescendant":T&&Gt?Gt:void 0,"aria-autocomplete":Tn,"aria-invalid":p?"true":void 0,"aria-busy":v?"true":void 0,"aria-label":Ua,disabled:S,readOnly:K}),(0,z.jsx)(_e,{valid:N,invalid:p,loading:v,disabled:S}),(0,z.jsx)(Ve,{loading:v,disabled:S}),(0,z.jsx)(Qe,{loading:v,disabled:S,readonly:K,value:m}),d&&(0,z.jsxs)(z.Fragment,{children:[n&&(0,z.jsx)(De,{}),(0,z.jsx)(Xe,{children:d})]}),(0,z.jsx)(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),T&&O&&(0,z.jsx)(U,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),q&&(0,z.jsx)(ae,{adaptive:!0,id:no?`${no}-adaptive`:void 0,...me,header:(0,z.jsx)(He,{actionsEnd:(0,z.jsx)(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:xe,subtitle:he}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(D,{customValue:Re?(0,z.jsx)(Yt,{text:`Use "${m}"`}):void 0,size:"large",children:(0,z.jsxs)(V,{"aria-label":xe||"Options",children:[(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"})]})})})})]})};Ee.states=Qf;Ee.options=Zf;Ee.className=Ql;Ee.defaultOptions=Zl;Ee.moduleName=Ur;Ee.folderName=Yl;Ee.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var tt=Ee;var ed=require("react/jsx-runtime"),jl=e=>(0,ed.jsx)(tt,{...e});var td=require("react/jsx-runtime");var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var id=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var jf=require("react/jsx-runtime");var eb=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var ht=require("react/jsx-runtime"),tb=Ee.states,ob=Ee.defaultOptions,ab=Ee.options,nb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],rb=[],Qo=e=>{let{modifiers:t,...o}=e,a={},n=(0,ht.jsx)(D,{style:{width:300},size:o.size,children:(0,ht.jsxs)(V,{children:[(0,ht.jsx)(R,{children:"List item"}),(0,ht.jsx)(R,{children:"List item"}),(0,ht.jsx)(R,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,ht.jsx)(M,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,ht.jsx)(Ne,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?n:void 0;break;default:break}}),(0,ht.jsx)("div",{children:(0,ht.jsx)(jl,{value:"Value",style:{width:300},...o,...a})})};Qo.options=ab;Qo.states=tb;Qo.variants=rb;Qo.defaultOptions=ob;Qo.modifiers=nb;Qo.className=Ee.className;var Vr="menu-button",dd=Vr;var pd=require("react/jsx-runtime"),cd="k-menu-button",ib=[i.hover,i.focus,i.active,i.selected,i.disabled],sb={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},$r={showArrow:!0,arrowIconName:"chevron-down"},$=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,icon:k,text:N,showArrow:p=$r.showArrow,arrowIconName:L=$r.arrowIconName,expanded:v,...S}=e;return(0,pd.jsx)(l,{...S,className:r(e.className,cd),text:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,icon:k,showArrow:p,arrowIconName:L,"aria-expanded":v?"true":"false",...!N&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};$.states=ib;$.options=sb;$.className=cd;$.defaultOptions=$r;$.moduleName=Vr;$.folderName=dd;$.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var lb=require("react/jsx-runtime");var db=require("react/jsx-runtime");var cb=require("react/jsx-runtime");var ot="menu",ct=ot;var _t=require("react/jsx-runtime"),Xr="k-menu-item",pb=[i.hover,i.focus,i.active,i.selected,i.disabled],mb={},md={iconPosition:"before"},Oe=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,first:b,last:h,showArrow:k,arrowIconName:N,iconPosition:p=md.iconPosition,dir:L,children:v,expanded:S,...O}=e,T=N;return T||(T=L==="rtl"?"chevron-left":"chevron-right"),(0,_t.jsxs)("li",{...O,className:r(e.className,Xr,"k-item",I(Xr,{focus:o,disabled:s,hover:t,active:a,selected:n}),{"k-first":b,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,_t.jsxs)("span",{className:r("k-link k-menu-link"),children:[d&&p==="before"&&(0,_t.jsx)(M,{className:"k-menu-link-icon",icon:d}),(0,_t.jsx)("span",{className:"k-menu-link-text",children:m}),d&&p==="after"&&(0,_t.jsx)(M,{className:"k-menu-link-icon",icon:d}),k&&(0,_t.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,_t.jsx)(M,{icon:T})})]}),v]})};Oe.states=pb;Oe.options=mb;Oe.className=Xr;Oe.defaultOptions=md;Oe.moduleName=ot;Oe.folderName=ct;var Dt=require("react/jsx-runtime"),qr="k-menu-item",ub=[i.hover,i.focus,i.active,i.selected,i.disabled],fb={},Wr={dir:"ltr",iconPosition:"before"},Z=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,first:b,last:h,showArrow:k,arrowIconName:N,iconPosition:p=Wr.iconPosition,dir:L=Wr.dir,children:v,popup:S,expanded:O,...T}=e,K=N;return K||(K=L==="rtl"?"chevron-left":"chevron-right"),(0,Dt.jsxs)("li",{...T,className:r(e.className,qr,"k-item",I(qr,{focus:o,disabled:s}),{"k-first":b,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":O?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Dt.jsxs)("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[d&&p==="before"&&(0,Dt.jsx)(M,{className:"k-menu-link-icon",icon:d}),(0,Dt.jsx)("span",{className:"k-menu-link-text",children:m}),d&&p==="after"&&(0,Dt.jsx)(M,{className:"k-menu-link-icon",icon:d}),k&&(0,Dt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Dt.jsx)(M,{icon:K})})]}),v,S]})};Z.states=ub;Z.options=fb;Z.className=qr;Z.defaultOptions=Wr;Z.moduleName=ot;Z.folderName=ct;var bd=require("react/jsx-runtime"),ud="k-menu-scroll-wrapper",bb=[],xb={},hb={},fo=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,bd.jsx)("div",{...n,className:r(t,ud,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};fo.states=bb;fo.options=xb;fo.className=ud;fo.defaultOptions=hb;fo.moduleName=ot;fo.folderName=ct;var fd=fo;var Me=require("react/jsx-runtime"),Jr="k-menu",Nb=[],kb={},kn={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},be=e=>{let{children:t,orientation:o=kn.orientation,header:a=kn.header,scrollable:n,scrollButtonsPosition:s=kn.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:h,...k}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},p=(0,Me.jsx)("ul",{dir:m,...k,className:r(e.className,"k-reset",Jr,{[`${Jr}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Me.jsxs)(Me.Fragment,{children:[n?(0,Me.jsxs)(fd,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),p,s==="end"&&(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Me.jsx)(l,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):p,b]})};be.states=Nb;be.options=kb;be.className=Jr;be.defaultOptions=kn;be.moduleName=ot;be.folderName=ct;be.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var hd=require("react/jsx-runtime"),Yr="k-separator",xd={orientation:"horizontal"},Zo=e=>{let{orientation:t=xd.orientation,...o}=e;return(0,hd.jsx)("li",{...o,className:r(e.className,"k-item",Yr,{[`${Yr}-${t}`]:t}),role:"separator"})};Zo.className=Yr;Zo.defaultOptions=xd;Zo.moduleName=ot;Zo.folderName=ct;var Nd=require("react/jsx-runtime");var kd=require("react/jsx-runtime"),Qr="k-menu-group",gb=[],vb={size:[c.undefined,c.small,c.medium,c.large]},Lb={},Be=e=>{let{children:t,size:o,...a}=e;return(0,kd.jsx)("ul",{...a,className:r(e.className,Qr,y(Qr,{size:o})),role:"menu",children:t})};Be.states=gb;Be.options=vb;Be.className=Qr;Be.defaultOptions=Lb;Be.moduleName=ot;Be.folderName=ct;var Nt=require("react/jsx-runtime"),Zr=e=>(0,Nt.jsx)(be,{children:(0,Nt.jsxs)(Nt.Fragment,{children:[(0,Nt.jsx)(Oe,{first:!0,text:"Item 1"}),(0,Nt.jsx)(Oe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,Nt.jsx)(Oe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,Nt.jsx)(Oe,{text:"Item 4"}),(0,Nt.jsx)(Oe,{last:!0,text:"Item 5"})]}),...e});var jr=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var oi=require("react/jsx-runtime");var Tt=require("react/jsx-runtime"),Mb=be.options,Cb=be.states,gd={...be.defaultOptions,variant:"horizontal"},Sb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ib=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...gd,...e},n={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":n.scrollable=!!(o!=null&&o[s]);break;case"opened":n.opened=!!(o!=null&&o[s]),n.popup=(0,Tt.jsx)(U,{className:"k-menu-popup",children:(0,Tt.jsxs)(Be,{children:[(0,Tt.jsx)(Z,{text:"Item 1"}),(0,Tt.jsx)(Z,{text:"Item 2"}),(0,Tt.jsx)(Zo,{}),(0,Tt.jsx)(Z,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Tt.jsx)(Zr,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Tt.jsx)(Zr,{...a,...n})};jo.options=Mb;jo.states=Cb;jo.variants=Sb;jo.defaultOptions=gd;jo.modifiers=Ib;jo.className=be.className;var ai=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var Pe=require("react/jsx-runtime"),Ab=l.states,vd={...l.defaultOptions,variant:"text"},yb=l.options,Eb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ob=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},n={},s=(0,Pe.jsx)(U,{className:"k-menu-popup",children:(0,Pe.jsxs)(Be,{size:a.size,children:[(0,Pe.jsx)(Z,{first:!0,text:"Menu Item"}),(0,Pe.jsx)(Z,{text:"Menu Item"}),(0,Pe.jsx)(Z,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Pe.jsx)("div",{children:(0,Pe.jsx)($,{...a,...n,icon:"star"})});break;case"icon-and-text":d=(0,Pe.jsx)("div",{children:(0,Pe.jsx)($,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Pe.jsx)("div",{children:(0,Pe.jsx)($,{...a,...n,children:"Dropdown Button"})});break}return(0,Pe.jsxs)(Pe.Fragment,{children:[d,(o==null?void 0:o.opened)&&s]})};ea.options=yb;ea.states=Ab;ea.variants=Eb;ea.defaultOptions=vd;ea.modifiers=Ob;ea.className=$.className;var ni="split-button",Ld=ni;var Ht=require("react/jsx-runtime"),ri="k-split-button",Bb=[i.hover,i.focus,i.active,i.selected,i.disabled],Pb={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.inverse]},Md={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,icon:k,text:N,arrowIconName:p=Md.arrowIconName,popup:L,opened:v,popupId:S,...O}=e;return(0,Ht.jsxs)(Ht.Fragment,{children:[(0,Ht.jsxs)("div",{...O,className:r(e.className,ri,"k-button-group",y(ri,{rounded:o})),children:[(0,Ht.jsx)(l,{text:N,icon:k,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:b,disabled:h,...!N&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),(0,Ht.jsx)(l,{className:"k-split-button-arrow",icon:p,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":v?"true":"false","aria-controls":v?S:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),v&&L&&(0,Ht.jsx)(U,{className:"k-menu-popup",children:L})]})};_.states=Bb;_.options=Pb;_.className=ri;_.defaultOptions=Md;_.moduleName=ni;_.folderName=Ld;_.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var ii=_;var Cd=require("react/jsx-runtime"),wb="k-toolbar-separator",kt=e=>(0,Cd.jsx)("div",{className:r(wb,e.className,"k-separator")});var zt="toolbar",Zt=zt;var P=require("react/jsx-runtime"),Ft="k-toolbar",Rb=[i.focus],Kb={size:[c.undefined,c.small,c.medium,c.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},_b={scrollButtons:"around"},G=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:d,scrollingPosition:m,section:b,...h}=e,k=[],N=(p,L)=>{let v=[];if(p.type===l&&p.props.className&&p.props.className.includes("k-toolbar-overflow-button"))v.push((0,P.jsx)(l,{...p.props,className:`${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===l)v.push((0,P.jsx)(l,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===se)v.push((0,P.jsx)(se,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===Ne)v.push((0,P.jsx)(Ne,{...p.props,className:`k-toolbar-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===$)v.push((0,P.jsx)($,{...p.props,className:`k-toolbar-menu-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===ii)v.push((0,P.jsx)(ii,{...p.props,className:`k-toolbar-split-button ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`));else if(p.type===w||p.props.className&&p.props.className.includes("k-button-group")){let S=[];(Array.isArray(p.props.children)?p.props.children:[p.props.children]).forEach((T,K)=>{S.push((0,P.jsx)(l,{...T.props,className:`${T.props.className?T.props.className:""}`},`${K}-${new Date().getTime()}`))}),v.push((0,P.jsx)(w,{...p.props,className:`k-toolbar-button-group ${p.props.className?p.props.className:""}`,children:S},`${L}-${new Date().getTime()}`))}else p.type===Ee?v.push((0,P.jsx)(Ee,{...p.props,className:`k-toolbar-combobox ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===le?v.push((0,P.jsx)(le,{...p.props,className:`k-toolbar-dropdownlist ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):p.type===et?v.push((0,P.jsx)(et,{...p.props,className:`k-toolbar-colorpicker ${p.props.className?p.props.className:""}`},`${L}-${new Date().getTime()}`)):v.push(p);v.forEach(S=>{k.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,v)=>{N(L,v)}),(0,P.jsxs)("div",{...h,className:r(e.className,Ft,y(Ft,{size:t,fillMode:o}),I(Ft,{focus:a}),{[`${Ft}-resizable`]:n,[`${Ft}-scrollable`]:s,[`${Ft}-scrollable-overlay`]:s&&d==="hidden",[`${Ft}-scrollable-${m}`]:m&&m!=="both",[`${Ft}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!s&&k,s&&d==="hidden"&&(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),s&&d==="start"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)(w,{children:[(0,P.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-left"})}),(0,P.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),s&&d==="end"&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsxs)(w,{children:[(0,P.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-left"})}),(0,P.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"||!d)&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-left"})}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),(0,P.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,P.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,P.jsx)(M,{className:"k-button-icon",icon:"chevron-right"})})]})]})};G.states=Rb;G.options=Kb;G.className=Ft;G.defaultOptions=_b;G.moduleName=zt;G.folderName=Zt;G.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Id=require("react/jsx-runtime"),Sd="k-floating-toolbar",Db=[],Hb={},zb={},ta=e=>{let{...t}=e;return(0,Id.jsx)("div",{...t,className:r(e.className,Sd),children:e.children})};ta.states=Db;ta.options=Hb;ta.className=Sd;ta.defaultOptions=zb;ta.moduleName=zt;ta.folderName=Zt;var Td=require("react/jsx-runtime"),si="k-toolbar-item",Fb=[i.focus],Ub={},Gb={},oa=e=>{let{focus:t,...o}=e;return(0,Td.jsx)("div",{...o,className:r(e.className,si,I(si,{focus:t})),children:e.children})};oa.states=Fb;oa.options=Ub;oa.className=si;oa.defaultOptions=Gb;oa.moduleName=zt;oa.folderName=Zt;var li=require("react/jsx-runtime"),Ad="k-toolbar-popup",Vb=[],$b={size:[c.undefined,c.small,c.medium,c.large],fillMode:[x.undefined,x.solid,x.outline,x.flat]},Xb={},bo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,li.jsx)(U,{...n,className:r(e.className,Ad),children:a?(0,li.jsx)("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};bo.states=Vb;bo.options=$b;bo.className=Ad;bo.defaultOptions=Xb;bo.moduleName=zt;bo.folderName=Zt;var gn=bo;var qb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Jb=require("react/jsx-runtime");var yd=require("react/jsx-runtime");var Yb=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Qb=_.states,Ed={..._.defaultOptions,variant:"text"},Zb=_.options,jb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ex=[{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...a}={...Ed,...e},n={},s=(0,pt.jsxs)(Be,{size:a.size,children:[(0,pt.jsx)(Z,{first:!0,text:"Menu Item"}),(0,pt.jsx)(Z,{text:"Menu Item"}),(0,pt.jsx)(Z,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(n.opened=!!(o!=null&&o[d]),n.popup=o!=null&&o[d]?s:"")}),t){case"icon-only":return(0,pt.jsx)("div",{children:(0,pt.jsx)(_,{...a,...n,icon:"star"})});case"icon-and-text":return(0,pt.jsx)("div",{children:(0,pt.jsx)(_,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,pt.jsx)("div",{children:(0,pt.jsx)(_,{...a,...n,children:"Split Button"})})}};aa.options=Zb;aa.states=Qb;aa.variants=jb;aa.defaultOptions=Ed;aa.modifiers=ex;aa.className=_.className;var At=require("react/jsx-runtime"),Od=e=>(0,At.jsx)(G,{children:[(0,At.jsx)(l,{children:"Button"},"toolbar-button"),(0,At.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,At.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,At.jsxs)(w,{children:[(0,At.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,At.jsx)(l,{icon:"align-center",children:"Center"}),(0,At.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Bd=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),Pd=e=>(0,Ce.jsx)(G,{scrollable:!0,...e,children:[(0,Ce.jsx)(l,{children:"Button"},"toolbar-button"),(0,Ce.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Ce.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Ce.jsxs)(w,{children:[(0,Ce.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ce.jsx)(l,{icon:"align-center",children:"Center"}),(0,Ce.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ce.jsx)(l,{children:"Button"},"toolbar-button"),(0,Ce.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Ce.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Ce.jsxs)(w,{children:[(0,Ce.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ce.jsx)(l,{icon:"align-center",children:"Center"}),(0,Ce.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Se=require("react/jsx-runtime"),wd=({scrollingPosition:e="start",...t})=>(0,Se.jsx)(G,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Se.jsx)(l,{children:"Button"},"toolbar-button"),(0,Se.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Se.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Se.jsxs)(w,{children:[(0,Se.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Se.jsx)(l,{icon:"align-center",children:"Center"}),(0,Se.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Se.jsx)(l,{children:"Button"},"toolbar-button"),(0,Se.jsx)($,{text:"Menu button"},"toolbar-menu-button"),(0,Se.jsx)(_,{children:"Split button"},"toolbar-split-button"),(0,Se.jsxs)(w,{children:[(0,Se.jsx)(l,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Se.jsx)(l,{icon:"align-center",children:"Center"}),(0,Se.jsx)(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var j=require("react/jsx-runtime"),Rd=({fillMode:e,size:t,...o})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(G,{section:!0,fillMode:e,size:t,children:[(0,j.jsx)(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsxs)(w,{fillMode:e,children:[(0,j.jsx)(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,j.jsx)(kt,{className:"k-toolbar-button-separator"}),(0,j.jsx)(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,j.jsxs)(gn,{size:t,fillMode:e,section:!0,...o,children:[(0,j.jsx)(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,j.jsx)(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,j.jsx)(kt,{}),(0,j.jsx)($,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,j.jsxs)(w,{fillMode:e,children:[(0,j.jsx)(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,j.jsx)(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,j.jsx)(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var di=require("react/jsx-runtime");var ci=require("react/jsx-runtime");var Ut=require("react/jsx-runtime"),tx=G.options,ox=G.states,Kd={...G.defaultOptions,variant:"default"},ax=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],nx=[],na=e=>{let{variant:t,...o}={...Kd,...e};switch(t){case"responsive":return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(Rd,{style:{width:"583px"},...o})});case"overlay":return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(wd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(Pd,{style:{width:"583px"},...o})});default:return(0,Ut.jsx)("div",{children:(0,Ut.jsx)(Od,{style:{width:"583px"},...o})})}};na.options=tx;na.states=ox;na.variants=ax;na.defaultOptions=Kd;na.modifiers=nx;na.className=G.className;var pi="suggestion",_d=pi;var xo=require("react/jsx-runtime"),vn="k-suggestion-group",rx=[],ix={},Dd={layout:"scrollable",scrollingPosition:"start"},gt=e=>{let{layout:t=Dd.layout,scrollingPosition:o,...a}=e,n=(0,xo.jsx)("div",{...a,className:r(vn,{"k-suggestion-group-scrollable":t=="scrollable",[`${vn}-scrollable-start`]:o==="start"||o==="both",[`${vn}-scrollable-end`]:o==="end"||o==="both"},e.className),role:"group",children:t==="scrollable"||t==="scrollButtons"?(0,xo.jsx)("div",{className:"k-suggestions-scroll",children:e.children}):e.children});return t=="scrollButtons"?(0,xo.jsxs)("div",{className:"k-suggestion-scrollwrap",children:[(0,xo.jsx)(l,{fillMode:"flat",icon:"chevron-left",size:"xsmall","aria-label":"Scroll left"}),n,(0,xo.jsx)(l,{fillMode:"flat",icon:"chevron-right",size:"xsmall","aria-label":"Scroll right"})]}):n};gt.states=rx;gt.options=ix;gt.className=vn;gt.defaultOptions=Dd;gt.moduleName=pi;gt.folderName=_d;var Hd=require("react/jsx-runtime"),Ln="k-suggestion",sx=[i.active,i.hover,i.focus],lx={themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary]},dx={text:"Suggestion"},yt=e=>{let{themeColor:t,active:o,hover:a,focus:n,text:s,...d}=e;return(0,Hd.jsx)("span",{...d,className:r(e.className,Ln,I(Ln,{hover:a,active:o,focus:n}),y(Ln,{themeColor:t})),role:"button",tabIndex:0,"aria-label":s,children:s})};yt.states=sx;yt.options=lx;yt.className=Ln;yt.item=dx;var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var Fd=require("react/jsx-runtime"),cx="k-card-callout",zd=e=>{let{callout:t,...o}=e;return(0,Fd.jsx)("span",{...o,className:r(e.className,cx,{[`k-callout-${yi.calloutMap[t]||t}`]:t})})};var at="card",mt=at;var ho=require("react/jsx-runtime"),bi="k-card",px=[i.hover,i.focus,i.selected,i.disabled],mx={},ux={},ie=e=>{let{orientation:t,callout:o,hover:a,focus:n,selected:s,disabled:d,...m}=e;return(0,ho.jsxs)("div",{...m,className:r(e.className,bi,I(bi,{hover:a,focus:n,disabled:d,selected:s}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,ho.jsx)(zd,{callout:o}),(0,ho.jsx)(ho.Fragment,{children:e.children})]})};ie.states=px;ie.options=mx;ie.className=bi;ie.defaultOptions=ux;ie.moduleName=at;ie.folderName=mt;ie.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};var za=require("react/jsx-runtime"),xi="k-card-list",fx=[],bx={},xx={},jt=e=>{let{...t}=e;return(0,za.jsx)("div",{...t,className:r(e.className,xi,I(xi,{})),role:"list",children:(0,za.jsx)(za.Fragment,{children:e.children})})};jt.states=fx;jt.options=bx;jt.className=xi;jt.defaultOptions=xx;jt.moduleName=at;jt.folderName=mt;jt.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};var Gd=require("react/jsx-runtime"),Ud="k-card-group",hx=[],Nx={},kx={},ra=e=>{let{...t}=e;return(0,Gd.jsx)("div",{...t,className:r(e.className,Ud),children:e.children})};ra.states=hx;ra.options=Nx;ra.className=Ud;ra.defaultOptions=kx;ra.moduleName=at;ra.folderName=mt;var Vd=require("react/jsx-runtime"),hi="k-card-wrap",gx=[i.focus,i.selected],vx={},Lx={},ia=e=>{let{focus:t,selected:o,...a}=e;return(0,Vd.jsx)("div",{...a,className:r(e.className,hi,I(hi,{focus:t,selected:o})),children:e.children})};ia.states=gx;ia.options=vx;ia.className=hi;ia.defaultOptions=Lx;ia.moduleName=at;ia.folderName=mt;var $d=require("react/jsx-runtime"),Ni="k-card-title",Mx=[i.hover,i.focus],No=e=>{let{hover:t,focus:o,...a}=e;return(0,$d.jsx)("div",{...a,className:r(e.className,Ni,I(Ni,{hover:t,focus:o})),children:e.children})};No.states=Mx;No.className=Ni;var Xd=require("react/jsx-runtime"),Cx="k-card-subtitle",Mn=e=>{let{...t}=e;return(0,Xd.jsx)("div",{...t,className:r(e.className,Cx),children:e.children})};var eo=require("react/jsx-runtime"),qd="k-card-media",ki=e=>{let{src:t,...o}=e;return(0,eo.jsx)(eo.Fragment,{children:t?(0,eo.jsx)("img",{...o,className:r(e.className,qd),src:t}):(0,eo.jsx)("span",{...o,className:r(e.className,qd),children:(0,eo.jsx)(eo.Fragment,{children:e.children})})})};var Et=require("react/jsx-runtime"),Sx="k-card-header",to=e=>{let{title:t,subtitle:o,details:a,...n}=e;return(0,Et.jsxs)("div",{...n,className:r(e.className,Sx),children:[t&&(0,Et.jsx)(No,{children:t}),o&&(0,Et.jsx)(Mn,{children:o}),(0,Et.jsx)(Et.Fragment,{children:e.children}),a&&(0,Et.jsx)("span",{className:"k-card-header-actions",children:(0,Et.jsx)(l,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Wd=require("react/jsx-runtime"),Ix="k-card-footer",gi=e=>{let{...t}=e;return(0,Wd.jsx)("div",{...t,className:r(e.className,Ix),children:e.children})};var Ot=require("react/jsx-runtime"),Tx="k-card-body",vt=e=>{let{title:t,subtitle:o,details:a,...n}=e;return(0,Ot.jsxs)("div",{...n,className:r(e.className,Tx),children:[t&&(0,Ot.jsx)(No,{children:t}),o&&(0,Ot.jsx)(Mn,{children:o}),(0,Ot.jsx)(Ot.Fragment,{children:e.children}),a&&(0,Ot.jsx)("span",{className:"k-card-header-actions",children:(0,Ot.jsx)(l,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Yd=require("react/jsx-runtime"),Jd="k-card-deck",Ax=[],yx={},Ex={},sa=e=>{let{...t}=e;return(0,Yd.jsx)("div",{...t,className:r(e.className,Jd),children:e.children})};sa.states=Ax;sa.options=yx;sa.className=Jd;sa.defaultOptions=Ex;sa.moduleName=at;sa.folderName=mt;var Zd=require("react/jsx-runtime"),Qd="k-card-deck-scrollwrap",Ox=[],Bx={},Px={},la=e=>{let{...t}=e;return(0,Zd.jsx)("div",{...t,className:r(e.className,Qd),children:e.children})};la.states=Ox;la.options=Bx;la.className=Qd;la.defaultOptions=Px;la.moduleName=at;la.folderName=mt;var ut=require("react/jsx-runtime"),jd=e=>(0,ut.jsx)(ie,{orientation:"vertical",children:(0,ut.jsxs)(ut.Fragment,{children:[(0,ut.jsx)(to,{children:"Card Header"}),(0,ut.jsx)(vt,{children:(0,ut.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,ut.jsxs)(W,{className:"k-card-actions",children:[(0,ut.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,ut.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var Lt=require("react/jsx-runtime"),ec=e=>(0,Lt.jsx)(ie,{orientation:"horizontal",children:(0,Lt.jsxs)(Lt.Fragment,{children:[(0,Lt.jsx)(vt,{title:"Card Title",children:(0,Lt.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,Lt.jsxs)(W,{orientation:"vertical",className:"k-card-actions",children:[(0,Lt.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,Lt.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var tc=require("react/jsx-runtime");var ee=require("react/jsx-runtime"),wx=ie.options,Rx=ie.states,oc={...ie.defaultOptions,variant:"vertical"},Kx=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],_x=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],da=e=>{let{variant:t,modifiers:o,...a}={...oc,...e},n=!1,s=!1,d=!1;return Object.keys(o||{}).forEach(m=>{switch(m){case"media":{n=!!(o!=null&&o[m]);break}case"header":{s=!!(o!=null&&o[m]);break}case"footer":{d=!!(o!=null&&o[m]);break}}}),t==="horizontal"?(0,ee.jsxs)(ec,{style:{maxWidth:"420px"},...a,children:[n&&(0,ee.jsx)(ki,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,ee.jsxs)("div",{children:[s&&(0,ee.jsx)(to,{title:"Header Title",subtitle:"Header Subtitle"}),(0,ee.jsx)(vt,{title:"Title",subtitle:"Subtitle",children:(0,ee.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),d&&(0,ee.jsx)(gi,{children:"Card Footer"})]}),(s||d)&&(0,ee.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,ee.jsxs)(W,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,ee.jsxs)(jd,{style:{maxHeight:"450px",width:"300px"},...a,children:[s&&(0,ee.jsx)(to,{title:"Header Title",subtitle:"Header Subtitle"}),n&&(0,ee.jsx)(ki,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,ee.jsx)(vt,{title:"Title",subtitle:"Subtitle",children:(0,ee.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),d&&(0,ee.jsx)(gi,{children:"Card Footer"}),(0,ee.jsxs)(W,{className:"k-card-actions",children:[(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,ee.jsx)(l,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};da.options=wx;da.states=Rx;da.variants=Kx;da.defaultOptions=oc;da.modifiers=_x;da.className=ie.className;var vi="panelbar",ac=vi;var rc=require("react/jsx-runtime"),nc="k-panelbar",Dx=[],Hx={},zx={},Ie=e=>{let{activeDescendant:t,...o}=e;return(0,rc.jsx)("ul",{...o,className:r(e.className,nc),role:"tree","aria-activedescendant":t,children:e.children})};Ie.states=Dx;Ie.options=Hx;Ie.className=nc;Ie.defaultOptions=zx;Ie.moduleName=vi;Ie.folderName=ac;Ie.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};var Cn=En(require("react"));var oo=require("react/jsx-runtime"),ic="k-panelbar-item",Fx=[i.hover,i.focus,i.selected,i.disabled],Ux={},Sn={level:0,expanded:!1,text:"Item"},E=e=>{let{text:t=Sn.text,level:o=Sn.level,expanded:a=Sn.expanded,header:n,hover:s,focus:d,selected:m,disabled:b,icon:h,iconClass:k,ariaSelected:N,children:p,...L}=e,v=!!p;return(0,oo.jsxs)("li",{...L,className:r(e.className,ic,{"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":N?"true":"false","aria-disabled":b?"true":void 0,children:[(0,oo.jsxs)("span",{className:r("k-link",I("k-link",{hover:s,focus:d,disabled:b,selected:m})),children:[h&&(0,oo.jsx)(M,{className:"k-panelbar-item-icon",icon:h}),k&&!h&&(0,oo.jsx)("span",{className:`k-panelbar-item-icon ${k}`}),(0,oo.jsx)("span",{className:"k-panelbar-item-text",children:t}),v&&(0,oo.jsx)(M,{className:r("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&p,!a&&p&&Cn.default.Children.map(p,S=>Cn.default.isValidElement(S)?Cn.default.cloneElement(S,{"aria-hidden":"true",style:{display:"none"}}):S)]})};E.states=Fx;E.options=Ux;E.className=ic;E.defaultOptions=Sn;var lc=require("react/jsx-runtime"),sc="k-panelbar-group",Gx=[],Vx={},$x={},Je=e=>{let{ariaHidden:t,...o}=e;return(0,lc.jsx)("ul",{...o,className:r(e.className,sc),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Je.states=Gx;Je.options=Vx;Je.className=sc;Je.defaultOptions=$x;var cc=require("react/jsx-runtime"),dc="k-panelbar-content",Xx=[],qx={},Wx={},pe=e=>{let{...t}=e;return(0,cc.jsx)("div",{...t,className:r(e.className,dc),children:e.children})};pe.states=Xx;pe.options=qx;pe.className=dc;pe.defaultOptions=Wx;var nt=require("react/jsx-runtime"),In=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item");return(0,nt.jsx)(Ie,{children:(0,nt.jsxs)(nt.Fragment,{children:[(0,nt.jsx)(E,{header:!0,text:"Item 1",id:t,children:(0,nt.jsx)(pe,{children:"content"})}),(0,nt.jsx)(E,{header:!0,text:"Item 2",id:o,children:(0,nt.jsx)(pe,{children:"content"})}),(0,nt.jsx)(E,{header:!0,text:"Item 3",id:a,children:(0,nt.jsx)(pe,{children:"content"})}),(0,nt.jsx)(E,{header:!0,text:"Item 4",id:n})]}),...e})};var Li=require("react/jsx-runtime");var te=require("react/jsx-runtime"),pc=e=>{let t=A("pb-item"),o=A("pb-item"),a=A("pb-item"),n=A("pb-item"),s=A("pb-child"),d=A("pb-child"),m=A("pb-child"),b=A("pb-child"),h=A("pb-child"),k=A("pb-child"),N=A("pb-child");return(0,te.jsx)(Ie,{activeDescendant:o,children:(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(E,{header:!0,text:"Item 1",id:t,children:(0,te.jsx)(pe,{children:"content"})}),(0,te.jsx)(E,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:(0,te.jsxs)(Je,{children:[(0,te.jsx)(E,{level:1,text:"Child 1",id:s}),(0,te.jsx)(E,{level:1,expanded:!0,text:"Child 2",id:d,children:(0,te.jsxs)(Je,{children:[(0,te.jsx)(E,{level:2,text:"Child 2.1",id:m}),(0,te.jsx)(E,{level:2,text:"Child 2.2",id:b})]})}),(0,te.jsx)(E,{level:1,text:"Child 3",id:h,children:(0,te.jsx)(Je,{children:(0,te.jsx)(E,{level:2,text:"Child 3.1",id:k})})}),(0,te.jsx)(E,{level:1,text:"Child 4",id:N})]})}),(0,te.jsx)(E,{header:!0,text:"Item 3",id:a,children:(0,te.jsx)(pe,{children:"content"})}),(0,te.jsx)(E,{header:!0,text:"Item 4",id:n})]}),...e})};var H=require("react/jsx-runtime"),Jx=Ie.options,Yx=Ie.states,mc={...Ie.defaultOptions,variant:"normal"},Qx=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],Zx=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],ca=e=>{var d,m,b,h,k,N,p,L,v;let{variant:t,modifiers:o,...a}={...mc,...e},n={},s={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(S=>{switch(S){case"icon":{n.icon=o!=null&&o[S]?s:void 0;break}case"disabled":n.disabled=!!(o!=null&&o[S])}}),t==="expand"?(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(pc,{style:{width:"300px"},...a,children:[(0,H.jsx)(E,{icon:(d=n.icon)==null?void 0:d.gear,header:!0,text:"Item 1",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(m=n.icon)==null?void 0:m.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:(0,H.jsxs)(Je,{children:[(0,H.jsx)(E,{level:1,text:"Child 1"}),(0,H.jsx)(E,{level:1,expanded:!0,text:"Child 2",children:(0,H.jsxs)(Je,{children:[(0,H.jsx)(E,{level:2,text:"Child 2.1"}),(0,H.jsx)(E,{icon:(b=n.icon)==null?void 0:b.image,level:2,text:"Child 2.2"})]})}),(0,H.jsx)(E,{disabled:n.disabled,level:1,text:"Child 3",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{level:1,text:"Child 4"})]})}),(0,H.jsx)(E,{icon:(h=n.icon)==null?void 0:h.folder,disabled:n.disabled,header:!0,text:"Item 3",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(k=n.icon)==null?void 0:k.file,header:!0,text:"Item 4"})]})}):(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(In,{style:{width:"300px"},...a,children:[(0,H.jsx)(E,{icon:(N=n.icon)==null?void 0:N.gear,header:!0,text:"Item 1",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(p=n.icon)==null?void 0:p.folder,header:!0,text:"Item 2",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(L=n.icon)==null?void 0:L.folder,disabled:n.disabled,header:!0,text:"Item 3",children:(0,H.jsx)(pe,{children:"content"})}),(0,H.jsx)(E,{icon:(v=n.icon)==null?void 0:v.file,header:!0,text:"Item 4"})]})})};ca.options=Jx;ca.states=Yx;ca.variants=Qx;ca.defaultOptions=mc;ca.modifiers=Zx;ca.className=Ie.className;var Mi="speech-to-text-button",uc=Mi;var xc=require("react/jsx-runtime"),fc="k-speech-to-text-button",bc={icon:"microphone"},Ye=e=>{let{listening:t=!1,icon:o=bc.icon,...a}=e;return(0,xc.jsx)(l,{...a,icon:t?"stop":o,className:r(e.className,fc,{"k-listening":t}),"aria-pressed":t?"true":"false","aria-label":t?"Stop listening":"Start listening"})};Ye.states=l.states;Ye.options=l.options;Ye.className=fc;Ye.defaultOptions=bc;Ye.moduleName=Mi;Ye.folderName=uc;Ye.ariaSpec={selector:".k-speech-to-text-button",rules:[{selector:".k-button.k-speech-to-text-button",attribute:"role=button or nodeName=button",usage:"If the used element is not <button>, explicitly set its role to button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-pressed",usage:"Announces the toggle behaviour of the button."},{selector:".k-button.k-speech-to-text-button",attribute:"aria-label",usage:"Accessible name for the speech-to-text button."}]};var jx=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var Nc=require("react/jsx-runtime"),th=l.states,hc={...l.defaultOptions,variant:"normal"},oh={...l.options,fillMode:l.options.fillMode.filter(e=>e!=="clear"&&e!=="link")},ah=[],nh=[{name:"normal",title:"Normal"},{name:"listening",title:"Listening"}],pa=e=>{let{variant:t,...o}={...hc,...e},a={};return t==="listening"&&(a.listening=!0),(0,Nc.jsx)(Ye,{...o,...a})};pa.options=oh;pa.states=th;pa.variants=nh;pa.defaultOptions=hc;pa.modifiers=ah;pa.className=Ye.className;var Ci="textarea",kc=Ci;var rt=require("react/jsx-runtime"),gc="k-textarea",rh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],ih={size:[c.undefined,c.small,c.medium,c.large],rounded:[u.undefined,u.none,u.small,u.medium,u.large,u.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},ma={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},we=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=ma.prefixSeparator,suffixSeparator:s=ma.prefixSeparator,affixesOrientation:d=ma.affixesOrientation,flow:m=ma.flow,resize:b=ma.resize,prefix:h,suffix:k,rows:N,value:p,placeholder:L,hover:v,focus:S,valid:O,invalid:T,required:K,disabled:q,id:me,"aria-label":xe,"aria-describedby":he,...Re}=e;return(0,rt.jsxs)(J,{...Re,size:t,rounded:o,fillMode:a,hover:v,focus:S,valid:O,invalid:T,required:K,disabled:q,className:r(e.className,gc,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[h&&(0,rt.jsxs)(rt.Fragment,{children:[(0,rt.jsx)($e,{className:r({"!k-align-items-start":m===d}),direction:d,children:h}),n&&(0,rt.jsx)(De,{direction:m==="horizontal"?"vertical":"horizontal"})]}),(0,rt.jsx)(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:p,placeholder:L,rows:N,disabled:q,id:me,"aria-label":xe,"aria-describedby":he,"aria-invalid":T?"true":void 0}),k&&(0,rt.jsxs)(rt.Fragment,{children:[s&&(0,rt.jsx)(De,{direction:m==="horizontal"?"vertical":"horizontal"}),(0,rt.jsx)(Xe,{className:r({"!k-align-items-start":m===d}),direction:d,children:k})]})]})};we.states=rh;we.options=ih;we.className=gc;we.defaultOptions=ma;we.moduleName=Ci;we.folderName=kc;we.ariaSpec={selector:".k-textarea",rules:[{selector:".k-textarea > .k-input-inner",attribute:"role=textbox or nodeName=textarea",usage:"Describes the role of the component."},{selector:".k-textarea > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The textarea requires an accessible name (provided by consuming app)."},{selector:".k-textarea > .k-input-inner",attribute:"aria-multiline=true (when role=textbox)",usage:"Required on role=textbox to indicate multi-line behavior. Implicit on native <textarea>, so not needed there."},{selector:".k-textarea > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the TextArea is in a form and announces the invalid state."},{selector:".k-textarea > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the textarea."},{selector:".k-textarea.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered only when the TextArea is disabled."}]};var sh=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var Lc=require("react/jsx-runtime");var lh=require("react/jsx-runtime");var Fa=require("react/jsx-runtime"),dh=we.options,ch=we.states,Mc={...we.defaultOptions,variant:"vertical"},ph=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],mh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ua=e=>{let{variant:t,modifiers:o,...a}={...Mc,...e},n={resize:"y"};return Object.keys(o||{}).forEach(s=>{switch(s){case"prefix":n.prefix=o!=null&&o[s]?(0,Fa.jsx)(M,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o!=null&&o[s]?(0,Fa.jsx)(M,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?(0,Fa.jsx)(we,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):(0,Fa.jsx)(we,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};ua.options=dh;ua.states=ch;ua.variants=ph;ua.defaultOptions=Mc;ua.modifiers=mh;ua.className=we.className;var f=require("react/jsx-runtime"),uh=Ke.options,fh=Ke.states,bh={...Ke.defaultOptions,variant:"ask"},xh=[{name:"ask",title:"Ask AI"},{name:"output",title:"Output"},{name:"more",title:"More Actions"}],hh=[{name:"stt",title:"SpeechToText"},{name:"suggestions",title:"Suggestions"}],ao=e=>{let{variant:t,modifiers:o,...a}={...e},n=(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(gt,{layout:"wrap",children:[(0,f.jsx)(yt,{text:"Post for work-life balance importance"}),(0,f.jsx)(yt,{text:"Out of office"})]})}),s={suggestions:n,stt:!0};switch(Object.keys(o||{}).forEach(d=>{switch(d){case"suggestions":s.suggestions=!!(o!=null&&o[d]);break;case"stt":s.stt=!!(o!=null&&o[d]);break}}),t){case"more":return(0,f.jsx)(U,{className:"k-prompt-popup",children:(0,f.jsxs)(Ke,{style:{width:"330px",height:"350px"},...a,children:[(0,f.jsx)($a,{children:(0,f.jsxs)(G,{className:"k-toolbar-flat",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full",selected:!0})]})}),(0,f.jsx)(Va,{children:(0,f.jsx)(Xa,{children:(0,f.jsxs)(In,{children:[(0,f.jsx)(E,{header:!0,icon:"brush",text:"Change Formality",children:(0,f.jsxs)(Je,{children:[(0,f.jsx)(E,{level:1,text:"Casual"}),(0,f.jsx)(E,{level:1,text:"Neutral"}),(0,f.jsx)(E,{level:1,text:"Formal"})]})}),(0,f.jsx)(E,{header:!0,expanded:!0,icon:"edit-tools",text:"Translate",children:(0,f.jsxs)(Je,{children:[(0,f.jsx)(E,{level:1,text:"German"}),(0,f.jsx)(E,{level:1,text:"Spanish"})]})}),(0,f.jsx)(E,{header:!0,icon:"min-width",text:"Simplify"}),(0,f.jsx)(E,{header:!0,icon:"arrows-left-right",text:"Expand"})]})})})]})});case"output":return(0,f.jsx)(U,{className:"k-prompt-popup",children:(0,f.jsxs)(Ke,{style:{width:"330px",height:"350px"},...a,children:[(0,f.jsx)($a,{children:(0,f.jsxs)(G,{className:"k-toolbar-flat",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",children:"Ask AI"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",selected:!0,children:"Output"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),(0,f.jsxs)(Va,{children:[(0,f.jsx)(vo,{}),(0,f.jsx)(Xa,{children:(0,f.jsxs)("div",{className:"k-card-list",children:[(0,f.jsxs)(ie,{children:[(0,f.jsx)(to,{title:"Generated with AI",subtitle:"Linked in post for work/life balance importance"}),(0,f.jsx)(vt,{children:(0,f.jsxs)("p",{children:["\u{1F31F} Embracing Work/Life Balance for Success \u{1F31F}",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Hello LinkedIn network! \u{1F44B} Today, let's talk about a key to our well-being: work/life balance. \u{1F310}\u2696\uFE0F",(0,f.jsx)("br",{}),(0,f.jsx)("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}",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"\u2728 Key Points \u2728",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Enhances Productivity: Less burnout, more motivation. \u{1F680}",(0,f.jsx)("br",{}),"Boosts Creativity: New experiences = fresh ideas. \u{1F4A1}",(0,f.jsx)("br",{}),"Improves Health: Mental and physical benefits. \u{1F9D8}\u200D\u2642\uFE0F",(0,f.jsx)("br",{}),"Strengthens Relationships: Quality time matters. \u{1F91D}",(0,f.jsx)("br",{}),"Let's champion a culture where success and well-being go hand in hand. Share your work/life balance tips below! \u{1F447}",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"#WorkLifeBalance #Productivity #WellBeing"]})}),(0,f.jsxs)(W,{className:"k-card-actions",alignment:"start",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]}),(0,f.jsxs)(ie,{children:[(0,f.jsx)(to,{title:"Generated with AI",subtitle:"Out of Office"}),(0,f.jsx)(vt,{children:(0,f.jsxs)("p",{children:["Subject: Out of Office: [Your Name]",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Dear [Recipient's Name],",(0,f.jsx)("br",{}),(0,f.jsx)("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.",(0,f.jsx)("br",{}),(0,f.jsx)("br",{}),"Thank you,",(0,f.jsx)("br",{}),"[Your Name]"]})}),(0,f.jsxs)(W,{className:"k-card-actions",alignment:"start",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"copy",children:"Copy"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"base",icon:"arrow-rotate-cw",children:"Retry"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-up"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"base",icon:"thumb-down"})]})]})]})})]})]})});default:return(0,f.jsx)(U,{className:"k-prompt-popup",children:(0,f.jsxs)(Ke,{style:{width:"330px",height:"350px"},...a,children:[(0,f.jsx)($a,{children:(0,f.jsxs)(G,{className:"k-toolbar-flat",children:[(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"sparkles",rounded:"full",selected:!0,children:"Ask AI"}),(0,f.jsx)(se,{fillMode:"flat",themeColor:"primary",icon:"comment",rounded:"full",children:"Output"}),(0,f.jsx)(Ne,{fillMode:"flat",themeColor:"primary",icon:"more-horizontal",rounded:"full"})]})}),(0,f.jsx)(Va,{children:(0,f.jsxs)(Xa,{children:[(0,f.jsx)(we,{resize:"none",rows:2,placeholder:"Ask or generate content with AI",suffixSeparator:!1,suffix:(0,f.jsx)(f.Fragment,{children:s.stt?(0,f.jsx)(Ye,{fillMode:"flat"}):null})}),(0,f.jsx)(qi,{expanded:s.suggestions,title:"Suggestions",children:n})]})}),(0,f.jsx)(Bi,{children:(0,f.jsx)(W,{className:"k-prompt-actions",alignment:"start",children:(0,f.jsx)(se,{icon:"sparkles",themeColor:"primary",rounded:"full",children:"Generate"})})})]})})}};ao.options=uh;ao.states=fh;ao.variants=xh;ao.defaultOptions=bh;ao.modifiers=hh;ao.className=Ke.className;var Nh=ao;