@progress/kendo-themes-html/dist/esm/column-menu/column-menu-expander.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>n({[`${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"}),v=(e,t)=>{let{valid:o,invalid:i,hover:a,focus:r,checked:m,active:p,selected:c,disabled:f,indeterminate:d,loading:x,empty:L,readonly:S,highlighted:g,...A}=t;return n({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":r,"k-checked":m,"k-active":p,"k-selected":c,"k-disabled":f,"k-indeterminate":d&&!m,"k-loading":x,"k-empty":L,"k-readonly":S,"k-highlighted":g},Object.keys(A).reduce((k,C)=>(C.startsWith("k-")?k[C]=A[C]:k[`k-${C}`]=A[C],k),{}))};function gn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},M={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},re={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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"};var so={};function E(e){return so[e]=(so[e]||0)+1,`k-${e}-${so[e]}`}import{Fragment as xa,jsx as An}from"react/jsx-runtime";var ro="k-font-icon",fa=[],ba={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},ha={},Nt=e=>{let{size:t,themeColor:o,icon:i,rotate:a,flip:r,...m}=e;return i?An("span",{...m,className:n(e.className,ro,I(ro,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):An(xa,{})};Nt.states=fa;Nt.options=ba;Nt.className=ro;Nt.defaultOptions=ha;var Cn=Nt;import{Fragment as La,jsx as Pt}from"react/jsx-runtime";var lo="k-svg-icon",Na=[],Ma={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[re.outline,re.solid,re.duotone]},mo={viewBox:"0 0 24 24",variant:re.outline},Mt=e=>{let{size:t,themeColor:o,rotate:i,flip:a,viewBox:r=mo.viewBox,variant:m=mo.variant,icon:p,...c}=e;if(!p)return Pt(La,{});if(p==="none")return Pt("span",{...c,className:n(e.className,lo,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name,d=typeof p=="object"?m&&p.variants?.[m]||p.variants?.outline||p.content:void 0;return Pt("span",{...c,className:n(e.className,lo,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:Pt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:r,dangerouslySetInnerHTML:d!==void 0?{__html:d}:void 0,children:p?void 0:e.children})})};Mt.states=Na;Mt.options=Ma;Mt.className=lo;Mt.defaultOptions=mo;var po=Mt;import*as co from"@progress/kendo-svg-icons";var En="icon",Tn="icons";import{useContext as va}from"react";import{createContext as Ia}from"react";var On=Ia({iconsType:"svg"});import{Fragment as yn,jsx as Lt}from"react/jsx-runtime";var Ht="k-icon",Sa=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ka=[],ga={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[re.outline,re.solid,re.duotone]},Dt={viewBox:"0 0 24 24",type:"svg",variant:re.outline},u=e=>{let{iconsType:t}=va(On),{size:o,themeColor:i,icon:a,type:r=t||Dt.type,rotate:m,flip:p,viewBox:c=Dt.viewBox,variant:f=Dt.variant,...d}=e;if(!a)return Lt(yn,{});if((t||r)==="svg"){if(a==="none")return Lt(po,{...d,className:n(e.className,Ht),icon:a,size:o,variant:f});let L=co[a]?a:Sa(`${a}-icon`);return co[L]?Lt(po,{...d,className:n(e.className,Ht),icon:co[L],size:o,themeColor:i,rotate:m,flip:p,viewBox:c,variant:f}):Lt(yn,{})}return Lt(Cn,{...d,className:n(e.className,Ht),icon:a,size:o,themeColor:i,rotate:m,flip:p})};u.states=ka;u.options=ga;u.defaultOptions=Dt;u.className=Ht;u.moduleName=En;u.folderName=Tn;u.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 F="column-menu",W=F;import{jsx as Ea}from"react/jsx-runtime";var uo="k-column-menu",Aa=[],Ca={size:[l.undefined,l.small,l.medium,l.large]},Kn={view:"list"},be=e=>{let{view:t=Kn.view,size:o,...i}=e;return Ea("div",{...i,className:n(e.className,uo,I(uo,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};be.states=Aa;be.options=Ca;be.className=uo;be.defaultOptions=Kn;be.moduleName=F;be.folderName=W;be.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as Rn}from"react/jsx-runtime";var fo="k-column-list",Ta=[],Oa={size:[l.undefined,l.small,l.medium,l.large]},ya={},ye=e=>{let{size:t,...o}=e;return Rn("div",{className:"k-column-list-wrapper",children:Rn("div",{...o,className:n(e.className,fo,I(fo,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};ye.states=Ta;ye.options=Oa;ye.className=fo;ye.defaultOptions=ya;ye.moduleName=F;ye.folderName=W;var Ke="checkbox",ze=Ke;import{jsx as wn}from"react/jsx-runtime";var Ut="k-checkbox",Ka=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ra={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},wa={},y=e=>{let{id:t,checked:o,indeterminate:i,hover:a,focus:r,disabled:m,invalid:p,valid:c,required:f,size:d,rounded:x,wrapperRole:L,...S}=e;return wn("span",{className:"k-checkbox-wrap",role:L,children:wn("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:m||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,Ut,I(Ut,{size:d,rounded:x}),v(Ut,{hover:a,focus:r,disabled:m,invalid:p,valid:c,indeterminate:i,checked:o}))})})};y.states=Ka;y.options=Ra;y.className=Ut;y.defaultOptions=wa;y.moduleName=Ke;y.folderName=ze;y.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 oe=y;import{jsx as Ha}from"react/jsx-runtime";var _n="k-checkbox-list",_a=[],Pa={},Pn={layout:"vertical"},G=e=>{let{layout:t=Pn.layout,...o}=e;return Ha("ul",{...o,className:n(e.className,_n,{[`k-list-${t}`]:t}),children:e.children})};G.states=_a;G.options=Pa;G.className=_n;G.defaultOptions=Pn;G.moduleName=Ke;G.folderName=ze;import{jsx as za}from"react/jsx-runtime";var Hn="k-checkbox-list-item",Da=[],Ua={},Ba={},V=e=>{let{...t}=e;return za("li",{...t,className:n(e.className,Hn),children:e.children})};V.states=Da;V.options=Ua;V.className=Hn;V.defaultOptions=Ba;V.moduleName=Ke;V.folderName=ze;import{Fragment as Fa,jsx as Dn,jsxs as Ga}from"react/jsx-runtime";var he=({children:e="Label",id:t="cb-label-after",...o})=>Ga(Fa,{children:[Dn(oe,{id:t,...o}),Dn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as pc,jsx as mc,jsxs as cc}from"react/jsx-runtime";import{Fragment as hc,jsx as bc,jsxs as xc}from"react/jsx-runtime";import{Fragment as vc,jsx as Ic,jsxs as Sc}from"react/jsx-runtime";import{jsx as Cc}from"react/jsx-runtime";import{jsx as yc}from"react/jsx-runtime";import{jsx as _c}from"react/jsx-runtime";import{jsx as ee,jsxs as Un}from"react/jsx-runtime";var Va=G.options,$a=G.states,Xa={...G.defaultOptions,variant:"vertical"},Wa=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ja=[],Fe=e=>{let{variant:t,...o}=e;return t==="horizontal"?Un(G,{layout:"horizontal",...o,children:[ee(V,{children:ee(he,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ee(V,{children:ee(he,{id:E("cb"),children:"Label"})}),ee(V,{children:ee(he,{id:E("cb"),children:"Label"})})]}):Un(G,{...o,children:[ee(V,{children:ee(he,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ee(V,{children:ee(he,{id:E("cb"),children:"Label"})}),ee(V,{children:ee(he,{id:E("cb"),children:"Label"})})]})};Fe.options=Va;Fe.states=$a;Fe.variants=Wa;Fe.defaultOptions=Xa;Fe.modifiers=Ja;Fe.className=G.className;import{jsx as es}from"react/jsx-runtime";var qa=oe.options,Ya=oe.states,Qa=oe.defaultOptions,Za=[],ja=[],Ge=e=>es(he,{id:E("checkbox"),...e,defaultChecked:!0,children:"Label"});Ge.options=qa;Ge.states=Ya;Ge.variants=Za;Ge.defaultOptions=Qa;Ge.modifiers=ja;Ge.className=oe.className;import{jsx as Bn,jsxs as is}from"react/jsx-runtime";var bo="k-column-list-item",ts=[s.focus,s.disabled,s.hover],os={},ns={},It=e=>{let{label:t,checked:o,focus:i,hover:a,disabled:r,...m}=e;return is("span",{...m,className:n(e.className,bo,v(bo,{focus:i,hover:a,disabled:r})),role:"option","aria-checked":o?"true":"false",children:[Bn(y,{disabled:r,checked:o,"aria-label":t}),Bn("span",{className:"k-checkbox-label",children:t})]})};It.states=ts;It.options=os;It.className=bo;It.defaultOptions=ns;import{jsx as ho,jsxs as zn}from"react/jsx-runtime";var xo="k-columnmenu-item",as=[s.focus,s.selected],ss={},rs={},xe=e=>{let{focus:t,selected:o,text:i,startIcon:a,endIcon:r,sortIndex:m,...p}=e;return zn("div",{...p,className:n(e.className,xo,v(xo,{focus:t,selected:o})),role:"button",tabIndex:0,children:[a&&ho(u,{icon:a}),i,r&&zn("span",{className:"k-columnmenu-indicators",children:[ho(u,{icon:r}),m&&ho("span",{className:"k-sort-index",children:m})]}),e.children]})};xe.states=as;xe.options=ss;xe.className=xo;xe.defaultOptions=rs;xe.moduleName=F;xe.folderName=W;import{jsx as Ld}from"react/jsx-runtime";import{jsx as ms}from"react/jsx-runtime";var ls="k-columnmenu-item-content",Fn=e=>ms("div",{...e,className:n(e.className,ls,"k-columns-item"),children:e.children});import{jsx as Gn}from"react/jsx-runtime";var Vn="k-filter-menu",ps=[],cs={},ds={},Le=e=>{let{...t}=e;return Gn("form",{...t,className:n(e.className,Vn),children:Gn("div",{className:"k-filter-menu-container",children:e.children})})};Le.states=ps;Le.options=cs;Le.className=Vn;Le.defaultOptions=ds;Le.moduleName=F;Le.folderName=W;import{jsx as yd}from"react/jsx-runtime";import{jsx as No,jsxs as hs}from"react/jsx-runtime";var us="k-item",fs={size:[l.undefined,l.small,l.medium,l.large]},bs=[],Mo=e=>{let{text:t,size:o,...i}=e;return No("li",{...i,className:n(e.className,us),children:hs("label",{className:"k-label k-checkbox-label",children:[No(y,{size:o}),No("span",{children:t})]})})};Mo.states=bs;Mo.options=fs;import{jsx as Ls}from"react/jsx-runtime";var Lo="k-group-menu",xs=[],Ns={size:[l.undefined,l.small,l.medium,l.large]},Ms={},Ve=e=>{let{size:t,...o}=e;return Ls("div",{...o,className:n(e.className,Lo,I(Lo,{size:t})),children:e.children})};Ve.states=xs;Ve.options=Ns;Ve.className=Lo;Ve.defaultOptions=Ms;Ve.moduleName=F;Ve.folderName=W;import{Fragment as ks,jsx as Bt,jsxs as $n}from"react/jsx-runtime";var Io="k-group-menu-item",Is=[s.hover,s.selected],vs={},Ss={},$e=e=>{let{hover:t,selected:o,text:i,actionsStart:a,actionsEnd:r,...m}=e;return $n("div",{...m,className:n(e.className,Io,v(Io,{hover:t,selected:o})),children:[a&&Bt("span",{className:"k-group-menu-item-actions",children:a}),Bt("span",{className:"k-group-item-text",children:i}),r&&$n(ks,{children:[Bt("span",{className:"k-spacer"}),Bt("span",{className:"k-group-menu-item-actions",children:r})]}),e.children]})};$e.states=Is;$e.options=vs;$e.className=Io;$e.defaultOptions=Ss;$e.moduleName=F;$e.folderName=W;import{jsx as Re}from"react/jsx-runtime";var vo="k-group-menu-item-action",gs=[s.hover,s.disabled,s.selected],As={size:[l.undefined,l.small,l.medium,l.large]};var So=e=>{let{hover:t,disabled:o,selected:i,size:a,type:r,...m}=e,p;switch(r){case"remove":p=Re(u,{icon:"x-circle",size:a});break;case"add":p=Re(u,{icon:"plus-circle",size:a});break;case"drag":p=Re(u,{icon:"handle-drag-dots",size:a});break;case"up":p=Re(u,{icon:"chevron-up",size:a});break;case"down":p=Re(u,{icon:"chevron-down",size:a});break;default:p=Re(u,{icon:r,size:a});break}return Re("span",{...m,className:n(e.className,vo,v(vo,{selected:i,hover:t,disabled:o}),`k-group-menu-item-${r}-action`),children:p})};So.options=gs;So.options=As;So.className=vo;import{jsx as Qd}from"react/jsx-runtime";import{Fragment as iu,jsx as ou,jsxs as nu}from"react/jsx-runtime";var ko="button",Xn=ko;import{Fragment as Wn,jsx as Xe,jsxs as Jn}from"react/jsx-runtime";var vt="k-button",Cs=["icon-button"],Es=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Ts={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[M.undefined,M.solid,M.flat,M.outline,M.clear,M.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},go={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:i,fillMode:a,themeColor:r,showArrow:m=go.showArrow,arrowIconName:p=go.arrowIconName,variant:c,hover:f,focus:d,active:x,selected:L,disabled:S,togglable:g,ariaDisabled:A,icon:k,iconSize:C,text:R,iconClassName:Oe,className:fe,...ft}=e,bt=k!=null,ht=e.children!==void 0;return Jn(t,{className:n(fe,vt,gn(vt,c),I(vt,{size:o,rounded:i,fillMode:a,themeColor:r}),v(vt,{hover:f,focus:d,active:x,disabled:S||A,selected:L}),{"k-icon-button":!R&&!ht&&bt}),"aria-pressed":g?L?"true":"false":void 0,...ft,"aria-disabled":A?"true":void 0,disabled:S||void 0,children:[typeof k=="string"&&k&&Xe(u,{className:n(Oe,"k-button-icon"),icon:k,size:C}),k&&typeof k!="string"&&Xe(Wn,{children:k}),R?Jn(Wn,{children:[R&&Xe("span",{className:"k-button-text",children:R}),e.children]}):e.children&&Xe("span",{className:"k-button-text",children:e.children}),m&&Xe("span",{className:"k-menu-button-arrow k-button-arrow",children:Xe(u,{icon:p})})]})};N.states=Es;N.options=Ts;N.variants=Cs;N.className=vt;N.defaultOptions=go;N.moduleName=ko;N.folderName=Xn;N.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."}]};import{jsx as Os}from"react/jsx-runtime";var qn=e=>Os(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as ys}from"react/jsx-runtime";var Yn=e=>ys(N,{icon:"folder",children:"Button",...e});import{jsx as Ks}from"react/jsx-runtime";var we=e=>Ks(N,{children:"Button",...e});import{jsx as Ao}from"react/jsx-runtime";var Rs=N.options,ws=N.states,_s={...N.defaultOptions,variant:"text"},Ps=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hs=[],We=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ao(qn,{...o,icon:"star"});case"icon-and-text":return Ao(Yn,{...o,icon:"star",children:"Button"});default:return Ao(we,{...o,children:"Button"})}};We.options=Rs;We.states=ws;We.variants=Ps;We.defaultOptions=_s;We.modifiers=Hs;We.className=N.className;var Co="menu-button",Qn=Co;import{jsx as Bs}from"react/jsx-runtime";var Zn="k-menu-button",Ds=[s.hover,s.focus,s.active,s.selected,s.disabled],Us={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[M.undefined,M.solid,M.flat,M.outline,M.clear,M.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},Eo={showArrow:!0,arrowIconName:"chevron-down"},J=e=>{let{size:t,rounded:o,fillMode:i,themeColor:a,hover:r,focus:m,active:p,selected:c,disabled:f,icon:d,text:x,showArrow:L=Eo.showArrow,arrowIconName:S=Eo.arrowIconName,expanded:g,...A}=e;return Bs(N,{...A,className:n(e.className,Zn),text:x,size:t,rounded:o,fillMode:i,themeColor:a,hover:r,focus:m,active:p,selected:c,disabled:f,ariaDisabled:f||void 0,icon:d,showArrow:L,arrowIconName:S,"aria-expanded":g?"true":"false",...!x&&d&&!e["aria-label"]&&{"aria-label":"Menu"}})};J.states=Ds;J.options=Us;J.className=Zn;J.defaultOptions=Eo;J.moduleName=Co;J.folderName=Qn;J.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."}]};import{jsx as Fu}from"react/jsx-runtime";import{jsx as Xu}from"react/jsx-runtime";import{jsx as Yu}from"react/jsx-runtime";var Q="menu",te=Q;import{jsx as St,jsxs as jn}from"react/jsx-runtime";var To="k-menu-item",zs=[s.hover,s.focus,s.active,s.selected,s.disabled],Fs={},ei={iconPosition:"before"},D=e=>{let{hover:t,focus:o,active:i,selected:a,disabled:r,icon:m,text:p,first:c,last:f,showArrow:d,arrowIconName:x,iconPosition:L=ei.iconPosition,dir:S,children:g,expanded:A,...k}=e,C=x;return C||(C=S==="rtl"?"chevron-left":"chevron-right"),jn("li",{...k,className:n(e.className,To,"k-item",v(To,{focus:o,disabled:r,hover:t,active:i,selected:a}),{"k-first":c,"k-last":f}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":A?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[jn("span",{className:n("k-link k-menu-link"),children:[m&&L==="before"&&St(u,{className:"k-menu-link-icon",icon:m}),St("span",{className:"k-menu-link-text",children:p}),m&&L==="after"&&St(u,{className:"k-menu-link-icon",icon:m}),d&&St("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:St(u,{icon:C})})]}),g]})};D.states=zs;D.options=Fs;D.className=To;D.defaultOptions=ei;D.moduleName=Q;D.folderName=te;import{jsx as kt,jsxs as ti}from"react/jsx-runtime";var Oo="k-menu-item",Gs=[s.hover,s.focus,s.active,s.selected,s.disabled],Vs={},yo={dir:"ltr",iconPosition:"before"},w=e=>{let{hover:t,focus:o,active:i,selected:a,disabled:r,icon:m,text:p,first:c,last:f,showArrow:d,arrowIconName:x,iconPosition:L=yo.iconPosition,dir:S=yo.dir,children:g,popup:A,expanded:k,...C}=e,R=x;return R||(R=S==="rtl"?"chevron-left":"chevron-right"),ti("li",{role:"menuitem",...C,className:n(e.className,Oo,"k-item",v(Oo,{focus:o,disabled:r}),{"k-first":c,"k-last":f}),...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":k?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ti("span",{className:n("k-link k-menu-link",v("k-menu-link",{hover:t,active:i,selected:a,disabled:r})),children:[m&&L==="before"&&kt(u,{className:"k-menu-link-icon",icon:m}),kt("span",{className:"k-menu-link-text",children:p}),m&&L==="after"&&kt(u,{className:"k-menu-link-icon",icon:m}),d&&kt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:kt(u,{icon:R})})]}),g,A]})};w.states=Gs;w.options=Vs;w.className=Oo;w.defaultOptions=yo;w.moduleName=Q;w.folderName=te;import{jsx as Js}from"react/jsx-runtime";var oi="k-menu-scroll-wrapper",$s=[],Xs={},Ws={},_e=e=>{let{className:t,children:o,orientation:i,...a}=e;return Js("div",{...a,className:n(t,oi,{"k-menu-scroll-wrapper-vertical":i==="vertical"}),children:o})};_e.states=$s;_e.options=Xs;_e.className=oi;_e.defaultOptions=Ws;_e.moduleName=Q;_e.folderName=te;var ni=_e;import{Fragment as Ko,jsx as Pe,jsxs as Ft}from"react/jsx-runtime";var Ro="k-menu",qs=[],Ys={},Gt={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},K=e=>{let{children:t,orientation:o=Gt.orientation,header:i=Gt.header,scrollable:a,scrollButtonsPosition:r=Gt.scrollButtonsPosition,wrapperStyles:m,dir:p,popup:c,contextMenu:f,...d}=e,x={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=Pe("ul",{dir:p,...d,className:n(e.className,"k-reset",Ro,{[`${Ro}-${o}`]:o,"k-header":i}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ft(Ko,{children:[a?Ft(ni,{orientation:o,style:m,dir:e.dir,children:[r==="start"&&Ft(Ko,{children:[Pe(N,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Pe(N,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),r==="around"&&Pe(N,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,r==="end"&&Ft(Ko,{children:[Pe(N,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Pe(N,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),r==="around"&&Pe(N,{fillMode:"flat",icon:`chevron-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,c]})};K.states=qs;K.options=Ys;K.className=Ro;K.defaultOptions=Gt;K.moduleName=Q;K.folderName=te;K.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."}]};import{jsx as Qs}from"react/jsx-runtime";var wo="k-separator",ii={orientation:"horizontal"},Je=e=>{let{orientation:t=ii.orientation,...o}=e;return Qs("li",{...o,className:n(e.className,"k-item",wo,{[`${wo}-${t}`]:t}),role:"separator"})};Je.className=wo;Je.defaultOptions=ii;Je.moduleName=Q;Je.folderName=te;import{Fragment as Af,jsx as Cf}from"react/jsx-runtime";import{jsx as tr}from"react/jsx-runtime";var _o="k-menu-group",Zs=[],js={size:[l.undefined,l.small,l.medium,l.large]},er={},Z=e=>{let{children:t,size:o,...i}=e;return tr("ul",{role:"menu",...i,className:n(e.className,_o,I(_o,{size:o})),children:t})};Z.states=Zs;Z.options=js;Z.className=_o;Z.defaultOptions=er;Z.moduleName=Q;Z.folderName=te;import{Fragment as or,jsx as qe,jsxs as nr}from"react/jsx-runtime";var Po=e=>qe(K,{children:nr(or,{children:[qe(D,{first:!0,text:"Item 1"}),qe(D,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),qe(D,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),qe(D,{text:"Item 4"}),qe(D,{last:!0,text:"Item 5"})]}),...e});var Ho="popup",ai=Ho;import{jsx as si}from"react/jsx-runtime";var ri="k-animation-container",ir=[],ar={},Do={positionMode:"absolute",shown:!0},le=e=>{let{positionMode:t=Do.positionMode,shown:o=Do.shown,animationStyle:i,offset:a,...r}=e;return si("div",{...r,style:{...a,...e.style},className:n(e.className,ri,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:si("div",{className:"k-child-animation-container",style:i,children:e.children})})};le.states=ir;le.options=ar;le.className=ri;le.defaultOptions=Do;le.moduleName=Ho;le.folderName=ai;var Uo="popup",li=Uo;import{jsx as mi}from"react/jsx-runtime";var pi="k-popup",sr=[],rr={},ci={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=ci.positionMode,animationStyle:i,containerClassName:a,containerRole:r,containerAriaLabel:m,...p}=e;return mi(le,{positionMode:o,offset:t,animationStyle:i,className:a,role:r,"aria-label":m,children:mi("div",{...p,className:n(e.className,pi),children:e.children})})};U.states=sr;U.options=rr;U.className=pi;U.defaultOptions=ci;U.moduleName=Uo;U.folderName=li;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.'}]};import{Fragment as ob,jsx as eb,jsxs as tb}from"react/jsx-runtime";import{Fragment as rb,jsx as sb,jsxs as lb}from"react/jsx-runtime";import{Fragment as ub,jsx as db,jsxs as fb}from"react/jsx-runtime";import{Fragment as Mb,jsx as Nb,jsxs as Lb}from"react/jsx-runtime";import{jsx as He,jsxs as dr}from"react/jsx-runtime";var lr={...K.options,scrollable:{type:"boolean"}},mr=K.states,di={...K.defaultOptions,variant:"horizontal"},pr=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cr=[{name:"opened",title:"Opened"}],Ye=e=>{let{variant:t,modifiers:o,...i}={...di,...e},a={},r=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(m=>{m==="opened"&&(a.opened=!!o?.[m],a.popup=o?.[m]?He(U,{className:"k-menu-popup",offset:r,children:dr(Z,{children:[He(w,{text:"Item 1"}),He(w,{text:"Item 2"}),He(Je,{}),He(w,{text:"Item 3"})]})}):null)}),t==="vertical"?He(Po,{...i,...a,orientation:"vertical",style:{width:"200px"}}):He(Po,{...i,...a})};Ye.options=lr;Ye.states=mr;Ye.variants=pr;Ye.defaultOptions=di;Ye.modifiers=cr;Ye.className=K.className;import{Fragment as Zb,jsx as Yb,jsxs as Qb}from"react/jsx-runtime";import{jsx as oh}from"react/jsx-runtime";import{Fragment as xr,jsx as me,jsxs as ui}from"react/jsx-runtime";var ur=N.states,fi={...N.defaultOptions,variant:"text"},fr=N.options,br=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hr=[{name:"opened",title:"Opened"}],Qe=e=>{let{variant:t,modifiers:o,...i}={...fi,...e},a={},r=me(U,{className:"k-menu-popup",children:ui(Z,{size:i.size,children:[me(w,{first:!0,text:"Menu Item"}),me(w,{text:"Menu Item"}),me(w,{last:!0,text:"Menu Item"})]})}),m;switch(t){case"icon-only":m=me("div",{children:me(J,{...i,...a,icon:"star"})});break;case"icon-and-text":m=me("div",{children:me(J,{...i,...a,icon:"star",children:"Dropdown Button"})});break;default:m=me("div",{children:me(J,{...i,...a,children:"Dropdown Button"})});break}return ui(xr,{children:[m,o?.opened&&r]})};Qe.options=fr;Qe.states=ur;Qe.variants=br;Qe.defaultOptions=fi;Qe.modifiers=hr;Qe.className=J.className;import{jsx as Ir}from"react/jsx-runtime";var bi="k-tabstrip-items",Nr=[],Mr={},Lr={tabAlignment:"start"},gt=e=>{let{children:t,tabAlignment:o,orientation:i,...a}=e;return Ir("ul",{...a,className:n(e.className,bi,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...i==="vertical"&&{"aria-orientation":"vertical"},children:t})};gt.states=Nr;gt.options=Mr;gt.className=bi;gt.defaultOptions=Lr;var hi=gt;import{jsx as kr}from"react/jsx-runtime";var xi="k-tabstrip-items-wrapper",vr=[],Sr={},Ni={orientation:"horizontal"},At=e=>{let{children:t,orientation:o=Ni.orientation,...i}=e;return kr("div",{...i,className:n(e.className,xi,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};At.states=vr;At.options=Sr;At.className=xi;At.defaultOptions=Ni;var Mi=At;var Ct="tabstrip",Vt=Ct;import{jsx as ne,jsxs as Li}from"react/jsx-runtime";var ve="k-tabstrip",gr=[],Ar={size:[l.undefined,l.small,l.medium,l.large]},$t={position:"top",tabAlignment:"start",scrollButtons:"around"},_=e=>{let{size:t,scrollable:o,children:i,tabStripItems:a,tabStripItemsId:r,position:m=$t.position,tabAlignment:p=$t.tabAlignment,scrollButtons:c=$t.scrollButtons,dir:f,scrollingPosition:d,overflow:x,...L}=e,S={top:{prev:f!=="rtl"?"left":"right",next:f!=="rtl"?"right":"left"},bottom:{prev:f!=="rtl"?"left":"right",next:f!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},g={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},A={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Li("div",{dir:f,...L,className:n(ve,e.className,{[`${ve}-${m}`]:m,[`${ve}-scrollable`]:o,[`${ve}-scrollable-overlay`]:o&&(c==="hidden"||!c),[`${ve}-scrollable-${d}`]:d&&d!=="both",[`${ve}-overflow`]:x},I(ve,{size:t})),children:[m==="bottom"&&i,Li(Mi,{orientation:g[m],children:[o&&(c==="around"||c==="start")&&ne("span",{className:n("k-tabstrip-prev","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ne(u,{className:"k-button-icon",icon:`chevron-${S[m].prev}`})}),o&&c==="start"&&ne("span",{className:n("k-tabstrip-next","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ne(u,{className:"k-button-icon",icon:`chevron-${S[m].next}`})}),ne(hi,{className:n({"k-tabstrip-items-scroll":o&&c==="hidden"}),tabAlignment:A[p],orientation:g[m],...r&&{id:r},children:a}),o&&c==="end"&&ne("span",{className:n("k-tabstrip-prev","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ne(u,{className:"k-button-icon",icon:`chevron-${S[m].prev}`})}),o&&(c==="around"||c==="end")&&ne("span",{className:n("k-tabstrip-next","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ne(u,{className:"k-button-icon",icon:`chevron-${S[m].next}`})}),x&&ne("div",{className:"k-tabstrip-actions k-hstack",children:ne(J,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),m!=="bottom"&&i]})};_.states=gr;_.options=Ar;_.className=ve;_.defaultOptions=$t;_.moduleName=Ct;_.folderName=Vt;_.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Or}from"react/jsx-runtime";var Ii="k-tabstrip-wrapper",Cr=[],Er={},Tr={},Ze=e=>{let{...t}=e;return Or("div",{...t,className:n(e.className,Ii),children:e.children})};Ze.states=Cr;Ze.options=Er;Ze.className=Ii;Ze.defaultOptions=Tr;Ze.moduleName=Ct;Ze.folderName=Vt;import{jsx as Xt,jsxs as Bo}from"react/jsx-runtime";var zo="k-tabstrip-item",yr=[s.active,s.hover,s.disabled,s.focus],Kr={},vi={iconPosition:"before"},q=e=>{let{dragging:t,active:o,hover:i,focus:a,disabled:r,children:m,first:p,last:c,closable:f,icon:d,iconPosition:x=vi.iconPosition,value:L,actions:S,...g}=e;return Bo("li",{...g,className:n(e.className,zo,v(zo,{hover:i,active:o,disabled:r,focus:a}),{"k-tabstrip-dragging":t,"k-first":p,"k-last":c}),role:"tab",...o&&{"aria-selected":"true"},...r&&{"aria-disabled":"true"},children:[Bo("span",{className:"k-link",children:[d&&x==="before"&&Xt(u,{icon:d}),L&&Xt("span",{className:"k-link-text",children:L}),d&&x==="after"&&Xt(u,{icon:d})]}),(S||f)&&Bo("span",{className:"k-item-actions",children:[S,f&&Xt(N,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),m]})};q.states=yr;q.options=Kr;q.className=zo;q.item=vi;import{jsx as Pr}from"react/jsx-runtime";var Fo="k-tabstrip-content",Rr=[s.active,s.focus],wr={},_r={},pe=e=>{let{active:t,focus:o,children:i,...a}=e;return Pr("div",{...a,className:n(e.className,Fo,v(Fo,{active:t,focus:o}),e.className),role:"tabpanel",children:i})};pe.states=Rr;pe.options=wr;pe.className=Fo;pe.defaultOptions=_r;import{Fragment as Hr,jsx as Se,jsxs as Dr}from"react/jsx-runtime";var ie=({children:e,...t})=>Se(_,{tabStripItems:Dr(Hr,{children:[Se(q,{first:!0,value:"First"}),Se(q,{active:!0,value:"Second"}),Se(q,{value:"Third"}),Se(q,{value:"Fourth"}),Se(q,{last:!0,value:"Fifth"})]}),...t,children:e||Se(pe,{active:!0,children:Se("div",{children:"TabStrip Content"})})});import{jsx as Ur}from"react/jsx-runtime";var Si=e=>Ur(ie,{position:"bottom",...e});import{jsx as Br}from"react/jsx-runtime";var ki=e=>Br(ie,{position:"right",...e});import{jsx as zr}from"react/jsx-runtime";var gi=e=>zr(ie,{position:"left",...e});import{jsx as rx}from"react/jsx-runtime";import{Fragment as dx,jsx as cx,jsxs as ux}from"react/jsx-runtime";import{jsx as xx}from"react/jsx-runtime";import{Fragment as kx,jsx as Sx,jsxs as gx}from"react/jsx-runtime";import{Fragment as Ox,jsx as Tx,jsxs as yx}from"react/jsx-runtime";import{jsx as Wt}from"react/jsx-runtime";var Fr={..._.options,scrollable:{type:"boolean"}},Gr=_.states,Ai={..._.defaultOptions,scrollable:!1,variant:"up"},Vr=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],$r=[],je=e=>{let{variant:t,...o}={...Ai,...e},i={};switch(t){case"right":return Wt(ki,{style:{height:"230px"},...o,...i,position:"right"});case"left":return Wt(gi,{style:{height:"230px"},...o,...i,position:"left"});case"bottom":return Wt(Si,{style:{width:"350px"},...o,...i,position:"bottom"});default:return Wt(ie,{style:{width:"350px"},...o,...i})}};je.options=Fr;je.states=Gr;je.variants=Vr;je.defaultOptions=Ai;je.modifiers=$r;je.className=_.className;import{Fragment as lN,jsx as rN,jsxs as mN}from"react/jsx-runtime";var Et="input",Jt=Et;import{jsx as qr}from"react/jsx-runtime";var qt="k-input",Xr=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Wr={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[M.undefined,M.solid,M.flat,M.outline]},Jr={},B=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:m,readonly:p,size:c,rounded:f,fillMode:d,...x}=e;return qr("span",{...x,className:n(e.className,qt,I(qt,{size:c,rounded:f,fillMode:d}),v(qt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:m,readonly:p}))})};B.states=Xr;B.options=Wr;B.className=qt;B.defaultOptions=Jr;B.moduleName=Et;B.folderName=Jt;import{jsx as jr}from"react/jsx-runtime";var Yt="k-picker",Yr=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Qr={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[M.undefined,M.solid,M.flat,M.outline]},Zr={},ke=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:m,readonly:p,size:c,rounded:f,fillMode:d,...x}=e;return jr("span",{...x,className:n(e.className,Yt,I(Yt,{size:c,rounded:f,fillMode:d}),v(Yt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:m,readonly:p})),children:e.children})};ke.states=Yr;ke.options=Qr;ke.className=Yt;ke.defaultOptions=Zr;ke.moduleName=Et;ke.folderName=Jt;import{Fragment as ol,jsx as Go}from"react/jsx-runtime";var Ci="k-clear-value",el=[s.disabled,s.loading,s.readonly],tl={},Ne=e=>{let{disabled:t,loading:o,readonly:i,value:a}=e;return t||i||o||!a?Go(ol,{}):Go("span",{className:n(e.className,Ci),children:Go(u,{icon:"x"})})};Ne.states=el;Ne.options=tl;Ne.className=Ci;import{jsx as al}from"react/jsx-runtime";var Vo="k-input-inner",nl=[],il={},Qt={type:"text",autocomplete:"off",value:"",placeholder:""},Me=e=>{let{value:t=Qt.value,type:o=Qt.type,placeholder:i=Qt.placeholder,autocomplete:a=Qt.autocomplete,disabled:r,readOnly:m,...p}=e;return al("input",{...p,type:o,className:n(e.className,Vo,I(Vo,e)),placeholder:i,autoComplete:a,defaultValue:t,disabled:r||void 0,readOnly:m||void 0})};Me.states=nl;Me.options=il;Me.className=Vo;import{jsx as Ei,jsxs as ll}from"react/jsx-runtime";var $o="k-input-inner",sl=[],rl={},Tt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:a,valueIconName:r,...m}=e;return ll("span",{...m,className:n(e.className,$o,I($o,e)),children:[a,!a&&r&&Ei(u,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&Ei("span",{className:"k-input-value-text",children:t})]})};Tt.states=sl;Tt.options=rl;Tt.className=$o;import{jsx as cl}from"react/jsx-runtime";var Xo="k-input-inner",ml=[],pl={},Ti={value:"",placeholder:""},Wo=e=>{let{value:t=Ti.value,placeholder:o=Ti.placeholder,rows:i,disabled:a,...r}=e;return cl("textarea",{...r,className:n(e.className,Xo,I(Xo,e)),placeholder:o,rows:i,defaultValue:t,disabled:a||void 0})};Wo.states=ml;Wo.options=pl;Wo.className=Xo;import{Fragment as ul,jsx as Oi}from"react/jsx-runtime";var yi="k-input-loading-icon",dl=[s.disabled,s.loading],ce=e=>{let{disabled:t,loading:o}=e;return t||!o?Oi(ul,{}):Oi("span",{className:n(e.className,yi,"k-icon k-i-loading")})};ce.states=dl;ce.className=yi;import{Fragment as hl,jsx as Ki}from"react/jsx-runtime";var Ri="k-input-validation-icon",fl=[s.valid,s.invalid,s.disabled,s.loading],bl={},ae=e=>{let{valid:t,invalid:o,disabled:i,loading:a}=e,r=o?"warning-circle":"check-circle";return i||a||!!!(t||o)?Ki(hl,{}):Ki(u,{className:n(Ri),icon:r})};ae.states=fl;ae.options=bl;ae.className=Ri;import{Fragment as Ml,jsx as wi}from"react/jsx-runtime";var xl="k-input-prefix",Nl={direction:"horizontal"},et=e=>{let{direction:t=Nl.direction,...o}=e;return e.children?wi("span",{...o,className:n(xl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):wi(Ml,{})};import{Fragment as vl,jsx as _i}from"react/jsx-runtime";var Ll="k-input-suffix",Il={direction:"horizontal"},tt=e=>{let{direction:t=Il.direction,...o}=e;return e.children?_i("span",{...o,className:n(Ll,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):_i(vl,{})};import{jsx as qN}from"react/jsx-runtime";import{jsx as jN}from"react/jsx-runtime";import{jsx as kl}from"react/jsx-runtime";var Pi="k-input-separator",Sl={direction:"vertical"},ot=e=>{let{direction:t=Sl.direction,...o}=e;return kl("span",{...o,className:n(Pi,e.className,{[`${Pi}-${t}`]:t})})};import{Fragment as Hi,jsx as de,jsxs as Jo}from"react/jsx-runtime";var gl=B.states,Al=B.defaultOptions,Cl=B.options,El=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Tl=[],nt=e=>{let{modifiers:t,valid:o,invalid:i,loading:a,disabled:r,readonly:m,...p}=e,c=t?.prefix,f=t?.suffix,d=t?.["clear-button"],x=t?.["validation-icon"],L=t?.separators;return Jo(B,{...p,valid:o,invalid:i,loading:a,disabled:r,readonly:m,style:{width:300},children:[c&&Jo(Hi,{children:[de(et,{children:de(u,{icon:"lock"})}),L&&de(ot,{})]}),de(Me,{placeholder:"Placeholder",value:"Value"}),x&&de(ae,{valid:o,invalid:i,loading:a,disabled:r}),de(ce,{loading:a,disabled:r}),d&&de(Ne,{loading:a,disabled:r,readonly:m,value:"Value"}),f&&Jo(Hi,{children:[L&&de(ot,{}),de(tt,{children:de(we,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};nt.options=Cl;nt.states=gl;nt.variants=Tl;nt.defaultOptions=Al;nt.modifiers=El;nt.className=B.className;var qo="action-buttons",Di=qo;import{jsx as Kl}from"react/jsx-runtime";var Zt="k-actions",Ol=[],yl={},Yo={alignment:"start",orientation:"horizontal"},ue=e=>{let{alignment:t=Yo.alignment,orientation:o=Yo.orientation,...i}=e;return Kl("div",{...i,className:n(Zt,{[`${Zt}-${t}`]:t,[`${Zt}-${o}`]:o},e.className),children:e.children})};ue.states=Ol;ue.options=yl;ue.className=Zt;ue.defaultOptions=Yo;ue.moduleName=qo;ue.folderName=Di;import{jsx as wl}from"react/jsx-runtime";var Rl="k-actionsheet-footer",Ui={alignment:"stretched",orientation:"horizontal"},it=e=>{let{alignment:t=Ui.alignment,orientation:o=Ui.orientation,template:i,as:a=i?"div":ue,...r}=e;return wl(a,{...r,...!i&&{alignment:t,orientation:o},className:n(e.className,Rl),children:e.children})};var Qo="searchbox",Bi=Qo;import{jsx as Ot,jsxs as Hl}from"react/jsx-runtime";var zi="k-searchbox",_l=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Pl={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[M.undefined,M.solid,M.flat,M.outline]},Zo={showIcon:!0,icon:"search"},j=e=>{let{value:t,placeholder:o,size:i,rounded:a,fillMode:r,hover:m,focus:p,valid:c,invalid:f,required:d,loading:x,disabled:L,showIcon:S=Zo.showIcon,icon:g=Zo.icon,"aria-label":A,...k}=e;return Hl(B,{...k,size:i,rounded:a,fillMode:r,hover:m,focus:p,valid:c,invalid:f,required:d,loading:x,disabled:L,className:n(e.className,zi),children:[S&&Ot(u,{className:"k-input-icon",icon:g}),Ot(Me,{placeholder:o,value:t,"aria-label":A}),Ot(ce,{...e}),Ot(ae,{...e}),Ot(Ne,{...e})]})};j.states=_l;j.options=Pl;j.className=zi;j.defaultOptions=Zo;j.moduleName=Qo;j.folderName=Bi;import{jsx as eL}from"react/jsx-runtime";var jo="textbox",Fi=jo;import{Fragment as Gi,jsx as ge,jsxs as en}from"react/jsx-runtime";var Vi="k-textbox",Dl=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ul={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[M.undefined,M.solid,M.flat,M.outline]},jt={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:i,separators:a=jt.separators,showClearButton:r=jt.showClearButton,showValidationIcon:m=jt.showValidationIcon,prefix:p,suffix:c,type:f,value:d,placeholder:x,hover:L,focus:S,valid:g,invalid:A,required:k,loading:C,disabled:R,readonly:Oe,id:fe,"aria-label":ft,"aria-describedby":bt,...ht}=e;return en(B,{...ht,size:t,rounded:o,fillMode:i,hover:L,focus:S,valid:g,invalid:A,required:k,loading:C,disabled:R,readonly:Oe,className:n(e.className,Vi),children:[p&&en(Gi,{children:[ge(et,{children:p}),a&&ge(ot,{})]}),ge(Me,{id:fe,placeholder:x,value:d,type:f,disabled:R,"aria-label":ft,"aria-describedby":bt,"aria-invalid":A?"true":void 0}),m&&ge(ae,{valid:g,invalid:A,loading:C,disabled:R}),ge(ce,{loading:C,disabled:R}),r&&ge(Ne,{loading:C,disabled:R,readonly:Oe,value:d}),c&&en(Gi,{children:[a&&ge(ot,{}),ge(tt,{children:c})]})]})};z.states=Dl;z.options=Ul;z.className=Vi;z.defaultOptions=jt;z.moduleName=jo;z.folderName=Fi;z.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 yt=z;import{jsx as Bl}from"react/jsx-runtime";var $i=e=>Bl(yt,{...e});import{Fragment as NL,jsx as xL}from"react/jsx-runtime";import{Fragment as kL,jsx as SL}from"react/jsx-runtime";import{jsx as EL}from"react/jsx-runtime";import{jsx as tn}from"react/jsx-runtime";var zl=z.states,Fl=z.defaultOptions,Gl=z.options,Vl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],$l=[],at=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t?.[a]?tn(u,{icon:"lock"}):void 0;break;case"suffix":i.suffix=t?.[a]?tn(we,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":i.showClearButton=t?.[a];break;default:break}}),tn($i,{value:"Value",style:{width:300},...o,...i})};at.options=Gl;at.states=zl;at.variants=$l;at.defaultOptions=Fl;at.modifiers=Vl;at.className=z.className;import{jsx as Ae,jsxs as on}from"react/jsx-runtime";var Xi="k-actionsheet-titlebar",Xl={},se=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:a,filter:r,input:m,inputValue:p,inputPlaceholder:c,adaptive:f,titleId:d,children:x,...L}=e;return on("div",{...L,className:n(e.className,Xi),children:[on("div",{className:"k-actionsheet-titlebar-group",children:[i&&Ae("div",{className:"k-actionsheet-actions",children:i}),!x&&on("div",{className:"k-actionsheet-title",id:d,children:[t&&Ae("div",{className:"k-text-center",children:t}),o&&Ae("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Ae("div",{className:"k-actionsheet-title",id:d,children:x}),a&&Ae("div",{className:"k-actionsheet-actions",children:a})]}),(m|