@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 71.4 kB
JavaScript
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})},oi=(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 ni=(e,t,o)=>(o=e!=null?ls(cs(e)):{},oi(t||!e||!e.__esModule?ao(o,"default",{value:e,enumerable:!0}):o,e)),fs=e=>oi(ao({},"__esModule",{value:!0}),e);var xm={};us(xm,{ColumnMenuNormal:()=>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 ii(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 si=require("react/jsx-runtime"),To="k-column-menu",bs=[],hs={size:[l.undefined,l.small,l.medium,l.large]},ai={view:"list"},Le=e=>{let{view:t=ai.view,size:o,...a}=e;return(0,si.jsx)("div",{...a,className:i(e.className,To,I(To,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Le.states=bs;Le.options=hs;Le.className=To;Le.defaultOptions=ai;Le.moduleName=q;Le.folderName=ee;Le.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={},De=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})})};De.states=xs;De.options=Ns;De.className=Oo;De.defaultOptions=Ms;De.moduleName=q;De.folderName=ee;var Je="checkbox",nt=Je;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={},w=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}))})})};w.states=Ls;w.options=Is;w.className=so;w.defaultOptions=vs;w.moduleName=Je;w.folderName=nt;w.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=w;var pi=require("react/jsx-runtime"),ri="k-checkbox-list",Ss=[],ks={},li={layout:"vertical"},Y=e=>{let{layout:t=li.layout,...o}=e;return(0,pi.jsx)("ul",{...o,className:i(e.className,ri,{[`k-list-${t}`]:t}),children:e.children})};Y.states=Ss;Y.options=ks;Y.className=ri;Y.defaultOptions=li;Y.moduleName=Je;Y.folderName=nt;var ci=require("react/jsx-runtime"),mi="k-checkbox-list-item",gs=[],As={},Cs={},Q=e=>{let{...t}=e;return(0,ci.jsx)("li",{...t,className:i(e.className,mi),children:e.children})};Q.states=gs;Q.options=As;Q.className=mi;Q.defaultOptions=Cs;Q.moduleName=Je;Q.folderName=nt;var qe=require("react/jsx-runtime"),ye=({children:e="Label",id:t="cb-label-after",...o})=>(0,qe.jsxs)(qe.Fragment,{children:[(0,qe.jsx)(ue,{id:t,...o}),(0,qe.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)(ye,{id:E("cb"),defaultChecked:!0,children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(ye,{id:E("cb"),children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(ye,{id:E("cb"),children:"Label"})})]}):(0,F.jsxs)(Y,{...o,children:[(0,F.jsx)(Q,{children:(0,F.jsx)(ye,{id:E("cb"),defaultChecked:!0,children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(ye,{id:E("cb"),children:"Label"})}),(0,F.jsx)(Q,{children:(0,F.jsx)(ye,{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 di=require("react/jsx-runtime"),Ps=ue.options,Hs=ue.states,Ds=ue.defaultOptions,Us=[],Bs=[],at=e=>(0,di.jsx)(ye,{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={},Ue=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)(w,{disabled:r,checked:o,"aria-label":t}),(0,Dt.jsx)("span",{className:"k-checkbox-label",children:t})]})};Ue.states=zs;Ue.options=Fs;Ue.className=Po;Ue.defaultOptions=Gs;var Ut=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={},Bt=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:r,...p}=e;return a?(0,Ut.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,Ut.jsx)(Ut.Fragment,{})};Bt.states=Vs;Bt.options=$s;Bt.className=Ho;Bt.defaultOptions=Xs;var ui=Bt;var Ye=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},zt=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,Ye.jsx)(Ye.Fragment,{});if(m==="none")return(0,Ye.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,Ye.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,Ye.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})})};zt.states=Ws;zt.options=Js;zt.className=Do;zt.defaultOptions=Uo;var Bo=zt;var zo=ni(require("@progress/kendo-svg-icons"));var fi="icon",bi="icons";var Ni=require("react");var hi=require("react"),xi=(0,hi.createContext)({iconsType:"svg"});var Ke=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,Ni.useContext)(xi),{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,Ke.jsx)(Ke.Fragment,{});if((t||r)==="svg"){if(n==="none")return(0,Ke.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,Ke.jsx)(Bo,{...d,className:i(e.className,ro),icon:zo[M],size:o,themeColor:a,rotate:p,flip:m,viewBox:c,variant:f}):(0,Ke.jsx)(Ke.Fragment,{})}return(0,Ke.jsx)(ui,{...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=fi;u.folderName=bi;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 Qe=require("react/jsx-runtime"),Fo="k-columnmenu-item",Zs=[s.focus,s.selected],js={},er={},fe=e=>{let{focus:t,selected:o,text:a,startIcon:n,endIcon:r,sortIndex:p,...m}=e;return(0,Qe.jsxs)("div",{...m,className:i(e.className,Fo,v(Fo,{focus:t,selected:o})),role:"button",tabIndex:0,children:[n&&(0,Qe.jsx)(u,{icon:n}),a,r&&(0,Qe.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Qe.jsx)(u,{icon:r}),p&&(0,Qe.jsx)("span",{className:"k-sort-index",children:p})]}),e.children]})};fe.states=Zs;fe.options=js;fe.className=Fo;fe.defaultOptions=er;fe.moduleName=q;fe.folderName=ee;var Mi=require("react/jsx-runtime"),tr="k-columnmenu-item-wrapper",Ft=e=>(0,Mi.jsx)("div",{...e,className:i(e.className,tr),children:e.children});var Ii=require("react/jsx-runtime"),or="k-columnmenu-item-content",Li=e=>(0,Ii.jsx)("div",{...e,className:i(e.className,or,"k-columns-item"),children:e.children});var Go=require("react/jsx-runtime"),vi="k-filter-menu",nr=[],ir={},ar={},Be=e=>{let{...t}=e;return(0,Go.jsx)("form",{...t,className:i(e.className,vi),children:(0,Go.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Be.states=nr;Be.options=ir;Be.className=vi;Be.defaultOptions=ar;Be.moduleName=q;Be.folderName=ee;var sr=require("react/jsx-runtime");var st=require("react/jsx-runtime"),rr="k-item",lr={size:[l.undefined,l.small,l.medium,l.large]},pr=[],Vo=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)(w,{size:o}),(0,st.jsx)("span",{children:t})]})})};Vo.states=pr;Vo.options=lr;var Ie=require("react/jsx-runtime"),Si="k-expander",mr=[],cr={},dr={},ve=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,Ie.jsx)(u,{icon:"chevron-down"}):r&&!m?(0,Ie.jsx)(u,{icon:"chevron-up"}):(0,Ie.jsx)(u,{icon:m});return(0,Ie.jsxs)("div",{...f,className:i(e.className,Si),children:[(0,Ie.jsxs)(fe,{text:t,startIcon:o,endIcon:a,sortIndex:n,"aria-expanded":r?"true":"false","aria-controls":d,children:[(0,Ie.jsx)("span",{className:"k-spacer"}),(0,Ie.jsx)("span",{className:"k-expander-indicator",children:h})]}),r&&(0,Ie.jsx)(Li,{id:d,children:p}),e.children]})};ve.states=mr;ve.options=cr;ve.className=Si;ve.defaultOptions=dr;ve.moduleName=q;ve.folderName=ee;var ki=require("react/jsx-runtime"),$o="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,$o,I($o,{size:t})),children:e.children})};rt.states=ur;rt.options=fr;rt.className=$o;rt.defaultOptions=br;rt.moduleName=q;rt.folderName=ee;var Se=require("react/jsx-runtime"),Xo="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,Se.jsxs)("div",{...p,className:i(e.className,Xo,v(Xo,{hover:t,selected:o})),children:[n&&(0,Se.jsx)("span",{className:"k-group-menu-item-actions",children:n}),(0,Se.jsx)("span",{className:"k-group-item-text",children:a}),r&&(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)("span",{className:"k-spacer"}),(0,Se.jsx)("span",{className:"k-group-menu-item-actions",children:r})]}),e.children]})};lt.states=hr;lt.options=xr;lt.className=Xo;lt.defaultOptions=Nr;lt.moduleName=q;lt.folderName=ee;var ze=require("react/jsx-runtime"),Wo="k-group-menu-item-action",Mr=[s.hover,s.disabled,s.selected],Lr={size:[l.undefined,l.small,l.medium,l.large]};var Jo=e=>{let{hover:t,disabled:o,selected:a,size:n,type:r,...p}=e,m;switch(r){case"remove":m=(0,ze.jsx)(u,{icon:"x-circle",size:n});break;case"add":m=(0,ze.jsx)(u,{icon:"plus-circle",size:n});break;case"drag":m=(0,ze.jsx)(u,{icon:"handle-drag-dots",size:n});break;case"up":m=(0,ze.jsx)(u,{icon:"chevron-up",size:n});break;case"down":m=(0,ze.jsx)(u,{icon:"chevron-down",size:n});break;default:m=(0,ze.jsx)(u,{icon:r,size:n});break}return(0,ze.jsx)("span",{...p,className:i(e.className,Wo,v(Wo,{selected:a,hover:t,disabled:o}),`k-group-menu-item-${r}-action`),children:m})};Jo.options=Mr;Jo.options=Lr;Jo.className=Wo;var Ir=require("react/jsx-runtime");var qo="button",gi=qo;var ae=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:H,iconClassName:We,className:Oe,...wt}=e,_t=g!=null,Pt=e.children!==void 0;return(0,ae.jsxs)(t,{className:i(Oe,Gt,ii(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":!H&&!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,ae.jsx)(u,{className:i(We,"k-button-icon"),icon:g,size:C}),g&&typeof g!="string"&&(0,ae.jsx)(ae.Fragment,{children:g}),H?(0,ae.jsxs)(ae.Fragment,{children:[H&&(0,ae.jsx)("span",{className:"k-button-text",children:H}),e.children]}):e.children&&(0,ae.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,ae.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ae.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 se="menu",ce=se;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=se;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"},D=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,H=h;return H||(H=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:H})})]}),k,A]})};D.states=Hr;D.options=Dr;D.className=en;D.defaultOptions=tn;D.moduleName=se;D.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=se;je.folderName=ce;var Pi=je;var U=require("react/jsx-runtime"),on="k-menu",Fr=[],Gr={},co={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},_=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,U.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,U.jsxs)(U.Fragment,{children:[n?(0,U.jsxs)(Pi,{orientation:o,style:p,dir:e.dir,children:[r==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.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,U.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,U.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,U.jsxs)(U.Fragment,{children:[(0,U.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,U.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,U.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]})};_.states=Fr;_.options=Gr;_.className=on;_.defaultOptions=co;_.moduleName=se;_.folderName=ce;_.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=se;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={},re=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})};re.states=Vr;re.options=$r;re.className=an;re.defaultOptions=Xr;re.moduleName=se;re.folderName=ce;var be=require("react/jsx-runtime"),sn=e=>(0,be.jsx)(_,{children:(0,be.jsxs)(be.Fragment,{children:[(0,be.jsx)(G,{first:!0,text:"Item 1"}),(0,be.jsx)(G,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,be.jsx)(G,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,be.jsx)(G,{text:"Item 4"}),(0,be.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},ke=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})})};ke.states=Wr;ke.options=Jr;ke.className=Gi;ke.defaultOptions=ln;ke.moduleName=rn;ke.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)(ke,{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 ge=require("react/jsx-runtime"),Qr={..._.options,scrollable:{type:"boolean"}},Zr=_.states,Wi={..._.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,ge.jsx)(V,{className:"k-menu-popup",offset:r,children:(0,ge.jsxs)(re,{children:[(0,ge.jsx)(D,{text:"Item 1"}),(0,ge.jsx)(D,{text:"Item 2"}),(0,ge.jsx)(mt,{}),(0,ge.jsx)(D,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,ge.jsx)(sn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,ge.jsx)(sn,{...a,...n})};ct.options=Qr;ct.states=Zr;ct.variants=jr;ct.defaultOptions=Wi;ct.modifiers=el;ct.className=_.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)(re,{size:a.size,children:[(0,$.jsx)(D,{first:!0,text:"Menu Item"}),(0,$.jsx)(D,{text:"Menu Item"}),(0,$.jsx)(D,{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"),Fe="k-tabstrip",cl=[],dl={size:[l.undefined,l.small,l.medium,l.large]},fo={position:"top",tabAlignment:"start",scrollButtons:"around"},B=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(Fe,e.className,{[`${Fe}-${p}`]:p,[`${Fe}-scrollable`]:o,[`${Fe}-scrollable-overlay`]:o&&(c==="hidden"||!c),[`${Fe}-scrollable-${d}`]:d&&d!=="both",[`${Fe}-overflow`]:h},I(Fe,{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]})};B.states=cl;B.options=dl;B.className=Fe;B.defaultOptions=fo;B.moduleName=Xt;B.folderName=uo;B.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={},Ae=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})};Ae.states=Nl;Ae.options=Ml;Ae.className=Nn;Ae.defaultOptions=Ll;var le=require("react/jsx-runtime"),he=({children:e,...t})=>(0,le.jsx)(B,{tabStripItems:(0,le.jsxs)(le.Fragment,{children:[(0,le.jsx)(oe,{first:!0,value:"First"}),(0,le.jsx)(oe,{active:!0,value:"Second"}),(0,le.jsx)(oe,{value:"Third"}),(0,le.jsx)(oe,{value:"Fourth"}),(0,le.jsx)(oe,{last:!0,value:"Fifth"})]}),...t,children:e||(0,le.jsx)(Ae,{active:!0,children:(0,le.jsx)("div",{children:"TabStrip Content"})})});var ra=require("react/jsx-runtime"),sa=e=>(0,ra.jsx)(he,{position:"bottom",...e});var pa=require("react/jsx-runtime"),la=e=>(0,pa.jsx)(he,{position:"right",...e});var ca=require("react/jsx-runtime"),ma=e=>(0,ca.jsx)(he,{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={...B.options,scrollable:{type:"boolean"}},kl=B.states,da={...B.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)(he,{style:{width:"350px"},...o,...a})}};ft.options=Sl;ft.states=kl;ft.variants=gl;ft.defaultOptions=da;ft.modifiers=Al;ft.className=B.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={},Ge=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})};Ge.states=Ol;Ge.options=yl;Ge.className=xo;Ge.defaultOptions=Kl;Ge.moduleName=Jt;Ge.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],Ce=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")})};Ce.states=zl;Ce.className=Ma;var Zt=require("react/jsx-runtime"),La="k-input-validation-icon",Fl=[s.valid,s.invalid,s.disabled,s.loading],Gl={},xe=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})};xe.states=Fl;xe.options=Gl;xe.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 P=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,P.jsxs)(X,{...m,valid:o,invalid:a,loading:n,disabled:r,readonly:p,style:{width:300},children:[c&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(ht,{children:(0,P.jsx)(u,{icon:"lock"})}),M&&(0,P.jsx)(Nt,{})]}),(0,P.jsx)(He,{placeholder:"Placeholder",value:"Value"}),h&&(0,P.jsx)(xe,{valid:o,invalid:a,loading:n,disabled:r}),(0,P.jsx)(Ce,{loading:n,disabled:r}),d&&(0,P.jsx)(Pe,{loading:n,disabled:r,readonly:p,value:"Value"}),f&&(0,P.jsxs)(P.Fragment,{children:[M&&(0,P.jsx)(Nt,{}),(0,P.jsx)(xt,{children:(0,P.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"},Ee=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})};Ee.states=op;Ee.options=np;Ee.className=Mo;Ee.defaultOptions=En;Ee.moduleName=Cn;Ee.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":Ee,...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 Ve=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"},pe=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,Ve.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,Ve.jsx)(u,{className:"k-input-icon",icon:k}),(0,Ve.jsx)(He,{placeholder:o,value:t,"aria-label":A}),(0,Ve.jsx)(Ce,{...e}),(0,Ve.jsx)(xe,{...e}),(0,Ve.jsx)(Pe,{...e})]})};pe.states=ap;pe.options=sp;pe.className=Ea;pe.defaultOptions=On;pe.moduleName=Tn;pe.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:H,readonly:We,id:Oe,"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:H,readonly:We,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:Oe,placeholder:h,value:d,type:f,disabled:H,"aria-label":wt,"aria-describedby":_t,"aria-invalid":A?"true":void 0}),p&&(0,W.jsx)(xe,{valid:k,invalid:A,loading:C,disabled:H}),(0,W.jsx)(Ce,{loading:C,disabled:H}),r&&(0,W.jsx)(Pe,{loading:C,disabled:H,readonly:We,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 an accessible name (provided by