@progress/kendo-themes-html/dist/cjs/column-menu/templates/filter-menu-multi-check.js

A collection of HTML helpers used for developing Kendo UI themes

var ls=Object.create;var ao=Object.defineProperty;var ps=Object.getOwnPropertyDescriptor;var ms=Object.getOwnPropertyNames;var cs=Object.getPrototypeOf,ds=Object.prototype.hasOwnProperty;var us=(e,t)=>{for(var o in t)ao(e,o,{get:t[o],enumerable:!0})},ti=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ms(t))!ds.call(e,n)&&n!==o&&ao(e,n,{get:()=>t[n],enumerable:!(a=ps(t,n))||a.enumerable});return e};var oi=(e,t,o)=>(o=e!=null?ls(cs(e)):{},ti(t||!e||!e.__esModule?ao(o,"default",{value:e,enumerable:!0}):o,e)),fs=e=>ti(ao({},"__esModule",{value:!0}),e);var xm={};us(xm,{FilterMenuMultiCheck:()=>hm});module.exports=fs(xm);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>i({[`${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:a,hover:n,focus:r,checked:p,active:m,selected:c,disabled:f,indeterminate:d,loading:h,empty:M,readonly:S,highlighted:k,...A}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":r,"k-checked":p,"k-active":m,"k-selected":c,"k-disabled":f,"k-indeterminate":d&&!p,"k-loading":h,"k-empty":M,"k-readonly":S,"k-highlighted":k},Object.keys(A).reduce((g,C)=>(C.startsWith("k-")?g[C]=A[C]:g[`k-${C}`]=A[C],g),{}))};function ni(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!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"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Me={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},x={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},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 Eo={};function E(e){return Eo[e]=(Eo[e]||0)+1,`k-${e}-${Eo[e]}`}var q="column-menu",ee=q;var ai=require("react/jsx-runtime"),To="k-column-menu",bs=[],hs={size:[l.undefined,l.small,l.medium,l.large]},ii={view:"list"},Ee=e=>{let{view:t=ii.view,size:o,...a}=e;return(0,ai.jsx)("div",{...a,className:i(e.className,To,I(To,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Ee.states=bs;Ee.options=hs;Ee.className=To;Ee.defaultOptions=ii;Ee.moduleName=q;Ee.folderName=ee;Ee.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."}]};var yo=require("react/jsx-runtime"),Oo="k-column-list",xs=[],Ns={size:[l.undefined,l.small,l.medium,l.large]},Ms={},Xe=e=>{let{size:t,...o}=e;return(0,yo.jsx)("div",{className:"k-column-list-wrapper",children:(0,yo.jsx)("div",{...o,className:i(e.className,Oo,I(Oo,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Xe.states=xs;Xe.options=Ns;Xe.className=Oo;Xe.defaultOptions=Ms;Xe.moduleName=q;Xe.folderName=ee;var We="checkbox",nt=We;var Ko=require("react/jsx-runtime"),so="k-checkbox",Ls=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Is={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full]},vs={},R=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:r,disabled:p,invalid:m,valid:c,required:f,size:d,rounded:h,wrapperRole:M,...S}=e;return(0,Ko.jsx)("span",{className:"k-checkbox-wrap",role:M,children:(0,Ko.jsx)("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:p||void 0,"aria-invalid":m?"true":void 0,className:i(e.className,so,I(so,{size:d,rounded:h}),v(so,{hover:n,focus:r,disabled:p,invalid:m,valid:c,indeterminate:a,checked:o}))})})};R.states=Ls;R.options=Is;R.className=so;R.defaultOptions=vs;R.moduleName=We;R.folderName=nt;R.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 ue=R;var li=require("react/jsx-runtime"),si="k-checkbox-list",Ss=[],ks={},ri={layout:"vertical"},Y=e=>{let{layout:t=ri.layout,...o}=e;return(0,li.jsx)("ul",{...o,className:i(e.className,si,{[`k-list-${t}`]:t}),children:e.children})};Y.states=Ss;Y.options=ks;Y.className=si;Y.defaultOptions=ri;Y.moduleName=We;Y.folderName=nt;var mi=require("react/jsx-runtime"),pi="k-checkbox-list-item",gs=[],As={},Cs={},Q=e=>{let{...t}=e;return(0,mi.jsx)("li",{...t,className:i(e.className,pi),children:e.children})};Q.states=gs;Q.options=As;Q.className=pi;Q.defaultOptions=Cs;Q.moduleName=We;Q.folderName=nt;var Je=require("react/jsx-runtime"),Te=({children:e="Label",id:t="cb-label-after",...o})=>(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(ue,{id:t,...o}),(0,Je.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ro=require("react/jsx-runtime");var wo=require("react/jsx-runtime");var _o=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var F=require("react/jsx-runtime"),ys=Y.options,Ks=Y.states,Rs={...Y.defaultOptions,variant:"vertical"},ws=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],_s=[],it=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,F.jsxs)(Y,{layout:"horizontal",...o,children:[(0,F.jsx)(Q,{children:(0,F.jsx)(Te,{id:E("cb"),defaultChecked:!0,children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(Te,{id:E("cb"),children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(Te,{id:E("cb"),children:"Label"})})]}):(0,F.jsxs)(Y,{...o,children:[(0,F.jsx)(Q,{children:(0,F.jsx)(Te,{id:E("cb"),defaultChecked:!0,children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(Te,{id:E("cb"),children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(Te,{id:E("cb"),children:"Label"})})]})};it.options=ys;it.states=Ks;it.variants=ws;it.defaultOptions=Rs;it.modifiers=_s;it.className=Y.className;var ci=require("react/jsx-runtime"),Ps=ue.options,Hs=ue.states,Ds=ue.defaultOptions,Us=[],Bs=[],at=e=>(0,ci.jsx)(Te,{id:E("checkbox"),...e,defaultChecked:!0,children:"Label"});at.options=Ps;at.states=Hs;at.variants=Us;at.defaultOptions=Ds;at.modifiers=Bs;at.className=ue.className;var Dt=require("react/jsx-runtime"),Po="k-column-list-item",zs=[s.focus,s.disabled,s.hover],Fs={},Gs={},Ut=e=>{let{label:t,checked:o,focus:a,hover:n,disabled:r,...p}=e;return(0,Dt.jsxs)("span",{...p,className:i(e.className,Po,v(Po,{focus:a,hover:n,disabled:r})),role:"option","aria-checked":o?"true":"false",children:[(0,Dt.jsx)(R,{disabled:r,checked:o,"aria-label":t}),(0,Dt.jsx)("span",{className:"k-checkbox-label",children:t})]})};Ut.states=zs;Ut.options=Fs;Ut.className=Po;Ut.defaultOptions=Gs;var Bt=require("react/jsx-runtime"),Ho="k-font-icon",Vs=[],$s={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info]},Xs={},zt=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:r,...p}=e;return a?(0,Bt.jsx)("span",{...p,className:i(e.className,Ho,I(Ho,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true"}):(0,Bt.jsx)(Bt.Fragment,{})};zt.states=Vs;zt.options=$s;zt.className=Ho;zt.defaultOptions=Xs;var di=zt;var qe=require("react/jsx-runtime"),Do="k-svg-icon",Ws=[],Js={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[Me.outline,Me.solid,Me.duotone]},Uo={viewBox:"0 0 24 24",variant:Me.outline},Ft=e=>{var h,M;let{size:t,themeColor:o,rotate:a,flip:n,viewBox:r=Uo.viewBox,variant:p=Uo.variant,icon:m,...c}=e;if(!m)return(0,qe.jsx)(qe.Fragment,{});if(m==="none")return(0,qe.jsx)("span",{...c,className:i(e.className,Do,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,d=typeof m=="object"?p&&((h=m.variants)==null?void 0:h[p])||((M=m.variants)==null?void 0:M.outline)||m.content:void 0;return(0,qe.jsx)("span",{...c,className:i(e.className,Do,I("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,qe.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:r,dangerouslySetInnerHTML:d!==void 0?{__html:d}:void 0,children:m?void 0:e.children})})};Ft.states=Ws;Ft.options=Js;Ft.className=Do;Ft.defaultOptions=Uo;var Bo=Ft;var zo=oi(require("@progress/kendo-svg-icons"));var ui="icon",fi="icons";var xi=require("react");var bi=require("react"),hi=(0,bi.createContext)({iconsType:"svg"});var Oe=require("react/jsx-runtime"),ro="k-icon",qs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ys=[],Qs={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info],variant:[Me.outline,Me.solid,Me.duotone]},lo={viewBox:"0 0 24 24",type:"svg",variant:Me.outline},u=e=>{let{iconsType:t}=(0,xi.useContext)(hi),{size:o,themeColor:a,icon:n,type:r=t||lo.type,rotate:p,flip:m,viewBox:c=lo.viewBox,variant:f=lo.variant,...d}=e;if(!n)return(0,Oe.jsx)(Oe.Fragment,{});if((t||r)==="svg"){if(n==="none")return(0,Oe.jsx)(Bo,{...d,className:i(e.className,ro),icon:n,size:o,variant:f});let M=zo[n]?n:qs(`${n}-icon`);return zo[M]?(0,Oe.jsx)(Bo,{...d,className:i(e.className,ro),icon:zo[M],size:o,themeColor:a,rotate:p,flip:m,viewBox:c,variant:f}):(0,Oe.jsx)(Oe.Fragment,{})}return(0,Oe.jsx)(di,{...d,className:i(e.className,ro),icon:n,size:o,themeColor:a,rotate:p,flip:m})};u.states=Ys;u.options=Qs;u.defaultOptions=lo;u.className=ro;u.moduleName=ui;u.folderName=fi;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 Ye=require("react/jsx-runtime"),Fo="k-columnmenu-item",Zs=[s.focus,s.selected],js={},er={},ye=e=>{let{focus:t,selected:o,text:a,startIcon:n,endIcon:r,sortIndex:p,...m}=e;return(0,Ye.jsxs)("div",{...m,className:i(e.className,Fo,v(Fo,{focus:t,selected:o})),role:"button",tabIndex:0,children:[n&&(0,Ye.jsx)(u,{icon:n}),a,r&&(0,Ye.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Ye.jsx)(u,{icon:r}),p&&(0,Ye.jsx)("span",{className:"k-sort-index",children:p})]}),e.children]})};ye.states=Zs;ye.options=js;ye.className=Fo;ye.defaultOptions=er;ye.moduleName=q;ye.folderName=ee;var tr=require("react/jsx-runtime");var Mi=require("react/jsx-runtime"),or="k-columnmenu-item-content",Ni=e=>(0,Mi.jsx)("div",{...e,className:i(e.className,or,"k-columns-item"),children:e.children});var Go=require("react/jsx-runtime"),Li="k-filter-menu",nr=[],ir={},ar={},Ke=e=>{let{...t}=e;return(0,Go.jsx)("form",{...t,className:i(e.className,Li),children:(0,Go.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Ke.states=nr;Ke.options=ir;Ke.className=Li;Ke.defaultOptions=ar;Ke.moduleName=q;Ke.folderName=ee;var vi=require("react/jsx-runtime"),sr="k-multicheck-wrap",Ii=e=>(0,vi.jsx)("ul",{...e,className:i(e.className,sr),children:e.children});var st=require("react/jsx-runtime"),rr="k-item",lr={size:[l.undefined,l.small,l.medium,l.large]},pr=[],De=e=>{let{text:t,size:o,...a}=e;return(0,st.jsx)("li",{...a,className:i(e.className,rr),children:(0,st.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,st.jsx)(R,{size:o}),(0,st.jsx)("span",{children:t})]})})};De.states=pr;De.options=lr;var Le=require("react/jsx-runtime"),Si="k-expander",mr=[],cr={},dr={},Qe=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:a,itemSortIndex:n,expanded:r,itemContent:p,expanderIcon:m,contentId:c,...f}=e,d=c||E("columnmenu-content"),h=!r&&!m?(0,Le.jsx)(u,{icon:"chevron-down"}):r&&!m?(0,Le.jsx)(u,{icon:"chevron-up"}):(0,Le.jsx)(u,{icon:m});return(0,Le.jsxs)("div",{...f,className:i(e.className,Si),children:[(0,Le.jsxs)(ye,{text:t,startIcon:o,endIcon:a,sortIndex:n,"aria-expanded":r?"true":"false","aria-controls":d,children:[(0,Le.jsx)("span",{className:"k-spacer"}),(0,Le.jsx)("span",{className:"k-expander-indicator",children:h})]}),r&&(0,Le.jsx)(Ni,{id:d,children:p}),e.children]})};Qe.states=mr;Qe.options=cr;Qe.className=Si;Qe.defaultOptions=dr;Qe.moduleName=q;Qe.folderName=ee;var ki=require("react/jsx-runtime"),Vo="k-group-menu",ur=[],fr={size:[l.undefined,l.small,l.medium,l.large]},br={},rt=e=>{let{size:t,...o}=e;return(0,ki.jsx)("div",{...o,className:i(e.className,Vo,I(Vo,{size:t})),children:e.children})};rt.states=ur;rt.options=fr;rt.className=Vo;rt.defaultOptions=br;rt.moduleName=q;rt.folderName=ee;var Ie=require("react/jsx-runtime"),$o="k-group-menu-item",hr=[s.hover,s.selected],xr={},Nr={},lt=e=>{let{hover:t,selected:o,text:a,actionsStart:n,actionsEnd:r,...p}=e;return(0,Ie.jsxs)("div",{...p,className:i(e.className,$o,v($o,{hover:t,selected:o})),children:[n&&(0,Ie.jsx)("span",{className:"k-group-menu-item-actions",children:n}),(0,Ie.jsx)("span",{className:"k-group-item-text",children:a}),r&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)("span",{className:"k-spacer"}),(0,Ie.jsx)("span",{className:"k-group-menu-item-actions",children:r})]}),e.children]})};lt.states=hr;lt.options=xr;lt.className=$o;lt.defaultOptions=Nr;lt.moduleName=q;lt.folderName=ee;var Ue=require("react/jsx-runtime"),Xo="k-group-menu-item-action",Mr=[s.hover,s.disabled,s.selected],Lr={size:[l.undefined,l.small,l.medium,l.large]};var Wo=e=>{let{hover:t,disabled:o,selected:a,size:n,type:r,...p}=e,m;switch(r){case"remove":m=(0,Ue.jsx)(u,{icon:"x-circle",size:n});break;case"add":m=(0,Ue.jsx)(u,{icon:"plus-circle",size:n});break;case"drag":m=(0,Ue.jsx)(u,{icon:"handle-drag-dots",size:n});break;case"up":m=(0,Ue.jsx)(u,{icon:"chevron-up",size:n});break;case"down":m=(0,Ue.jsx)(u,{icon:"chevron-down",size:n});break;default:m=(0,Ue.jsx)(u,{icon:r,size:n});break}return(0,Ue.jsx)("span",{...p,className:i(e.className,Xo,v(Xo,{selected:a,hover:t,disabled:o}),`k-group-menu-item-${r}-action`),children:m})};Wo.options=Mr;Wo.options=Lr;Wo.className=Xo;var Ir=require("react/jsx-runtime");var Jo=require("react/jsx-runtime");var qo="button",gi=qo;var se=require("react/jsx-runtime"),Gt="k-button",vr=["icon-button"],Sr=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],kr={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:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Yo={showArrow:!1,arrowIconName:"chevron-down"},N=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:r,showArrow:p=Yo.showArrow,arrowIconName:m=Yo.arrowIconName,variant:c,hover:f,focus:d,active:h,selected:M,disabled:S,togglable:k,ariaDisabled:A,icon:g,iconSize:C,text:P,iconClassName:$e,className:Ce,...wt}=e,_t=g!=null,Pt=e.children!==void 0;return(0,se.jsxs)(t,{className:i(Ce,Gt,ni(Gt,c),I(Gt,{size:o,rounded:a,fillMode:n,themeColor:r}),v(Gt,{hover:f,focus:d,active:h,disabled:S||A,selected:M}),{"k-icon-button":!P&&!Pt&&_t}),"aria-pressed":k?M?"true":"false":void 0,...wt,"aria-disabled":A?"true":void 0,disabled:S||void 0,children:[typeof g=="string"&&g&&(0,se.jsx)(u,{className:i($e,"k-button-icon"),icon:g,size:C}),g&&typeof g!="string"&&(0,se.jsx)(se.Fragment,{children:g}),P?(0,se.jsxs)(se.Fragment,{children:[P&&(0,se.jsx)("span",{className:"k-button-text",children:P}),e.children]}):e.children&&(0,se.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,se.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,se.jsx)(u,{icon:m})})]})};N.states=Sr;N.options=kr;N.variants=vr;N.className=Gt;N.defaultOptions=Yo;N.moduleName=qo;N.folderName=gi;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."}]};var Ci=require("react/jsx-runtime"),Ai=e=>(0,Ci.jsx)(N,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ti=require("react/jsx-runtime"),Ei=e=>(0,Ti.jsx)(N,{icon:"folder",children:"Button",...e});var Oi=require("react/jsx-runtime"),Ze=e=>(0,Oi.jsx)(N,{children:"Button",...e});var po=require("react/jsx-runtime"),gr=N.options,Ar=N.states,Cr={...N.defaultOptions,variant:"text"},Er=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Tr=[],pt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,po.jsx)(Ai,{...o,icon:"star"});case"icon-and-text":return(0,po.jsx)(Ei,{...o,icon:"star",children:"Button"});default:return(0,po.jsx)(Ze,{...o,children:"Button"})}};pt.options=gr;pt.states=Ar;pt.variants=Er;pt.defaultOptions=Cr;pt.modifiers=Tr;pt.className=N.className;var Qo="menu-button",yi=Qo;var Ri=require("react/jsx-runtime"),Ki="k-menu-button",Or=[s.hover,s.focus,s.active,s.selected,s.disabled],yr={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:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[x.undefined,x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.inverse]},Zo={showArrow:!0,arrowIconName:"chevron-down"},te=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:r,focus:p,active:m,selected:c,disabled:f,icon:d,text:h,showArrow:M=Zo.showArrow,arrowIconName:S=Zo.arrowIconName,expanded:k,...A}=e;return(0,Ri.jsx)(N,{...A,className:i(e.className,Ki),text:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:r,focus:p,active:m,selected:c,disabled:f,ariaDisabled:f||void 0,icon:d,showArrow:M,arrowIconName:S,"aria-expanded":k?"true":"false",...!h&&d&&!e["aria-label"]&&{"aria-label":"Menu"}})};te.states=Or;te.options=yr;te.className=Ki;te.defaultOptions=Zo;te.moduleName=Qo;te.folderName=yi;te.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Kr=require("react/jsx-runtime");var Rr=require("react/jsx-runtime");var wr=require("react/jsx-runtime");var re="menu",ce=re;var Re=require("react/jsx-runtime"),jo="k-menu-item",_r=[s.hover,s.focus,s.active,s.selected,s.disabled],Pr={},wi={iconPosition:"before"},G=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:r,icon:p,text:m,first:c,last:f,showArrow:d,arrowIconName:h,iconPosition:M=wi.iconPosition,dir:S,children:k,expanded:A,...g}=e,C=h;return C||(C=S==="rtl"?"chevron-left":"chevron-right"),(0,Re.jsxs)("li",{...g,className:i(e.className,jo,"k-item",v(jo,{focus:o,disabled:r,hover:t,active:a,selected:n}),{"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:[(0,Re.jsxs)("span",{className:i("k-link k-menu-link"),children:[p&&M==="before"&&(0,Re.jsx)(u,{className:"k-menu-link-icon",icon:p}),(0,Re.jsx)("span",{className:"k-menu-link-text",children:m}),p&&M==="after"&&(0,Re.jsx)(u,{className:"k-menu-link-icon",icon:p}),d&&(0,Re.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Re.jsx)(u,{icon:C})})]}),k]})};G.states=_r;G.options=Pr;G.className=jo;G.defaultOptions=wi;G.moduleName=re;G.folderName=ce;var we=require("react/jsx-runtime"),en="k-menu-item",Hr=[s.hover,s.focus,s.active,s.selected,s.disabled],Dr={},tn={dir:"ltr",iconPosition:"before"},H=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:r,icon:p,text:m,first:c,last:f,showArrow:d,arrowIconName:h,iconPosition:M=tn.iconPosition,dir:S=tn.dir,children:k,popup:A,expanded:g,...C}=e,P=h;return P||(P=S==="rtl"?"chevron-left":"chevron-right"),(0,we.jsxs)("li",{role:"menuitem",...C,className:i(e.className,en,"k-item",v(en,{focus:o,disabled:r}),{"k-first":c,"k-last":f}),...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":g?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,we.jsxs)("span",{className:i("k-link k-menu-link",v("k-menu-link",{hover:t,active:a,selected:n,disabled:r})),children:[p&&M==="before"&&(0,we.jsx)(u,{className:"k-menu-link-icon",icon:p}),(0,we.jsx)("span",{className:"k-menu-link-text",children:m}),p&&M==="after"&&(0,we.jsx)(u,{className:"k-menu-link-icon",icon:p}),d&&(0,we.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,we.jsx)(u,{icon:P})})]}),k,A]})};H.states=Hr;H.options=Dr;H.className=en;H.defaultOptions=tn;H.moduleName=re;H.folderName=ce;var Hi=require("react/jsx-runtime"),_i="k-menu-scroll-wrapper",Ur=[],Br={},zr={},je=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,Hi.jsx)("div",{...n,className:i(t,_i,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};je.states=Ur;je.options=Br;je.className=_i;je.defaultOptions=zr;je.moduleName=re;je.folderName=ce;var Pi=je;var D=require("react/jsx-runtime"),on="k-menu",Fr=[],Gr={},co={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},w=e=>{let{children:t,orientation:o=co.orientation,header:a=co.header,scrollable:n,scrollButtonsPosition:r=co.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:c,contextMenu:f,...d}=e,h={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=(0,D.jsx)("ul",{dir:m,...d,className:i(e.className,"k-reset",on,{[`${on}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,D.jsxs)(D.Fragment,{children:[n?(0,D.jsxs)(Pi,{orientation:o,style:p,dir:e.dir,children:[r==="start"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(N,{fillMode:"flat",icon:`chevron-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,D.jsx)(N,{fillMode:"flat",icon:`chevron-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),r==="around"&&(0,D.jsx)(N,{fillMode:"flat",icon:`chevron-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,r==="end"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(N,{fillMode:"flat",icon:`chevron-${h[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,D.jsx)(N,{fillMode:"flat",icon:`chevron-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),r==="around"&&(0,D.jsx)(N,{fillMode:"flat",icon:`chevron-${h[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,c]})};w.states=Fr;w.options=Gr;w.className=on;w.defaultOptions=co;w.moduleName=re;w.folderName=ce;w.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Ui=require("react/jsx-runtime"),nn="k-separator",Di={orientation:"horizontal"},mt=e=>{let{orientation:t=Di.orientation,...o}=e;return(0,Ui.jsx)("li",{...o,className:i(e.className,"k-item",nn,{[`${nn}-${t}`]:t}),role:"separator"})};mt.className=nn;mt.defaultOptions=Di;mt.moduleName=re;mt.folderName=ce;var Bi=require("react/jsx-runtime");var zi=require("react/jsx-runtime"),an="k-menu-group",Vr=[],$r={size:[l.undefined,l.small,l.medium,l.large]},Xr={},le=e=>{let{children:t,size:o,...a}=e;return(0,zi.jsx)("ul",{role:"menu",...a,className:i(e.className,an,I(an,{size:o})),children:t})};le.states=Vr;le.options=$r;le.className=an;le.defaultOptions=Xr;le.moduleName=re;le.folderName=ce;var fe=require("react/jsx-runtime"),sn=e=>(0,fe.jsx)(w,{children:(0,fe.jsxs)(fe.Fragment,{children:[(0,fe.jsx)(G,{first:!0,text:"Item 1"}),(0,fe.jsx)(G,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,fe.jsx)(G,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,fe.jsx)(G,{text:"Item 4"}),(0,fe.jsx)(G,{last:!0,text:"Item 5"})]}),...e});var rn="popup",Fi=rn;var pn=require("react/jsx-runtime"),Gi="k-animation-container",Wr=[],Jr={},ln={positionMode:"absolute",shown:!0},ve=e=>{let{positionMode:t=ln.positionMode,shown:o=ln.shown,animationStyle:a,offset:n,...r}=e;return(0,pn.jsx)("div",{...r,style:{...n,...e.style},className:i(e.className,Gi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,pn.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};ve.states=Wr;ve.options=Jr;ve.className=Gi;ve.defaultOptions=ln;ve.moduleName=rn;ve.folderName=Fi;var mn="popup",Vi=mn;var cn=require("react/jsx-runtime"),$i="k-popup",qr=[],Yr={},Xi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=Xi.positionMode,animationStyle:a,containerClassName:n,containerRole:r,containerAriaLabel:p,...m}=e;return(0,cn.jsx)(ve,{positionMode:o,offset:t,animationStyle:a,className:n,role:r,"aria-label":p,children:(0,cn.jsx)("div",{...m,className:i(e.className,$i),children:e.children})})};V.states=qr;V.options=Yr;V.className=$i;V.defaultOptions=Xi;V.moduleName=mn;V.folderName=Vi;V.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var dn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Se=require("react/jsx-runtime"),Qr={...w.options,scrollable:{type:"boolean"}},Zr=w.states,Wi={...w.defaultOptions,variant:"horizontal"},jr=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],el=[{name:"opened",title:"Opened"}],ct=e=>{let{variant:t,modifiers:o,...a}={...Wi,...e},n={},r=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(p=>{p==="opened"&&(n.opened=!!(o!=null&&o[p]),n.popup=o!=null&&o[p]?(0,Se.jsx)(V,{className:"k-menu-popup",offset:r,children:(0,Se.jsxs)(le,{children:[(0,Se.jsx)(H,{text:"Item 1"}),(0,Se.jsx)(H,{text:"Item 2"}),(0,Se.jsx)(mt,{}),(0,Se.jsx)(H,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,Se.jsx)(sn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Se.jsx)(sn,{...a,...n})};ct.options=Qr;ct.states=Zr;ct.variants=jr;ct.defaultOptions=Wi;ct.modifiers=el;ct.className=w.className;var hn=require("react/jsx-runtime");var tl=require("react/jsx-runtime");var $=require("react/jsx-runtime"),ol=N.states,Ji={...N.defaultOptions,variant:"text"},nl=N.options,il=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],al=[{name:"opened",title:"Opened"}],dt=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},n={},r=(0,$.jsx)(V,{className:"k-menu-popup",children:(0,$.jsxs)(le,{size:a.size,children:[(0,$.jsx)(H,{first:!0,text:"Menu Item"}),(0,$.jsx)(H,{text:"Menu Item"}),(0,$.jsx)(H,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,$.jsx)("div",{children:(0,$.jsx)(te,{...a,...n,icon:"star"})});break;case"icon-and-text":p=(0,$.jsx)("div",{children:(0,$.jsx)(te,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=(0,$.jsx)("div",{children:(0,$.jsx)(te,{...a,...n,children:"Dropdown Button"})});break}return(0,$.jsxs)($.Fragment,{children:[p,(o==null?void 0:o.opened)&&r]})};dt.options=nl;dt.states=ol;dt.variants=il;dt.defaultOptions=Ji;dt.modifiers=al;dt.className=te.className;var Qi=require("react/jsx-runtime"),qi="k-tabstrip-items",sl=[],rl={},ll={tabAlignment:"start"},Vt=e=>{let{children:t,tabAlignment:o,orientation:a,...n}=e;return(0,Qi.jsx)("ul",{...n,className:i(e.className,qi,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Vt.states=sl;Vt.options=rl;Vt.className=qi;Vt.defaultOptions=ll;var Yi=Vt;var ta=require("react/jsx-runtime"),Zi="k-tabstrip-items-wrapper",pl=[],ml={},ji={orientation:"horizontal"},$t=e=>{let{children:t,orientation:o=ji.orientation,...a}=e;return(0,ta.jsx)("div",{...a,className:i(e.className,Zi,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};$t.states=pl;$t.options=ml;$t.className=Zi;$t.defaultOptions=ji;var ea=$t;var Xt="tabstrip",uo=Xt;var Z=require("react/jsx-runtime"),Be="k-tabstrip",cl=[],dl={size:[l.undefined,l.small,l.medium,l.large]},fo={position:"top",tabAlignment:"start",scrollButtons:"around"},U=e=>{let{size:t,scrollable:o,children:a,tabStripItems:n,tabStripItemsId:r,position:p=fo.position,tabAlignment:m=fo.tabAlignment,scrollButtons:c=fo.scrollButtons,dir:f,scrollingPosition:d,overflow:h,...M}=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"}},k={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},A={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,Z.jsxs)("div",{dir:f,...M,className:i(Be,e.className,{[`${Be}-${p}`]:p,[`${Be}-scrollable`]:o,[`${Be}-scrollable-overlay`]:o&&(c==="hidden"||!c),[`${Be}-scrollable-${d}`]:d&&d!=="both",[`${Be}-overflow`]:h},I(Be,{size:t})),children:[p==="bottom"&&a,(0,Z.jsxs)(ea,{orientation:k[p],children:[o&&(c==="around"||c==="start")&&(0,Z.jsx)("span",{className:i("k-tabstrip-prev","k-button",I("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(u,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&c==="start"&&(0,Z.jsx)("span",{className:i("k-tabstrip-next","k-button",I("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(u,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),(0,Z.jsx)(Yi,{className:i({"k-tabstrip-items-scroll":o&&c==="hidden"}),tabAlignment:A[m],orientation:k[p],...r&&{id:r},children:n}),o&&c==="end"&&(0,Z.jsx)("span",{className:i("k-tabstrip-prev","k-button",I("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(u,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&(c==="around"||c==="end")&&(0,Z.jsx)("span",{className:i("k-tabstrip-next","k-button",I("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(u,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),h&&(0,Z.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,Z.jsx)(te,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&a]})};U.states=cl;U.options=dl;U.className=Be;U.defaultOptions=fo;U.moduleName=Xt;U.folderName=uo;U.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."}]};var na=require("react/jsx-runtime"),oa="k-tabstrip-wrapper",ul=[],fl={},bl={},ut=e=>{let{...t}=e;return(0,na.jsx)("div",{...t,className:i(e.className,oa),children:e.children})};ut.states=ul;ut.options=fl;ut.className=oa;ut.defaultOptions=bl;ut.moduleName=Xt;ut.folderName=uo;var _e=require("react/jsx-runtime"),xn="k-tabstrip-item",hl=[s.active,s.hover,s.disabled,s.focus],xl={},ia={iconPosition:"before"},oe=e=>{let{dragging:t,active:o,hover:a,focus:n,disabled:r,children:p,first:m,last:c,closable:f,icon:d,iconPosition:h=ia.iconPosition,value:M,actions:S,...k}=e;return(0,_e.jsxs)("li",{...k,className:i(e.className,xn,v(xn,{hover:a,active:o,disabled:r,focus:n}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":c}),role:"tab",...o&&{"aria-selected":"true"},...r&&{"aria-disabled":"true"},children:[(0,_e.jsxs)("span",{className:"k-link",children:[d&&h==="before"&&(0,_e.jsx)(u,{icon:d}),M&&(0,_e.jsx)("span",{className:"k-link-text",children:M}),d&&h==="after"&&(0,_e.jsx)(u,{icon:d})]}),(S||f)&&(0,_e.jsxs)("span",{className:"k-item-actions",children:[S,f&&(0,_e.jsx)(N,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};oe.states=hl;oe.options=xl;oe.className=xn;oe.item=ia;var aa=require("react/jsx-runtime"),Nn="k-tabstrip-content",Nl=[s.active,s.focus],Ml={},Ll={},ke=e=>{let{active:t,focus:o,children:a,...n}=e;return(0,aa.jsx)("div",{...n,className:i(e.className,Nn,v(Nn,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};ke.states=Nl;ke.options=Ml;ke.className=Nn;ke.defaultOptions=Ll;var pe=require("react/jsx-runtime"),be=({children:e,...t})=>(0,pe.jsx)(U,{tabStripItems:(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(oe,{first:!0,value:"First"}),(0,pe.jsx)(oe,{active:!0,value:"Second"}),(0,pe.jsx)(oe,{value:"Third"}),(0,pe.jsx)(oe,{value:"Fourth"}),(0,pe.jsx)(oe,{last:!0,value:"Fifth"})]}),...t,children:e||(0,pe.jsx)(ke,{active:!0,children:(0,pe.jsx)("div",{children:"TabStrip Content"})})});var ra=require("react/jsx-runtime"),sa=e=>(0,ra.jsx)(be,{position:"bottom",...e});var pa=require("react/jsx-runtime"),la=e=>(0,pa.jsx)(be,{position:"right",...e});var ca=require("react/jsx-runtime"),ma=e=>(0,ca.jsx)(be,{position:"left",...e});var Il=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var In=require("react/jsx-runtime");var Wt=require("react/jsx-runtime"),Sl={...U.options,scrollable:{type:"boolean"}},kl=U.states,da={...U.defaultOptions,scrollable:!1,variant:"up"},gl=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Al=[],ft=e=>{let{variant:t,...o}={...da,...e},a={};switch(t){case"right":return(0,Wt.jsx)(la,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,Wt.jsx)(ma,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,Wt.jsx)(sa,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,Wt.jsx)(be,{style:{width:"350px"},...o,...a})}};ft.options=Sl;ft.states=kl;ft.variants=gl;ft.defaultOptions=da;ft.modifiers=Al;ft.className=U.className;var vn=require("react/jsx-runtime");var Jt="input",bo=Jt;var ua=require("react/jsx-runtime"),ho="k-input",Cl=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],El={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Tl={},X=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:p,readonly:m,size:c,rounded:f,fillMode:d,...h}=e;return(0,ua.jsx)("span",{...h,className:i(e.className,ho,I(ho,{size:c,rounded:f,fillMode:d}),v(ho,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:p,readonly:m}))})};X.states=Cl;X.options=El;X.className=ho;X.defaultOptions=Tl;X.moduleName=Jt;X.folderName=bo;var fa=require("react/jsx-runtime"),xo="k-picker",Ol=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yl={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Kl={},ze=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:p,readonly:m,size:c,rounded:f,fillMode:d,...h}=e;return(0,fa.jsx)("span",{...h,className:i(e.className,xo,I(xo,{size:c,rounded:f,fillMode:d}),v(xo,{hover:t,focus:o,disabled:a,invalid:n,valid:r,loading:p,readonly:m})),children:e.children})};ze.states=Ol;ze.options=yl;ze.className=xo;ze.defaultOptions=Kl;ze.moduleName=Jt;ze.folderName=bo;var bt=require("react/jsx-runtime"),ba="k-clear-value",Rl=[s.disabled,s.loading,s.readonly],wl={},Pe=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t||a||o||!n?(0,bt.jsx)(bt.Fragment,{}):(0,bt.jsx)("span",{className:i(e.className,ba),children:(0,bt.jsx)(u,{icon:"x"})})};Pe.states=Rl;Pe.options=wl;Pe.className=ba;var ha=require("react/jsx-runtime"),Sn="k-input-inner",_l=[],Pl={},No={type:"text",autocomplete:"off",value:"",placeholder:""},He=e=>{let{value:t=No.value,type:o=No.type,placeholder:a=No.placeholder,autocomplete:n=No.autocomplete,disabled:r,readOnly:p,...m}=e;return(0,ha.jsx)("input",{...m,type:o,className:i(e.className,Sn,I(Sn,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:r||void 0,readOnly:p||void 0})};He.states=_l;He.options=Pl;He.className=Sn;var qt=require("react/jsx-runtime"),kn="k-input-inner",Hl=[],Dl={},Yt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:r,...p}=e;return(0,qt.jsxs)("span",{...p,className:i(e.className,kn,I(kn,e)),children:[n,!n&&r&&(0,qt.jsx)(u,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&(0,qt.jsx)("span",{className:"k-input-value-text",children:t})]})};Yt.states=Hl;Yt.options=Dl;Yt.className=kn;var Na=require("react/jsx-runtime"),gn="k-input-inner",Ul=[],Bl={},xa={value:"",placeholder:""},An=e=>{let{value:t=xa.value,placeholder:o=xa.placeholder,rows:a,disabled:n,...r}=e;return(0,Na.jsx)("textarea",{...r,className:i(e.className,gn,I(gn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n||void 0})};An.states=Ul;An.options=Bl;An.className=gn;var Qt=require("react/jsx-runtime"),Ma="k-input-loading-icon",zl=[s.disabled,s.loading],ge=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Qt.jsx)(Qt.Fragment,{}):(0,Qt.jsx)("span",{className:i(e.className,Ma,"k-icon k-i-loading")})};ge.states=zl;ge.className=Ma;var Zt=require("react/jsx-runtime"),La="k-input-validation-icon",Fl=[s.valid,s.invalid,s.disabled,s.loading],Gl={},he=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,r=o?"warning-circle":"check-circle";return a||n||!!!(t||o)?(0,Zt.jsx)(Zt.Fragment,{}):(0,Zt.jsx)(u,{className:i(La),icon:r})};he.states=Fl;he.options=Gl;he.className=La;var jt=require("react/jsx-runtime"),Vl="k-input-prefix",$l={direction:"horizontal"},ht=e=>{let{direction:t=$l.direction,...o}=e;return e.children?(0,jt.jsx)("span",{...o,className:i(Vl,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,jt.jsx)(jt.Fragment,{})};var eo=require("react/jsx-runtime"),Xl="k-input-suffix",Wl={direction:"horizontal"},xt=e=>{let{direction:t=Wl.direction,...o}=e;return e.children?(0,eo.jsx)("span",{...o,className:i(Xl,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,eo.jsx)(eo.Fragment,{})};var Jl=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var va=require("react/jsx-runtime"),Ia="k-input-separator",Yl={direction:"vertical"},Nt=e=>{let{direction:t=Yl.direction,...o}=e;return(0,va.jsx)("span",{...o,className:i(Ia,e.className,{[`${Ia}-${t}`]:t})})};var _=require("react/jsx-runtime"),Ql=X.states,Zl=X.defaultOptions,jl=X.options,ep=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],tp=[],Mt=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:r,readonly:p,...m}=e,c=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,d=t==null?void 0:t["clear-button"],h=t==null?void 0:t["validation-icon"],M=t==null?void 0:t.separators;return(0,_.jsxs)(X,{...m,valid:o,invalid:a,loading:n,disabled:r,readonly:p,style:{width:300},children:[c&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(ht,{children:(0,_.jsx)(u,{icon:"lock"})}),M&&(0,_.jsx)(Nt,{})]}),(0,_.jsx)(He,{placeholder:"Placeholder",value:"Value"}),h&&(0,_.jsx)(he,{valid:o,invalid:a,loading:n,disabled:r}),(0,_.jsx)(ge,{loading:n,disabled:r}),d&&(0,_.jsx)(Pe,{loading:n,disabled:r,readonly:p,value:"Value"}),f&&(0,_.jsxs)(_.Fragment,{children:[M&&(0,_.jsx)(Nt,{}),(0,_.jsx)(xt,{children:(0,_.jsx)(Ze,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Mt.options=jl;Mt.states=Ql;Mt.variants=tp;Mt.defaultOptions=Zl;Mt.modifiers=ep;Mt.className=X.className;var Cn="action-buttons",Sa=Cn;var ka=require("react/jsx-runtime"),Mo="k-actions",op=[],np={},En={alignment:"start",orientation:"horizontal"},xe=e=>{let{alignment:t=En.alignment,orientation:o=En.orientation,...a}=e;return(0,ka.jsx)("div",{...a,className:i(Mo,{[`${Mo}-${t}`]:t,[`${Mo}-${o}`]:o},e.className),children:e.children})};xe.states=op;xe.options=np;xe.className=Mo;xe.defaultOptions=En;xe.moduleName=Cn;xe.folderName=Sa;var Aa=require("react/jsx-runtime"),ip="k-actionsheet-footer",ga={alignment:"stretched",orientation:"horizontal"},Lt=e=>{let{alignment:t=ga.alignment,orientation:o=ga.orientation,template:a,as:n=a?"div":xe,...r}=e;return(0,Aa.jsx)(n,{...r,...!a&&{alignment:t,orientation:o},className:i(e.className,ip),children:e.children})};var Tn="searchbox",Ca=Tn;var Fe=require("react/jsx-runtime"),Ea="k-searchbox",ap=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],sp={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},On={showIcon:!0,icon:"search"},ne=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:r,hover:p,focus:m,valid:c,invalid:f,required:d,loading:h,disabled:M,showIcon:S=On.showIcon,icon:k=On.icon,"aria-label":A,...g}=e;return(0,Fe.jsxs)(X,{...g,size:a,rounded:n,fillMode:r,hover:p,focus:m,valid:c,invalid:f,required:d,loading:h,disabled:M,className:i(e.className,Ea),children:[S&&(0,Fe.jsx)(u,{className:"k-input-icon",icon:k}),(0,Fe.jsx)(He,{placeholder:o,value:t,"aria-label":A}),(0,Fe.jsx)(ge,{...e}),(0,Fe.jsx)(he,{...e}),(0,Fe.jsx)(Pe,{...e})]})};ne.states=ap;ne.options=sp;ne.className=Ea;ne.defaultOptions=On;ne.moduleName=Tn;ne.folderName=Ca;var rp=require("react/jsx-runtime");var yn="textbox",Ta=yn;var W=require("react/jsx-runtime"),Oa="k-textbox",lp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],pp={size:[l.undefined,l.small,l.medium,l.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Lo={showClearButton:!0,showValidationIcon:!0,separators:!0},J=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Lo.separators,showClearButton:r=Lo.showClearButton,showValidationIcon:p=Lo.showValidationIcon,prefix:m,suffix:c,type:f,value:d,placeholder:h,hover:M,focus:S,valid:k,invalid:A,required:g,loading:C,disabled:P,readonly:$e,id:Ce,"aria-label":wt,"aria-describedby":_t,...Pt}=e;return(0,W.jsxs)(X,{...Pt,size:t,rounded:o,fillMode:a,hover:M,focus:S,valid:k,invalid:A,required:g,loading:C,disabled:P,readonly:$e,className:i(e.className,Oa),children:[m&&(0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(ht,{children:m}),n&&(0,W.jsx)(Nt,{})]}),(0,W.jsx)(He,{id:Ce,placeholder:h,value:d,type:f,disabled:P,"aria-label":wt,"aria-describedby":_t,"aria-invalid":A?"true":void 0}),p&&(0,W.jsx)(he,{valid:k,invalid:A,loading:C,disabled:P}),(0,W.jsx)(ge,{loading:C,disabled:P}),r&&(0,W.jsx)(Pe,{loading:C,disabled:P,readonly:$e,value:d}),c&&(0,W.jsxs)(W.Fragment,{children:[n&&(0,W.jsx)(Nt,{}),(0,W.jsx)(xt,{children:c})]})]})};J.states=lp;J.options=pp;J.className=Oa;J.defaultOptions=Lo;J.moduleName=yn;J.folderName=Ta;J.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 a