@progress/kendo-themes-html/dist/esm/column-menu/templates/column-menu-normal.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 En(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"},me={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 lo={};function E(e){return lo[e]=(lo[e]||0)+1,`k-${e}-${lo[e]}`}var F="column-menu",W=F;import{jsx as Ma}from"react/jsx-runtime";var mo="k-column-menu",xa=[],Na={size:[l.undefined,l.small,l.medium,l.large]},Tn={view:"list"},pe=e=>{let{view:t=Tn.view,size:o,...i}=e;return Ma("div",{...i,className:n(e.className,mo,I(mo,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};pe.states=xa;pe.options=Na;pe.className=mo;pe.defaultOptions=Tn;pe.moduleName=F;pe.folderName=W;pe.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 On}from"react/jsx-runtime";var po="k-column-list",La=[],Ia={size:[l.undefined,l.small,l.medium,l.large]},va={},ve=e=>{let{size:t,...o}=e;return On("div",{className:"k-column-list-wrapper",children:On("div",{...o,className:n(e.className,po,I(po,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};ve.states=La;ve.options=Ia;ve.className=po;ve.defaultOptions=va;ve.moduleName=F;ve.folderName=W;var we="checkbox",Ge=we;import{jsx as yn}from"react/jsx-runtime";var Dt="k-checkbox",Sa=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],ka={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},ga={},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 yn("span",{className:"k-checkbox-wrap",role:L,children:yn("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:m||void 0,"aria-invalid":p?"true":void 0,className:n(e.className,Dt,I(Dt,{size:d,rounded:x}),v(Dt,{hover:a,focus:r,disabled:m,invalid:p,valid:c,indeterminate:i,checked:o}))})})};y.states=Sa;y.options=ka;y.className=Dt;y.defaultOptions=ga;y.moduleName=we;y.folderName=Ge;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 ne=y;import{jsx as Ea}from"react/jsx-runtime";var Kn="k-checkbox-list",Aa=[],Ca={},Rn={layout:"vertical"},G=e=>{let{layout:t=Rn.layout,...o}=e;return Ea("ul",{...o,className:n(e.className,Kn,{[`k-list-${t}`]:t}),children:e.children})};G.states=Aa;G.options=Ca;G.className=Kn;G.defaultOptions=Rn;G.moduleName=we;G.folderName=Ge;import{jsx as Ka}from"react/jsx-runtime";var wn="k-checkbox-list-item",Ta=[],Oa={},ya={},V=e=>{let{...t}=e;return Ka("li",{...t,className:n(e.className,wn),children:e.children})};V.states=Ta;V.options=Oa;V.className=wn;V.defaultOptions=ya;V.moduleName=we;V.folderName=Ge;import{Fragment as Ra,jsx as _n,jsxs as wa}from"react/jsx-runtime";var Me=({children:e="Label",id:t="cb-label-after",...o})=>wa(Ra,{children:[_n(ne,{id:t,...o}),_n("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as qp,jsx as Jp,jsxs as Yp}from"react/jsx-runtime";import{Fragment as tc,jsx as ec,jsxs as oc}from"react/jsx-runtime";import{Fragment as rc,jsx as sc,jsxs as lc}from"react/jsx-runtime";import{jsx as dc}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";import{jsx as Lc}from"react/jsx-runtime";import{jsx as ee,jsxs as Pn}from"react/jsx-runtime";var _a=G.options,Pa=G.states,Ha={...G.defaultOptions,variant:"vertical"},Da=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ua=[],Ve=e=>{let{variant:t,...o}=e;return t==="horizontal"?Pn(G,{layout:"horizontal",...o,children:[ee(V,{children:ee(Me,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ee(V,{children:ee(Me,{id:E("cb"),children:"Label"})}),ee(V,{children:ee(Me,{id:E("cb"),children:"Label"})})]}):Pn(G,{...o,children:[ee(V,{children:ee(Me,{id:E("cb"),defaultChecked:!0,children:"Label"})}),ee(V,{children:ee(Me,{id:E("cb"),children:"Label"})}),ee(V,{children:ee(Me,{id:E("cb"),children:"Label"})})]})};Ve.options=_a;Ve.states=Pa;Ve.variants=Da;Ve.defaultOptions=Ha;Ve.modifiers=Ua;Ve.className=G.className;import{jsx as $a}from"react/jsx-runtime";var Ba=ne.options,za=ne.states,Fa=ne.defaultOptions,Ga=[],Va=[],$e=e=>$a(Me,{id:E("checkbox"),...e,defaultChecked:!0,children:"Label"});$e.options=Ba;$e.states=za;$e.variants=Ga;$e.defaultOptions=Fa;$e.modifiers=Va;$e.className=ne.className;import{jsx as Hn,jsxs as qa}from"react/jsx-runtime";var co="k-column-list-item",Xa=[s.focus,s.disabled,s.hover],Wa={},Ja={},Se=e=>{let{label:t,checked:o,focus:i,hover:a,disabled:r,...m}=e;return qa("span",{...m,className:n(e.className,co,v(co,{focus:i,hover:a,disabled:r})),role:"option","aria-checked":o?"true":"false",children:[Hn(y,{disabled:r,checked:o,"aria-label":t}),Hn("span",{className:"k-checkbox-label",children:t})]})};Se.states=Xa;Se.options=Wa;Se.className=co;Se.defaultOptions=Ja;import{Fragment as ja,jsx as Dn}from"react/jsx-runtime";var uo="k-font-icon",Ya=[],Qa={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]},Za={},Lt=e=>{let{size:t,themeColor:o,icon:i,rotate:a,flip:r,...m}=e;return i?Dn("span",{...m,className:n(e.className,uo,I(uo,{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"}):Dn(ja,{})};Lt.states=Ya;Lt.options=Qa;Lt.className=uo;Lt.defaultOptions=Za;var Un=Lt;import{Fragment as os,jsx as Ut}from"react/jsx-runtime";var fo="k-svg-icon",es=[],ts={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:[me.outline,me.solid,me.duotone]},bo={viewBox:"0 0 24 24",variant:me.outline},It=e=>{let{size:t,themeColor:o,rotate:i,flip:a,viewBox:r=bo.viewBox,variant:m=bo.variant,icon:p,...c}=e;if(!p)return Ut(os,{});if(p==="none")return Ut("span",{...c,className:n(e.className,fo,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 Ut("span",{...c,className:n(e.className,fo,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:Ut("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})})};It.states=es;It.options=ts;It.className=fo;It.defaultOptions=bo;var ho=It;import*as xo from"@progress/kendo-svg-icons";var Bn="icon",zn="icons";import{useContext as is}from"react";import{createContext as ns}from"react";var Fn=ns({iconsType:"svg"});import{Fragment as Gn,jsx as vt}from"react/jsx-runtime";var Bt="k-icon",as=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ss=[],rs={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:[me.outline,me.solid,me.duotone]},zt={viewBox:"0 0 24 24",type:"svg",variant:me.outline},u=e=>{let{iconsType:t}=is(Fn),{size:o,themeColor:i,icon:a,type:r=t||zt.type,rotate:m,flip:p,viewBox:c=zt.viewBox,variant:f=zt.variant,...d}=e;if(!a)return vt(Gn,{});if((t||r)==="svg"){if(a==="none")return vt(ho,{...d,className:n(e.className,Bt),icon:a,size:o,variant:f});let L=xo[a]?a:as(`${a}-icon`);return xo[L]?vt(ho,{...d,className:n(e.className,Bt),icon:xo[L],size:o,themeColor:i,rotate:m,flip:p,viewBox:c,variant:f}):vt(Gn,{})}return vt(Un,{...d,className:n(e.className,Bt),icon:a,size:o,themeColor:i,rotate:m,flip:p})};u.states=ss;u.options=rs;u.defaultOptions=zt;u.className=Bt;u.moduleName=Bn;u.folderName=zn;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."}]};import{jsx as No,jsxs as Vn}from"react/jsx-runtime";var Mo="k-columnmenu-item",ls=[s.focus,s.selected],ms={},ps={},ie=e=>{let{focus:t,selected:o,text:i,startIcon:a,endIcon:r,sortIndex:m,...p}=e;return Vn("div",{...p,className:n(e.className,Mo,v(Mo,{focus:t,selected:o})),role:"button",tabIndex:0,children:[a&&No(u,{icon:a}),i,r&&Vn("span",{className:"k-columnmenu-indicators",children:[No(u,{icon:r}),m&&No("span",{className:"k-sort-index",children:m})]}),e.children]})};ie.states=ls;ie.options=ms;ie.className=Mo;ie.defaultOptions=ps;ie.moduleName=F;ie.folderName=W;import{jsx as ds}from"react/jsx-runtime";var cs="k-columnmenu-item-wrapper",St=e=>ds("div",{...e,className:n(e.className,cs),children:e.children});import{jsx as fs}from"react/jsx-runtime";var us="k-columnmenu-item-content",$n=e=>fs("div",{...e,className:n(e.className,us,"k-columns-item"),children:e.children});import{jsx as Xn}from"react/jsx-runtime";var Wn="k-filter-menu",bs=[],hs={},xs={},ke=e=>{let{...t}=e;return Xn("form",{...t,className:n(e.className,Wn),children:Xn("div",{className:"k-filter-menu-container",children:e.children})})};ke.states=bs;ke.options=hs;ke.className=Wn;ke.defaultOptions=xs;ke.moduleName=F;ke.folderName=W;import{jsx as Pd}from"react/jsx-runtime";import{jsx as Lo,jsxs as Is}from"react/jsx-runtime";var Ns="k-item",Ms={size:[l.undefined,l.small,l.medium,l.large]},Ls=[],Io=e=>{let{text:t,size:o,...i}=e;return Lo("li",{...i,className:n(e.className,Ns),children:Is("label",{className:"k-label k-checkbox-label",children:[Lo(y,{size:o}),Lo("span",{children:t})]})})};Io.states=Ls;Io.options=Ms;import{jsx as Xe,jsxs as Jn}from"react/jsx-runtime";var qn="k-expander",vs=[],Ss={},ks={},ce=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:i,itemSortIndex:a,expanded:r,itemContent:m,expanderIcon:p,contentId:c,...f}=e,d=c||E("columnmenu-content"),x=!r&&!p?Xe(u,{icon:"chevron-down"}):r&&!p?Xe(u,{icon:"chevron-up"}):Xe(u,{icon:p});return Jn("div",{...f,className:n(e.className,qn),children:[Jn(ie,{text:t,startIcon:o,endIcon:i,sortIndex:a,"aria-expanded":r?"true":"false","aria-controls":d,children:[Xe("span",{className:"k-spacer"}),Xe("span",{className:"k-expander-indicator",children:x})]}),r&&Xe($n,{id:d,children:m}),e.children]})};ce.states=vs;ce.options=Ss;ce.className=qn;ce.defaultOptions=ks;ce.moduleName=F;ce.folderName=W;import{jsx as Es}from"react/jsx-runtime";var vo="k-group-menu",gs=[],As={size:[l.undefined,l.small,l.medium,l.large]},Cs={},We=e=>{let{size:t,...o}=e;return Es("div",{...o,className:n(e.className,vo,I(vo,{size:t})),children:e.children})};We.states=gs;We.options=As;We.className=vo;We.defaultOptions=Cs;We.moduleName=F;We.folderName=W;import{Fragment as Ks,jsx as Ft,jsxs as Yn}from"react/jsx-runtime";var So="k-group-menu-item",Ts=[s.hover,s.selected],Os={},ys={},Je=e=>{let{hover:t,selected:o,text:i,actionsStart:a,actionsEnd:r,...m}=e;return Yn("div",{...m,className:n(e.className,So,v(So,{hover:t,selected:o})),children:[a&&Ft("span",{className:"k-group-menu-item-actions",children:a}),Ft("span",{className:"k-group-item-text",children:i}),r&&Yn(Ks,{children:[Ft("span",{className:"k-spacer"}),Ft("span",{className:"k-group-menu-item-actions",children:r})]}),e.children]})};Je.states=Ts;Je.options=Os;Je.className=So;Je.defaultOptions=ys;Je.moduleName=F;Je.folderName=W;import{jsx as _e}from"react/jsx-runtime";var ko="k-group-menu-item-action",Rs=[s.hover,s.disabled,s.selected],ws={size:[l.undefined,l.small,l.medium,l.large]};var go=e=>{let{hover:t,disabled:o,selected:i,size:a,type:r,...m}=e,p;switch(r){case"remove":p=_e(u,{icon:"x-circle",size:a});break;case"add":p=_e(u,{icon:"plus-circle",size:a});break;case"drag":p=_e(u,{icon:"handle-drag-dots",size:a});break;case"up":p=_e(u,{icon:"chevron-up",size:a});break;case"down":p=_e(u,{icon:"chevron-down",size:a});break;default:p=_e(u,{icon:r,size:a});break}return _e("span",{...m,className:n(e.className,ko,v(ko,{selected:i,hover:t,disabled:o}),`k-group-menu-item-${r}-action`),children:p})};go.options=Rs;go.options=ws;go.className=ko;import{jsx as mu}from"react/jsx-runtime";var Ao="button",Qn=Ao;import{Fragment as Zn,jsx as qe,jsxs as jn}from"react/jsx-runtime";var kt="k-button",_s=["icon-button"],Ps=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Hs={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]},Co={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:i,fillMode:a,themeColor:r,showArrow:m=Co.showArrow,arrowIconName:p=Co.arrowIconName,variant:c,hover:f,focus:d,active:x,selected:L,disabled:S,togglable:g,ariaDisabled:A,icon:k,iconSize:C,text:R,iconClassName:Re,className:Ne,...ht}=e,xt=k!=null,Nt=e.children!==void 0;return jn(t,{className:n(Ne,kt,En(kt,c),I(kt,{size:o,rounded:i,fillMode:a,themeColor:r}),v(kt,{hover:f,focus:d,active:x,disabled:S||A,selected:L}),{"k-icon-button":!R&&!Nt&&xt}),"aria-pressed":g?L?"true":"false":void 0,...ht,"aria-disabled":A?"true":void 0,disabled:S||void 0,children:[typeof k=="string"&&k&&qe(u,{className:n(Re,"k-button-icon"),icon:k,size:C}),k&&typeof k!="string"&&qe(Zn,{children:k}),R?jn(Zn,{children:[R&&qe("span",{className:"k-button-text",children:R}),e.children]}):e.children&&qe("span",{className:"k-button-text",children:e.children}),m&&qe("span",{className:"k-menu-button-arrow k-button-arrow",children:qe(u,{icon:p})})]})};N.states=Ps;N.options=Hs;N.variants=_s;N.className=kt;N.defaultOptions=Co;N.moduleName=Ao;N.folderName=Qn;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 Ds}from"react/jsx-runtime";var ei=e=>Ds(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Us}from"react/jsx-runtime";var ti=e=>Us(N,{icon:"folder",children:"Button",...e});import{jsx as Bs}from"react/jsx-runtime";var Pe=e=>Bs(N,{children:"Button",...e});import{jsx as Eo}from"react/jsx-runtime";var zs=N.options,Fs=N.states,Gs={...N.defaultOptions,variant:"text"},Vs=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$s=[],Ye=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Eo(ei,{...o,icon:"star"});case"icon-and-text":return Eo(ti,{...o,icon:"star",children:"Button"});default:return Eo(Pe,{...o,children:"Button"})}};Ye.options=zs;Ye.states=Fs;Ye.variants=Vs;Ye.defaultOptions=Gs;Ye.modifiers=$s;Ye.className=N.className;var To="menu-button",oi=To;import{jsx as Js}from"react/jsx-runtime";var ni="k-menu-button",Xs=[s.hover,s.focus,s.active,s.selected,s.disabled],Ws={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]},Oo={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=Oo.showArrow,arrowIconName:S=Oo.arrowIconName,expanded:g,...A}=e;return Js(N,{...A,className:n(e.className,ni),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=Xs;J.options=Ws;J.className=ni;J.defaultOptions=Oo;J.moduleName=To;J.folderName=oi;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 Wu}from"react/jsx-runtime";import{jsx as Qu}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var Q="menu",te=Q;import{jsx as gt,jsxs as ii}from"react/jsx-runtime";var yo="k-menu-item",qs=[s.hover,s.focus,s.active,s.selected,s.disabled],Ys={},ai={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=ai.iconPosition,dir:S,children:g,expanded:A,...k}=e,C=x;return C||(C=S==="rtl"?"chevron-left":"chevron-right"),ii("li",{...k,className:n(e.className,yo,"k-item",v(yo,{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:[ii("span",{className:n("k-link k-menu-link"),children:[m&&L==="before"&&gt(u,{className:"k-menu-link-icon",icon:m}),gt("span",{className:"k-menu-link-text",children:p}),m&&L==="after"&&gt(u,{className:"k-menu-link-icon",icon:m}),d&&gt("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:gt(u,{icon:C})})]}),g]})};D.states=qs;D.options=Ys;D.className=yo;D.defaultOptions=ai;D.moduleName=Q;D.folderName=te;import{jsx as At,jsxs as si}from"react/jsx-runtime";var Ko="k-menu-item",Qs=[s.hover,s.focus,s.active,s.selected,s.disabled],Zs={},Ro={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=Ro.iconPosition,dir:S=Ro.dir,children:g,popup:A,expanded:k,...C}=e,R=x;return R||(R=S==="rtl"?"chevron-left":"chevron-right"),si("li",{role:"menuitem",...C,className:n(e.className,Ko,"k-item",v(Ko,{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:[si("span",{className:n("k-link k-menu-link",v("k-menu-link",{hover:t,active:i,selected:a,disabled:r})),children:[m&&L==="before"&&At(u,{className:"k-menu-link-icon",icon:m}),At("span",{className:"k-menu-link-text",children:p}),m&&L==="after"&&At(u,{className:"k-menu-link-icon",icon:m}),d&&At("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:At(u,{icon:R})})]}),g,A]})};w.states=Qs;w.options=Zs;w.className=Ko;w.defaultOptions=Ro;w.moduleName=Q;w.folderName=te;import{jsx as or}from"react/jsx-runtime";var ri="k-menu-scroll-wrapper",js=[],er={},tr={},He=e=>{let{className:t,children:o,orientation:i,...a}=e;return or("div",{...a,className:n(t,ri,{"k-menu-scroll-wrapper-vertical":i==="vertical"}),children:o})};He.states=js;He.options=er;He.className=ri;He.defaultOptions=tr;He.moduleName=Q;He.folderName=te;var li=He;import{Fragment as wo,jsx as De,jsxs as Vt}from"react/jsx-runtime";var _o="k-menu",nr=[],ir={},$t={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},K=e=>{let{children:t,orientation:o=$t.orientation,header:i=$t.header,scrollable:a,scrollButtonsPosition:r=$t.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=De("ul",{dir:p,...d,className:n(e.className,"k-reset",_o,{[`${_o}-${o}`]:o,"k-header":i}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Vt(wo,{children:[a?Vt(li,{orientation:o,style:m,dir:e.dir,children:[r==="start"&&Vt(wo,{children:[De(N,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),De(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"&&De(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"&&Vt(wo,{children:[De(N,{fillMode:"flat",icon:`chevron-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),De(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"&&De(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=nr;K.options=ir;K.className=_o;K.defaultOptions=$t;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 ar}from"react/jsx-runtime";var Po="k-separator",mi={orientation:"horizontal"},Qe=e=>{let{orientation:t=mi.orientation,...o}=e;return ar("li",{...o,className:n(e.className,"k-item",Po,{[`${Po}-${t}`]:t}),role:"separator"})};Qe.className=Po;Qe.defaultOptions=mi;Qe.moduleName=Q;Qe.folderName=te;import{Fragment as yf,jsx as Kf}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var Ho="k-menu-group",sr=[],rr={size:[l.undefined,l.small,l.medium,l.large]},lr={},Z=e=>{let{children:t,size:o,...i}=e;return mr("ul",{role:"menu",...i,className:n(e.className,Ho,I(Ho,{size:o})),children:t})};Z.states=sr;Z.options=rr;Z.className=Ho;Z.defaultOptions=lr;Z.moduleName=Q;Z.folderName=te;import{Fragment as pr,jsx as Ze,jsxs as cr}from"react/jsx-runtime";var Do=e=>Ze(K,{children:cr(pr,{children:[Ze(D,{first:!0,text:"Item 1"}),Ze(D,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ze(D,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ze(D,{text:"Item 4"}),Ze(D,{last:!0,text:"Item 5"})]}),...e});var Uo="popup",pi=Uo;import{jsx as ci}from"react/jsx-runtime";var di="k-animation-container",dr=[],ur={},Bo={positionMode:"absolute",shown:!0},de=e=>{let{positionMode:t=Bo.positionMode,shown:o=Bo.shown,animationStyle:i,offset:a,...r}=e;return ci("div",{...r,style:{...a,...e.style},className:n(e.className,di,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ci("div",{className:"k-child-animation-container",style:i,children:e.children})})};de.states=dr;de.options=ur;de.className=di;de.defaultOptions=Bo;de.moduleName=Uo;de.folderName=pi;var zo="popup",ui=zo;import{jsx as fi}from"react/jsx-runtime";var bi="k-popup",fr=[],br={},hi={positionMode:"absolute"},U=e=>{let{offset:t,positionMode:o=hi.positionMode,animationStyle:i,containerClassName:a,containerRole:r,containerAriaLabel:m,...p}=e;return fi(de,{positionMode:o,offset:t,animationStyle:i,className:a,role:r,"aria-label":m,children:fi("div",{...p,className:n(e.className,bi),children:e.children})})};U.states=fr;U.options=br;U.className=bi;U.defaultOptions=hi;U.moduleName=zo;U.folderName=ui;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 rb,jsx as ab,jsxs as sb}from"react/jsx-runtime";import{Fragment as db,jsx as cb,jsxs as ub}from"react/jsx-runtime";import{Fragment as Nb,jsx as xb,jsxs as Mb}from"react/jsx-runtime";import{Fragment as kb,jsx as Sb,jsxs as gb}from"react/jsx-runtime";import{jsx as Ue,jsxs as Lr}from"react/jsx-runtime";var hr={...K.options,scrollable:{type:"boolean"}},xr=K.states,xi={...K.defaultOptions,variant:"horizontal"},Nr=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mr=[{name:"opened",title:"Opened"}],je=e=>{let{variant:t,modifiers:o,...i}={...xi,...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]?Ue(U,{className:"k-menu-popup",offset:r,children:Lr(Z,{children:[Ue(w,{text:"Item 1"}),Ue(w,{text:"Item 2"}),Ue(Qe,{}),Ue(w,{text:"Item 3"})]})}):null)}),t==="vertical"?Ue(Do,{...i,...a,orientation:"vertical",style:{width:"200px"}}):Ue(Do,{...i,...a})};je.options=hr;je.states=xr;je.variants=Nr;je.defaultOptions=xi;je.modifiers=Mr;je.className=K.className;import{Fragment as nh,jsx as th,jsxs as oh}from"react/jsx-runtime";import{jsx as rh}from"react/jsx-runtime";import{Fragment as gr,jsx as ue,jsxs as Ni}from"react/jsx-runtime";var Ir=N.states,Mi={...N.defaultOptions,variant:"text"},vr=N.options,Sr=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kr=[{name:"opened",title:"Opened"}],et=e=>{let{variant:t,modifiers:o,...i}={...Mi,...e},a={},r=ue(U,{className:"k-menu-popup",children:Ni(Z,{size:i.size,children:[ue(w,{first:!0,text:"Menu Item"}),ue(w,{text:"Menu Item"}),ue(w,{last:!0,text:"Menu Item"})]})}),m;switch(t){case"icon-only":m=ue("div",{children:ue(J,{...i,...a,icon:"star"})});break;case"icon-and-text":m=ue("div",{children:ue(J,{...i,...a,icon:"star",children:"Dropdown Button"})});break;default:m=ue("div",{children:ue(J,{...i,...a,children:"Dropdown Button"})});break}return Ni(gr,{children:[m,o?.opened&&r]})};et.options=vr;et.states=Ir;et.variants=Sr;et.defaultOptions=Mi;et.modifiers=kr;et.className=J.className;import{jsx as Tr}from"react/jsx-runtime";var Li="k-tabstrip-items",Ar=[],Cr={},Er={tabAlignment:"start"},Ct=e=>{let{children:t,tabAlignment:o,orientation:i,...a}=e;return Tr("ul",{...a,className:n(e.className,Li,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...i==="vertical"&&{"aria-orientation":"vertical"},children:t})};Ct.states=Ar;Ct.options=Cr;Ct.className=Li;Ct.defaultOptions=Er;var Ii=Ct;import{jsx as Kr}from"react/jsx-runtime";var vi="k-tabstrip-items-wrapper",Or=[],yr={},Si={orientation:"horizontal"},Et=e=>{let{children:t,orientation:o=Si.orientation,...i}=e;return Kr("div",{...i,className:n(e.className,vi,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Et.states=Or;Et.options=yr;Et.className=vi;Et.defaultOptions=Si;var ki=Et;var Tt="tabstrip",Xt=Tt;import{jsx as ae,jsxs as gi}from"react/jsx-runtime";var ge="k-tabstrip",Rr=[],wr={size:[l.undefined,l.small,l.medium,l.large]},Wt={position:"top",tabAlignment:"start",scrollButtons:"around"},_=e=>{let{size:t,scrollable:o,children:i,tabStripItems:a,tabStripItemsId:r,position:m=Wt.position,tabAlignment:p=Wt.tabAlignment,scrollButtons:c=Wt.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 gi("div",{dir:f,...L,className:n(ge,e.className,{[`${ge}-${m}`]:m,[`${ge}-scrollable`]:o,[`${ge}-scrollable-overlay`]:o&&(c==="hidden"||!c),[`${ge}-scrollable-${d}`]:d&&d!=="both",[`${ge}-overflow`]:x},I(ge,{size:t})),children:[m==="bottom"&&i,gi(ki,{orientation:g[m],children:[o&&(c==="around"||c==="start")&&ae("span",{className:n("k-tabstrip-prev","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ae(u,{className:"k-button-icon",icon:`chevron-${S[m].prev}`})}),o&&c==="start"&&ae("span",{className:n("k-tabstrip-next","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ae(u,{className:"k-button-icon",icon:`chevron-${S[m].next}`})}),ae(Ii,{className:n({"k-tabstrip-items-scroll":o&&c==="hidden"}),tabAlignment:A[p],orientation:g[m],...r&&{id:r},children:a}),o&&c==="end"&&ae("span",{className:n("k-tabstrip-prev","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ae(u,{className:"k-button-icon",icon:`chevron-${S[m].prev}`})}),o&&(c==="around"||c==="end")&&ae("span",{className:n("k-tabstrip-next","k-button",I("k-button",{size:t,fillMode:M.flat}),"k-icon-button"),"aria-hidden":"true",children:ae(u,{className:"k-button-icon",icon:`chevron-${S[m].next}`})}),x&&ae("div",{className:"k-tabstrip-actions k-hstack",children:ae(J,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),m!=="bottom"&&i]})};_.states=Rr;_.options=wr;_.className=ge;_.defaultOptions=Wt;_.moduleName=Tt;_.folderName=Xt;_.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 Dr}from"react/jsx-runtime";var Ai="k-tabstrip-wrapper",_r=[],Pr={},Hr={},tt=e=>{let{...t}=e;return Dr("div",{...t,className:n(e.className,Ai),children:e.children})};tt.states=_r;tt.options=Pr;tt.className=Ai;tt.defaultOptions=Hr;tt.moduleName=Tt;tt.folderName=Xt;import{jsx as Jt,jsxs as Fo}from"react/jsx-runtime";var Go="k-tabstrip-item",Ur=[s.active,s.hover,s.disabled,s.focus],Br={},Ci={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=Ci.iconPosition,value:L,actions:S,...g}=e;return Fo("li",{...g,className:n(e.className,Go,v(Go,{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:[Fo("span",{className:"k-link",children:[d&&x==="before"&&Jt(u,{icon:d}),L&&Jt("span",{className:"k-link-text",children:L}),d&&x==="after"&&Jt(u,{icon:d})]}),(S||f)&&Fo("span",{className:"k-item-actions",children:[S,f&&Jt(N,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),m]})};q.states=Ur;q.options=Br;q.className=Go;q.item=Ci;import{jsx as Vr}from"react/jsx-runtime";var Vo="k-tabstrip-content",zr=[s.active,s.focus],Fr={},Gr={},fe=e=>{let{active:t,focus:o,children:i,...a}=e;return Vr("div",{...a,className:n(e.className,Vo,v(Vo,{active:t,focus:o}),e.className),role:"tabpanel",children:i})};fe.states=zr;fe.options=Fr;fe.className=Vo;fe.defaultOptions=Gr;import{Fragment as $r,jsx as Ae,jsxs as Xr}from"react/jsx-runtime";var se=({children:e,...t})=>Ae(_,{tabStripItems:Xr($r,{children:[Ae(q,{first:!0,value:"First"}),Ae(q,{active:!0,value:"Second"}),Ae(q,{value:"Third"}),Ae(q,{value:"Fourth"}),Ae(q,{last:!0,value:"Fifth"})]}),...t,children:e||Ae(fe,{active:!0,children:Ae("div",{children:"TabStrip Content"})})});import{jsx as Wr}from"react/jsx-runtime";var Ei=e=>Wr(se,{position:"bottom",...e});import{jsx as Jr}from"react/jsx-runtime";var Ti=e=>Jr(se,{position:"right",...e});import{jsx as qr}from"react/jsx-runtime";var Oi=e=>qr(se,{position:"left",...e});import{jsx as dx}from"react/jsx-runtime";import{Fragment as xx,jsx as hx,jsxs as Nx}from"react/jsx-runtime";import{jsx as vx}from"react/jsx-runtime";import{Fragment as Tx,jsx as Ex,jsxs as Ox}from"react/jsx-runtime";import{Fragment as _x,jsx as wx,jsxs as Px}from"react/jsx-runtime";import{jsx as qt}from"react/jsx-runtime";var Yr={..._.options,scrollable:{type:"boolean"}},Qr=_.states,yi={..._.defaultOptions,scrollable:!1,variant:"up"},Zr=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],jr=[],ot=e=>{let{variant:t,...o}={...yi,...e},i={};switch(t){case"right":return qt(Ti,{style:{height:"230px"},...o,...i,position:"right"});case"left":return qt(Oi,{style:{height:"230px"},...o,...i,position:"left"});case"bottom":return qt(Ei,{style:{width:"350px"},...o,...i,position:"bottom"});default:return qt(se,{style:{width:"350px"},...o,...i})}};ot.options=Yr;ot.states=Qr;ot.variants=Zr;ot.defaultOptions=yi;ot.modifiers=jr;ot.className=_.className;import{Fragment as uN,jsx as dN,jsxs as fN}from"react/jsx-runtime";var Ot="input",Yt=Ot;import{jsx as nl}from"react/jsx-runtime";var Qt="k-input",el=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],tl={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]},ol={},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 nl("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=el;B.options=tl;B.className=Qt;B.defaultOptions=ol;B.moduleName=Ot;B.folderName=Yt;import{jsx as rl}from"react/jsx-runtime";var Zt="k-picker",il=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],al={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]},sl={},Ce=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 rl("span",{...x,className:n(e.className,Zt,I(Zt,{size:c,rounded:f,fillMode:d}),v(Zt,{hover:t,focus:o,disabled:i,invalid:a,valid:r,loading:m,readonly:p})),children:e.children})};Ce.states=il;Ce.options=al;Ce.className=Zt;Ce.defaultOptions=sl;Ce.moduleName=Ot;Ce.folderName=Yt;import{Fragment as pl,jsx as $o}from"react/jsx-runtime";var Ki="k-clear-value",ll=[s.disabled,s.loading,s.readonly],ml={},Le=e=>{let{disabled:t,loading:o,readonly:i,value:a}=e;return t||i||o||!a?$o(pl,{}):$o("span",{className:n(e.className,Ki),children:$o(u,{icon:"x"})})};Le.states=ll;Le.options=ml;Le.className=Ki;import{jsx as ul}from"react/jsx-runtime";var Xo="k-input-inner",cl=[],dl={},jt={type:"text",autocomplete:"off",value:"",placeholder:""},Ie=e=>{let{value:t=jt.value,type:o=jt.type,placeholder:i=jt.placeholder,autocomplete:a=jt.autocomplete,disabled:r,readOnly:m,...p}=e;return ul("input",{...p,type:o,className:n(e.className,Xo,I(Xo,e)),placeholder:i,autoComplete:a,defaultValue:t,disabled:r||void 0,readOnly:m||void 0})};Ie.states=cl;Ie.options=dl;Ie.className=Xo;import{jsx as Ri,jsxs as hl}from"react/jsx-runtime";var Wo="k-input-inner",fl=[],bl={},yt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:a,valueIconName:r,...m}=e;return hl("span",{...m,className:n(e.className,Wo,I(Wo,e)),children:[a,!a&&r&&Ri(u,{className:"k-input-value-icon",icon:r}),i&&!t&&o,i&&t&&Ri("span",{className:"k-input-value-text",children:t})]})};yt.states=fl;yt.options=bl;yt.className=Wo;import{jsx as Ml}from"react/jsx-runtime";var Jo="k-input-inner",xl=[],Nl={},wi={value:"",placeholder:""},qo=e=>{let{value:t=wi.value,placeholder:o=wi.placeholder,rows:i,disabled:a,...r}=e;return Ml("textarea",{...r,className:n(e.className,Jo,I(Jo,e)),placeholder:o,rows:i,defaultValue:t,disabled:a||void 0})};qo.states=xl;qo.options=Nl;qo.className=Jo;import{Fragment as Il,jsx as _i}from"react/jsx-runtime";var Pi="k-input-loading-icon",Ll=[s.disabled,s.loading],be=e=>{let{disabled:t,loading:o}=e;return t||!o?_i(Il,{}):_i("span",{className:n(e.className,Pi,"k-icon k-i-loading")})};be.states=Ll;be.className=Pi;import{Fragment as kl,jsx as Hi}from"react/jsx-runtime";var Di="k-input-validation-icon",vl=[s.valid,s.invalid,s.disabled,s.loading],Sl={},re=e=>{let{valid:t,invalid:o,disabled:i,loading:a}=e,r=o?"warning-circle":"check-circle";return i||a||!!!(t||o)?Hi(kl,{}):Hi(u,{className:n(Di),icon:r})};re.states=vl;re.options=Sl;re.className=Di;import{Fragment as Cl,jsx as Ui}from"react/jsx-runtime";var gl="k-input-prefix",Al={direction:"horizontal"},nt=e=>{let{direction:t=Al.direction,...o}=e;return e.children?Ui("span",{...o,className:n(gl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ui(Cl,{})};import{Fragment as Ol,jsx as Bi}from"react/jsx-runtime";var El="k-input-suffix",Tl={direction:"horizontal"},it=e=>{let{direction:t=Tl.direction,...o}=e;return e.children?Bi("span",{...o,className:n(El,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Bi(Ol,{})};import{jsx as eM}from"react/jsx-runtime";import{jsx as iM}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";var zi="k-input-separator",yl={direction:"vertical"},at=e=>{let{direction:t=yl.direction,...o}=e;return Kl("span",{...o,className:n(zi,e.className,{[`${zi}-${t}`]:t})})};import{Fragment as Fi,jsx as he,jsxs as Yo}from"react/jsx-runtime";var Rl=B.states,wl=B.defaultOptions,_l=B.options,Pl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Hl=[],st=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 Yo(B,{...p,valid:o,invalid:i,loading:a,disabled:r,readonly:m,style:{width:300},children:[c&&Yo(Fi,{children:[he(nt,{children:he(u,{icon:"lock"})}),L&&he(at,{})]}),he(Ie,{placeholder:"Placeholder",value:"Value"}),x&&he(re,{valid:o,invalid:i,loading:a,disabled:r}),he(be,{loading:a,disabled:r}),d&&he(Le,{loading:a,disabled:r,readonly:m,value:"Value"}),f&&Yo(Fi,{children:[L&&he(at,{}),he(it,{children:he(Pe,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};st.options=_l;st.states=Rl;st.variants=Hl;st.defaultOptions=wl;st.modifiers=Pl;st.className=B.className;var Qo="action-buttons",Gi=Qo;import{jsx as Bl}from"react/jsx-runtime";var eo="k-actions",Dl=[],Ul={},Zo={alignment:"start",orientation:"horizontal"},xe=e=>{let{alignment:t=Zo.alignment,orientation:o=Zo.orientation,...i}=e;return Bl("div",{...i,className:n(eo,{[`${eo}-${t}`]:t,[`${eo}-${o}`]:o},e.className),children:e.children})};xe.states=Dl;xe.options=Ul;xe.className=eo;xe.defaultOptions=Zo;xe.moduleName=Qo;xe.folderName=Gi;import{jsx as Fl}from"react/jsx-runtime";var zl="k-actionsheet-footer",Vi={alignment:"stretched",orientation:"horizontal"},rt=e=>{let{alignment:t=Vi.alignment,orientation:o=Vi.orientation,template:i,as:a=i?"div":xe,...r}=e;return Fl(a,{...r,...!i&&{alignment:t,orientation:o},className:n(e.className,zl),children:e.children})};var jo="searchbox",$i=jo;import{jsx as Kt,jsxs as $l}from"react/jsx-runtime";var Xi="k-searchbox",Gl=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Vl={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]},en={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=en.showIcon,icon:g=en.icon,"aria-label":A,...k}=e;return $l(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,Xi),children:[S&&Kt(u,{className:"k-input-icon",icon:g}),Kt(Ie,{placeholder:o,value:t,"aria-label":A}),Kt(be,{...e}),Kt(re,{...e}),Kt(Le,{...e})]})};j.states=Gl;j.options=Vl;j.className=Xi;j.defaultOptions=en;j.moduleName=jo;j.folderName=$i;import{jsx as aL}from"react/jsx-runtime";var tn="textbox",Wi=tn;import{Fragment as Ji,jsx as Ee,jsxs as on}from"react/jsx-runtime";var qi="k-textbox",Xl=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Wl={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]},to={showClearButton:!0,showValidationIcon:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:i,separators:a=to.separators,showClearButton:r=to.showClearButton,showValidationIcon:m=to.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:Re,id:Ne,"aria-label":ht,"aria-describedby":xt,...Nt}=e;return on(B,{...Nt,size:t,rounded:o,fillMode:i,hover:L,focus:S,valid:g,invalid:A,required:k,loading:C,disabled:R,readonly:Re,className:n(e.className,qi),children:[p&&on(Ji,{children:[Ee(nt,{children:p}),a&&Ee(at,{})]}),Ee(Ie,{id:Ne,placeholder:x,value:d,type:f,disabled:R,"aria-label":ht,"aria-describedby":xt,"aria-invalid":A?"true":void 0}),m&&Ee(re,{valid:g,invalid:A,loading:C,disabled:R}),Ee(be,{loading:C,disabled:R}),r&&Ee(Le,{loading:C,disabled:R,readonly:Re,value:d}),c&&on(Ji,{children:[a&&Ee(at,{}),Ee(it,{children:c})]})]})};z.states=Xl;z.options=Wl;z.className=qi;z.defaultOptions=to;z.moduleName=tn;z.folderName=Wi;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 Rt=z;import{jsx as Jl}from"react/jsx-runtime";var Yi=e=>Jl(Rt,{...e});import{Fragment as SL,jsx as vL}from"react/jsx-runtime";import{Fragment as TL,jsx as EL}from"react/jsx-runtime";import{jsx as RL}from"react/jsx-runtime";import{jsx as nn}from"react/jsx-runtime";var ql=z.states,Yl=z.defaultOptions,Ql=z.options,Zl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],jl=[],lt=e=>{let{modifiers:t,...o}=e,i={};return Object.keys(t||{}).forEach(a=>{switch(a){case"prefix":i.prefix=t?.[a]?nn(u,{icon:"lock"}):void 0;break;case"suffix":i.suffix=t?.[a]?nn(Pe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":i.showClearButton=t?.[a];break;default:break}}),nn(Yi,{value:"Value",style:{width:300},...o,...i})};lt.options=Ql;lt.states=ql;lt.variants=jl;lt.defaultOptions=Yl;lt.modi