@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 230 kB
JavaScript
var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),w=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:c,selected:u,disabled:h,indeterminate:g,loading:N,empty:b,readonly:v,highlighted:y,...A}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":h,"k-indeterminate":g&&!d,"k-loading":N,"k-empty":b,"k-readonly":v,"k-highlighted":y},Object.keys(A).reduce((I,R)=>(R.startsWith("k-")?I[R]=A[R]:I[`k-${R}`]=A[R],I),{}))};function Qs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},x={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Yt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},L={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var Mi={};function O(e){return Mi[e]=(Mi[e]||0)+1,`k-${e}-${Mi[e]}`}var Si="action-buttons",js=Si;import{jsx as Lu}from"react/jsx-runtime";var Nl="k-actions",yu=[],Cu={},Ai={alignment:"start",orientation:"horizontal"},ut=e=>{let{alignment:t=Ai.alignment,orientation:o=Ai.orientation,...a}=e;return Lu("div",{...a,className:r(Nl,{[`${Nl}-${t}`]:t,[`${Nl}-${o}`]:o},e.className),children:e.children})};ut.states=yu;ut.options=Cu;ut.className=Nl;ut.defaultOptions=Ai;ut.moduleName=Si;ut.folderName=js;import{Fragment as Iu,jsx as ed}from"react/jsx-runtime";var Ii="k-font-icon",Mu=[],Su={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},Au={},Gr=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?ed("span",{...d,className:r(e.className,Ii,C(Ii,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):ed(Iu,{})};Gr.states=Mu;Gr.options=Su;Gr.className=Ii;Gr.defaultOptions=Au;var td=Gr;import{Fragment as Ou,jsx as vl}from"react/jsx-runtime";var Ei="k-svg-icon",Eu=[],Ru={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[Yt.outline,Yt.solid,Yt.duotone]},Ri={viewBox:"0 0 24 24",variant:Yt.outline},Hr=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Ri.viewBox,variant:d=Ri.variant,icon:c,...u}=e;if(!c)return vl(Ou,{});if(c==="none")return vl("span",{...u,className:r(e.className,Ei,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof c=="object"&&c.name&&c.name,g=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return vl("span",{...u,className:r(e.className,Ei,C("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:vl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:c?void 0:e.children})})};Hr.states=Eu;Hr.options=Ru;Hr.className=Ei;Hr.defaultOptions=Ri;var Oi=Hr;import*as Pi from"@progress/kendo-svg-icons";var od="icon",ad="icons";import{useContext as Gu}from"react";import{createContext as Pu}from"react";var rd=Pu({iconsType:"svg"});import{Fragment as ld,jsx as _r}from"react/jsx-runtime";var wl="k-icon",Hu=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_u=[],Du={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[Yt.outline,Yt.solid,Yt.duotone]},yl={viewBox:"0 0 24 24",type:"svg",variant:Yt.outline},T=e=>{let{iconsType:t}=Gu(rd),{size:o,themeColor:a,icon:l,type:n=t||yl.type,rotate:d,flip:c,viewBox:u=yl.viewBox,variant:h=yl.variant,...g}=e;if(!l)return _r(ld,{});if((t||n)==="svg"){if(l==="none")return _r(Oi,{...g,className:r(e.className,wl),icon:l,size:o,variant:h});let b=Pi[l]?l:Hu(`${l}-icon`);return Pi[b]?_r(Oi,{...g,className:r(e.className,wl),icon:Pi[b],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:h}):_r(ld,{})}return _r(td,{...g,className:r(e.className,wl),icon:l,size:o,themeColor:a,rotate:d,flip:c})};T.states=_u;T.options=Du;T.defaultOptions=yl;T.className=wl;T.moduleName=od;T.folderName=ad;T.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 Gi="button",id=Gi;import{Fragment as nd,jsx as ga,jsxs as sd}from"react/jsx-runtime";var Dr="k-button",Ku=["icon-button"],Bu=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],zu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Hi={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=Hi.showArrow,arrowIconName:c=Hi.arrowIconName,variant:u,hover:h,focus:g,active:N,selected:b,disabled:v,togglable:y,ariaDisabled:A,icon:I,iconSize:R,text:_,iconClassName:se,className:ie,...Ae}=e,He=I!=null,_e=e.children!==void 0;return sd(t,{className:r(ie,Dr,Qs(Dr,u),C(Dr,{size:o,rounded:a,fillMode:l,themeColor:n}),w(Dr,{hover:h,focus:g,active:N,disabled:v||A,selected:b}),{"k-icon-button":!_&&!_e&&He}),"aria-pressed":y?b?"true":"false":void 0,...Ae,"aria-disabled":A?"true":void 0,disabled:v||void 0,children:[typeof I=="string"&&I&&ga(T,{className:r(se,"k-button-icon"),icon:I,size:R}),I&&typeof I!="string"&&ga(nd,{children:I}),_?sd(nd,{children:[_&&ga("span",{className:"k-button-text",children:_}),e.children]}):e.children&&ga("span",{className:"k-button-text",children:e.children}),d&&ga("span",{className:"k-menu-button-arrow k-button-arrow",children:ga(T,{icon:c})})]})};p.states=Bu;p.options=zu;p.variants=Ku;p.className=Dr;p.defaultOptions=Hi;p.moduleName=Gi;p.folderName=id;p.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Fu}from"react/jsx-runtime";var lo=e=>Fu(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Uu}from"react/jsx-runtime";var Kr=e=>Uu(p,{icon:"folder",children:"Button",...e});import{jsx as Wu}from"react/jsx-runtime";var Jo=e=>Wu(p,{children:"Button",...e});import{jsx as _i}from"react/jsx-runtime";var $u=p.options,Vu=p.states,Xu={...p.defaultOptions,variant:"text"},qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ju=[],xa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return _i(lo,{...o,icon:"star"});case"icon-and-text":return _i(Kr,{...o,icon:"star",children:"Button"});default:return _i(Jo,{...o,children:"Button"})}};xa.options=$u;xa.states=Vu;xa.variants=qu;xa.defaultOptions=Xu;xa.modifiers=Ju;xa.className=p.className;var Di="menu-button",dd=Di;import{jsx as Qu}from"react/jsx-runtime";var cd="k-menu-button",Zu=[i.hover,i.focus,i.active,i.selected,i.disabled],Yu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Ki={showArrow:!0,arrowIconName:"chevron-down"},ae=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:h,icon:g,text:N,showArrow:b=Ki.showArrow,arrowIconName:v=Ki.arrowIconName,expanded:y,...A}=e;return Qu(p,{...A,className:r(e.className,cd),text:N,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:h,ariaDisabled:h||void 0,icon:g,showArrow:b,arrowIconName:v,"aria-expanded":y?"true":"false",...!N&&g&&!e["aria-label"]&&{"aria-label":"Menu"}})};ae.states=Zu;ae.options=Yu;ae.className=cd;ae.defaultOptions=Ki;ae.moduleName=Di;ae.folderName=dd;ae.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as FL}from"react/jsx-runtime";import{jsx as VL}from"react/jsx-runtime";import{jsx as ZL}from"react/jsx-runtime";var Ct="menu",Et=Ct;import{jsx as Br,jsxs as pd}from"react/jsx-runtime";var Bi="k-menu-item",ju=[i.hover,i.focus,i.active,i.selected,i.disabled],eb={},md={iconPosition:"before"},Xe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:h,showArrow:g,arrowIconName:N,iconPosition:b=md.iconPosition,dir:v,children:y,expanded:A,...I}=e,R=N;return R||(R=v==="rtl"?"chevron-left":"chevron-right"),pd("li",{...I,className:r(e.className,Bi,"k-item",w(Bi,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":u,"k-last":h}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":A?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[pd("span",{className:r("k-link k-menu-link"),children:[d&&b==="before"&&Br(T,{className:"k-menu-link-icon",icon:d}),Br("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&Br(T,{className:"k-menu-link-icon",icon:d}),g&&Br("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Br(T,{icon:R})})]}),y]})};Xe.states=ju;Xe.options=eb;Xe.className=Bi;Xe.defaultOptions=md;Xe.moduleName=Ct;Xe.folderName=Et;import{jsx as zr,jsxs as ud}from"react/jsx-runtime";var zi="k-menu-item",tb=[i.hover,i.focus,i.active,i.selected,i.disabled],ob={},Fi={dir:"ltr",iconPosition:"before"},Y=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:h,showArrow:g,arrowIconName:N,iconPosition:b=Fi.iconPosition,dir:v=Fi.dir,children:y,popup:A,expanded:I,...R}=e,_=N;return _||(_=v==="rtl"?"chevron-left":"chevron-right"),ud("li",{role:"menuitem",...R,className:r(e.className,zi,"k-item",w(zi,{focus:o,disabled:n}),{"k-first":u,"k-last":h}),...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ud("span",{className:r("k-link k-menu-link",w("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&b==="before"&&zr(T,{className:"k-menu-link-icon",icon:d}),zr("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&zr(T,{className:"k-menu-link-icon",icon:d}),g&&zr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:zr(T,{icon:_})})]}),y,A]})};Y.states=tb;Y.options=ob;Y.className=zi;Y.defaultOptions=Fi;Y.moduleName=Ct;Y.folderName=Et;import{jsx as ib}from"react/jsx-runtime";var bd="k-menu-scroll-wrapper",ab=[],rb={},lb={},Zo=e=>{let{className:t,children:o,orientation:a,...l}=e;return ib("div",{...l,className:r(t,bd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Zo.states=ab;Zo.options=rb;Zo.className=bd;Zo.defaultOptions=lb;Zo.moduleName=Ct;Zo.folderName=Et;var fd=Zo;import{Fragment as Ui,jsx as Yo,jsxs as Ll}from"react/jsx-runtime";var Wi="k-menu",nb=[],sb={},Ml={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ke=e=>{let{children:t,orientation:o=Ml.orientation,header:a=Ml.header,scrollable:l,scrollButtonsPosition:n=Ml.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:u,contextMenu:h,...g}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=Yo("ul",{dir:c,...g,className:r(e.className,"k-reset",Wi,{[`${Wi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ll(Ui,{children:[l?Ll(fd,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Ll(Ui,{children:[Yo(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yo(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Yo(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,n==="end"&&Ll(Ui,{children:[Yo(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Yo(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Yo(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,u]})};ke.states=nb;ke.options=sb;ke.className=Wi;ke.defaultOptions=Ml;ke.moduleName=Ct;ke.folderName=Et;ke.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as db}from"react/jsx-runtime";var $i="k-separator",Td={orientation:"horizontal"},wo=e=>{let{orientation:t=Td.orientation,...o}=e;return db("li",{...o,className:r(e.className,"k-item",$i,{[`${$i}-${t}`]:t}),role:"separator"})};wo.className=$i;wo.defaultOptions=Td;wo.moduleName=Ct;wo.folderName=Et;import{Fragment as CM,jsx as LM}from"react/jsx-runtime";import{jsx as ub}from"react/jsx-runtime";var Vi="k-menu-group",cb=[],pb={size:[s.undefined,s.small,s.medium,s.large]},mb={},Ce=e=>{let{children:t,size:o,...a}=e;return ub("ul",{role:"menu",...a,className:r(e.className,Vi,C(Vi,{size:o})),children:t})};Ce.states=cb;Ce.options=pb;Ce.className=Vi;Ce.defaultOptions=mb;Ce.moduleName=Ct;Ce.folderName=Et;import{Fragment as bb,jsx as ka,jsxs as fb}from"react/jsx-runtime";var Xi=e=>ka(ke,{children:fb(bb,{children:[ka(Xe,{first:!0,text:"Item 1"}),ka(Xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),ka(Xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),ka(Xe,{text:"Item 4"}),ka(Xe,{last:!0,text:"Item 5"})]}),...e});var qi="popup",hd=qi;import{jsx as gd}from"react/jsx-runtime";var xd="k-animation-container",Tb=[],hb={},Ji={positionMode:"absolute",shown:!0},Qt=e=>{let{positionMode:t=Ji.positionMode,shown:o=Ji.shown,animationStyle:a,offset:l,...n}=e;return gd("div",{...n,style:{...l,...e.style},className:r(e.className,xd,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:gd("div",{className:"k-child-animation-container",style:a,children:e.children})})};Qt.states=Tb;Qt.options=hb;Qt.className=xd;Qt.defaultOptions=Ji;Qt.moduleName=qi;Qt.folderName=hd;var Zi="popup",kd=Zi;import{jsx as Nd}from"react/jsx-runtime";var vd="k-popup",gb=[],xb={},wd={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=wd.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...c}=e;return Nd(Qt,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:Nd("div",{...c,className:r(e.className,vd),children:e.children})})};de.states=gb;de.options=xb;de.className=vd;de.defaultOptions=wd;de.moduleName=Zi;de.folderName=kd;de.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};import{Fragment as tS,jsx as jM,jsxs as eS}from"react/jsx-runtime";import{Fragment as iS,jsx as lS,jsxs as nS}from"react/jsx-runtime";import{Fragment as mS,jsx as pS,jsxs as uS}from"react/jsx-runtime";import{Fragment as gS,jsx as hS,jsxs as xS}from"react/jsx-runtime";import{jsx as Qo,jsxs as yb}from"react/jsx-runtime";var kb={...ke.options,scrollable:{type:"boolean"}},Nb=ke.states,yd={...ke.defaultOptions,variant:"horizontal"},vb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],wb=[{name:"opened",title:"Opened"}],Na=e=>{let{variant:t,modifiers:o,...a}={...yd,...e},l={},n=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?Qo(de,{className:"k-menu-popup",offset:n,children:yb(Ce,{children:[Qo(Y,{text:"Item 1"}),Qo(Y,{text:"Item 2"}),Qo(wo,{}),Qo(Y,{text:"Item 3"})]})}):null)}),t==="vertical"?Qo(Xi,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Qo(Xi,{...a,...l})};Na.options=kb;Na.states=Nb;Na.variants=vb;Na.defaultOptions=yd;Na.modifiers=wb;Na.className=ke.className;import{Fragment as YS,jsx as JS,jsxs as ZS}from"react/jsx-runtime";import{jsx as tA}from"react/jsx-runtime";import{Fragment as Ab,jsx as jt,jsxs as Cd}from"react/jsx-runtime";var Cb=p.states,Ld={...p.defaultOptions,variant:"text"},Lb=p.options,Mb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Sb=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...a}={...Ld,...e},l={},n=jt(de,{className:"k-menu-popup",children:Cd(Ce,{size:a.size,children:[jt(Y,{first:!0,text:"Menu Item"}),jt(Y,{text:"Menu Item"}),jt(Y,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=jt("div",{children:jt(ae,{...a,...l,icon:"star"})});break;case"icon-and-text":d=jt("div",{children:jt(ae,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=jt("div",{children:jt(ae,{...a,...l,children:"Dropdown Button"})});break}return Cd(Ab,{children:[d,o?.opened&&n]})};va.options=Lb;va.states=Cb;va.variants=Mb;va.defaultOptions=Ld;va.modifiers=Sb;va.className=ae.className;var Fr="window",Sl=Fr;import{jsx as Ob}from"react/jsx-runtime";var Md="k-window-content",Ib=[],Eb={},Rb={},yo=e=>{let{children:t,...o}=e;return Ob("div",{...o,className:r(Md,e.className),children:t})};yo.states=Ib;yo.options=Eb;yo.className=Md;yo.defaultOptions=Rb;yo.moduleName=Fr;yo.folderName=Sl;import{Fragment as _b,jsx as jo,jsxs as Sd}from"react/jsx-runtime";var Yi="k-window",Pb=[],Gb={},Hb={},qe=e=>{let{title:t,actions:o,minimized:a,actionButtons:l,actionButtonsAlign:n,...d}=e,c=t!==void 0?O("window-title"):void 0;return Sd("div",{...d,className:r(e.className,Yi,{[`${Yi}-minimized`]:a}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&Sd("div",{className:"k-window-titlebar",children:[t!==void 0&&jo("span",{className:"k-window-title",id:c,children:t}),o&&jo(_b,{children:jo("div",{className:"k-window-titlebar-actions",children:o.map(u=>u==="more-vertical"?jo(ae,{icon:u,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},u):jo(p,{icon:u,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":u},u))})})]}),jo(yo,{className:r({"k-hidden":a}),children:e.children}),l&&jo(ut,{alignment:n,className:"k-window-actions",children:l})]})};qe.states=Pb;qe.options=Gb;qe.className=Yi;qe.defaultOptions=Hb;qe.moduleName=Fr;qe.folderName=Sl;qe.ariaSpec={selector:".k-window",rules:[{selector:".k-window:not(.k-dialog)",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-window:not(.k-dialog)",attribute:"aria-labelledby",usage:"Associate the title of the dialog."}]};import{Fragment as PA,jsx as GA}from"react/jsx-runtime";import{Fragment as Fb,jsx as Qi,jsxs as Ub}from"react/jsx-runtime";var Db=qe.options,Kb=qe.states,Ad={...qe.defaultOptions,variant:"normal"},Bb=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],zb=[],wa=e=>{let{variant:t,...o}={...Ad,...e};return Qi(qe,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?Ub(Fb,{children:[Qi(p,{children:"Cancel"}),Qi(p,{themeColor:"primary",children:"Submit"})]}):void 0,...o,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis hac neque, sapien orci. Dignissim pulvinar commodo lorem pellentesque ornare dictum egestas feugiat fringilla. Proin facilisis mattis sed accumsan orci velit eget."})};wa.options=Db;wa.states=Kb;wa.variants=Bb;wa.defaultOptions=Ad;wa.modifiers=zb;wa.className=qe.className;var ji="chart-wizard",Id=ji;import{jsx as Xb}from"react/jsx-runtime";var Ed="k-chart-wizard",Wb=[],$b={},Vb={},$t=e=>{let{children:t,...o}=e;return Xb(qe,{title:"Chart Preview",actions:["window","x"],...o,className:r(e.className,Ed),children:t})};$t.states=Wb;$t.options=$b;$t.className=Ed;$t.defaultOptions=Vb;$t.moduleName=ji;$t.folderName=Id;$t.ariaSpec={selector:".k-chart-wizard",rules:[]};import{Fragment as Zb,jsx as en,jsxs as Yb}from"react/jsx-runtime";var qb=[],Jb={},Rd={buttonText:"Export"},ea=e=>{let{buttonText:t=Rd.buttonText,children:o}=e;return Yb(Zb,{children:[en("div",{className:"k-preview-pane-header",children:en(ae,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),en("div",{className:"k-preview-pane-content",children:o})]})};ea.states=qb;ea.options=Jb;ea.defaultOptions=Rd;import{jsx as ef}from"react/jsx-runtime";var ta="k-pane",Qb=[],jb={},tn={resizable:!0,flex:!1},Re=e=>{let{scrollable:t,flexBasis:o,flex:a=tn.flex,collapsible:l,resizable:n=tn.resizable,pinned:d,unpinned:c,tabbed:u,...h}=e;return ef("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,ta,{[`${ta}-static`]:o,[`${ta}-flex`]:a,"k-scrollable":t,[`${ta}-pinned`]:d,[`${ta}-unpinned`]:c,[`${ta}-tabbed`]:u}),role:"group",children:e.children})};Re.states=Qb;Re.options=jb;Re.className=ta;Re.defaultOptions=tn;import{Fragment as Od,jsx as oa,jsxs as af}from"react/jsx-runtime";var ya="k-splitbar",tf=[i.hover,i.focus],of={},on={orientation:"horizontal",draggable:!0},Ca=e=>{let{hover:t,focus:o,orientation:a=on.orientation,draggable:l=on.draggable,collapsePrev:n,collapseNext:d,ariaLabel:c,...u}=e;return af("div",{...u,className:r(e.className,ya,w(ya,{hover:t,focus:o}),{[`${ya}-${a}`]:a,[`${ya}-draggable-${a}`]:l,[`${ya}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":c,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&oa(Od,{children:oa("div",{className:"k-collapse-prev",children:oa(T,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),oa("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&oa(Od,{children:oa("div",{className:"k-collapse-next",children:oa(T,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ca.states=tf;Ca.options=of;Ca.className=ya;Ca.defaultOptions=on;var an="splitter",Pd=an;import{jsx as nf,jsxs as sf}from"react/jsx-runtime";import{createElement as lf}from"react";var rn="k-splitter",rf={},Gd={orientation:"horizontal"},De=e=>{let{orientation:t=Gd.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,c)=>{let u=a[c+1],h=d.props,g=u?.props;n.push(lf(Re,{...h,key:c})),u&&n.push(nf(Ca,{draggable:h.resizable!==!1&&g.resizable!==!1,collapsePrev:h.collapsible,collapseNext:g.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${c}`))}),sf("div",{...l,className:r(e.className,rn,{[`${rn}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};De.options=rf;De.className=rn;De.defaultOptions=Gd;De.moduleName=an;De.folderName=Pd;De.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as NI,jsxs as vI}from"react/jsx-runtime";import{jsx as LI,jsxs as MI}from"react/jsx-runtime";import{jsx as La}from"react/jsx-runtime";import{createElement as Al}from"react";var df=De.options,cf=De.states,Hd={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mf=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...Hd,...e},l=u=>({collapsible:u,content:u?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),c={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(u=>{let h=o?.[u];switch(u){case"secondPaneProps":d=l(!!h);break;case"firstPaneProps":n=l(!!h);break;default:break}}),t==="vertical"?La(De,{style:{height:"238px"},...a,orientation:"vertical",panes:[Al(Re,{...n,flexBasis:"50%",style:c,key:"pane-1"},La("p",{children:n.content})),Al(Re,{...d,flexBasis:"50%",style:c,key:"pane-2"},La("p",{children:d.content}))]}):La(De,{style:{height:"238px"},...a,orientation:"horizontal",panes:[Al(Re,{...n,flexBasis:"50%",style:c,key:"pane-1"},La("p",{children:n.content})),Al(Re,{...d,flexBasis:"50%",style:c,key:"pane-2"},La("p",{children:d.content}))]})};Ma.options=df;Ma.states=cf;Ma.variants=pf;Ma.defaultOptions=Hd;Ma.modifiers=mf;Ma.className=De.className;import{jsx as Tf}from"react/jsx-runtime";var _d="k-chart-wizard-splitter",uf=[],bf={},ff={},Co=e=>{let{children:t,panes:o,...a}=e;return Tf(De,{...a,className:r(e.className,_d),panes:o,children:t})};Co.states=uf;Co.options=bf;Co.className=_d;Co.defaultOptions=ff;import{jsx as xf}from"react/jsx-runtime";var Dd="k-chart-types-wrapper",hf={},gf={},Il=e=>xf("div",{...e,className:r(e.className,Dd),children:e.children});Il.options=hf;Il.className=Dd;Il.defaultOptions=gf;import{jsx as Kd,jsxs as wf}from"react/jsx-runtime";var ln="k-icon-text-wrapper",kf=[i.focus,i.selected],Nf={},vf={},Ur=e=>{let{focus:t,selected:o,icon:a,text:l,...n}=e;return wf("div",{...n,className:r(e.className,ln,w(ln,{focus:t,selected:o})),children:[Kd("div",{className:"k-icon-background-area",children:Kd(T,{icon:a,size:"xlarge"})}),l]})};Ur.states=kf;Ur.options=Nf;Ur.className=ln;Ur.defaultOptions=vf;var Bd="expander",zd="expansion-panel";import{jsx as Lo,jsxs as Fd}from"react/jsx-runtime";var El="k-expander",yf=[i.hover,i.focus,i.disabled,i.expanded],Cf={},Lf={},Ke=e=>{let{title:t,subtitle:o,expanded:a,hover:l,focus:n,disabled:d,dir:c,contentStyle:u,id:h,...g}=e,N=h?`${h}-content`:O("expander-content");return Fd("div",{...g,className:r(e.className,El,w(El,{hover:l,focus:n,disabled:d,expanded:a})),dir:c,children:[Fd("div",{className:r("k-expander-header",w(El,{hover:l})),role:"button","aria-controls":N,"aria-expanded":a?"true":"false",tabIndex:0,"aria-disabled":d?"true":void 0,children:[Lo("div",{className:"k-expander-title",children:t}),Lo("span",{className:"k-spacer"}),Lo("div",{className:"k-expander-sub-title",children:o}),Lo("span",{className:"k-expander-indicator",children:a?Lo(T,{icon:"chevron-up"}):Lo(T,{icon:"chevron-down"})})]}),Lo("div",{className:r("k-expander-content-wrapper",{"k-hidden":!a}),id:N,children:Lo("div",{className:"k-expander-content",style:u,children:e.children})})]})};Ke.states=yf;Ke.options=Cf;Ke.className=El;Ke.defaultOptions=Lf;Ke.moduleName=Bd;Ke.folderName=zd;Ke.ariaSpec={selector:".k-expander",rules:[{selector:".k-expander-header",attribute:"role=button",usage:"Sets the proper role for the ExpansionPanel header."},{selector:".k-expander-header",attribute:"aria-controls",usage:"Points to the controlled content wrapper element."},{selector:".k-expander-header",attribute:"aria-expanded=true/false",usage:"Indicates the expanded state of the ExpansionPanel."},{selector:".k-expander-header",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-disabled .k-expander-header",attribute:"aria-disabled=true",usage:"Rendered only when the ExpansionPanel is disabled."},{selector:".k-expander-content-wrapper",attribute:"id",usage:"Content wrapper has an id referenced by aria-controls."}]};var Wr=Ke;import{jsx as Ud}from"react/jsx-runtime";var $r=e=>Ud(Wr,{title:"Panel Title",subtitle:"Optional subtitle",id:O("expander"),children:Ud("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});import{jsx as Wd}from"react/jsx-runtime";var $d=e=>Wd(Wr,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:O("expander"),children:Wd("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});import{jsx as hE}from"react/jsx-runtime";import{jsx as Sa,jsxs as Ef}from"react/jsx-runtime";var Mf=Ke.options,Sf=Ke.states,Vd={...Ke.defaultOptions,variant:"normal"},Af=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],If=[],Aa=e=>{let{variant:t,...o}={...Vd,...e};return Ef("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?Sa($d,{title:"Title",children:[Sa("span",{children:"This is just a quick example text to build on the Expansion Panel to make up the bulk of the panel content."})],...o,subtitle:"Subtitle"}):Sa($r,{title:"Title",subtitle:"Subtitle",...o}),Sa($r,{title:"Title",subtitle:"Subtitle",...o}),Sa($r,{title:"Title",subtitle:"Subtitle",...o}),Sa($r,{title:"Title",subtitle:"Subtitle",...o})]})};Aa.options=Mf;Aa.states=Sf;Aa.variants=Af;Aa.defaultOptions=Vd;Aa.modifiers=If;Aa.className=Ke.className;import{jsx as Gf}from"react/jsx-runtime";var Xd="k-tabstrip-items",Rf=[],Of={},Pf={tabAlignment:"start"},Vr=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return Gf("ul",{...l,className:r(e.className,Xd,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};Vr.states=Rf;Vr.options=Of;Vr.className=Xd;Vr.defaultOptions=Pf;var qd=Vr;import{jsx as Df}from"react/jsx-runtime";var Jd="k-tabstrip-items-wrapper",Hf=[],_f={},Zd={orientation:"horizontal"},Xr=e=>{let{children:t,orientation:o=Zd.orientation,...a}=e;return Df("div",{...a,className:r(e.className,Jd,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Xr.states=Hf;Xr.options=_f;Xr.className=Jd;Xr.defaultOptions=Zd;var Yd=Xr;var qr="tabstrip",Rl=qr;import{jsx as Vt,jsxs as Qd}from"react/jsx-runtime";var Mo="k-tabstrip",Kf=[],Bf={size:[s.undefined,s.small,s.medium,s.large]},Ol={position:"top",tabAlignment:"start",scrollButtons:"around"},Ne=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=Ol.position,tabAlignment:c=Ol.tabAlignment,scrollButtons:u=Ol.scrollButtons,dir:h,scrollingPosition:g,overflow:N,...b}=e,v={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},y={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},A={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Qd("div",{dir:h,...b,className:r(Mo,e.className,{[`${Mo}-${d}`]:d,[`${Mo}-scrollable`]:o,[`${Mo}-scrollable-overlay`]:o&&(u==="hidden"||!u),[`${Mo}-scrollable-${g}`]:g&&g!=="both",[`${Mo}-overflow`]:N},C(Mo,{size:t})),children:[d==="bottom"&&a,Qd(Yd,{orientation:y[d],children:[o&&(u==="around"||u==="start")&&Vt("span",{className:r("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:Vt(T,{className:"k-button-icon",icon:`chevron-${v[d].prev}`})}),o&&u==="start"&&Vt("span",{className:r("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:Vt(T,{className:"k-button-icon",icon:`chevron-${v[d].next}`})}),Vt(qd,{className:r({"k-tabstrip-items-scroll":o&&u==="hidden"}),tabAlignment:A[c],orientation:y[d],...n&&{id:n},children:l}),o&&u==="end"&&Vt("span",{className:r("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:Vt(T,{className:"k-button-icon",icon:`chevron-${v[d].prev}`})}),o&&(u==="around"||u==="end")&&Vt("span",{className:r("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:x.flat}),"k-icon-button"),"aria-hidden":"true",children:Vt(T,{className:"k-button-icon",icon:`chevron-${v[d].next}`})}),N&&Vt("div",{className:"k-tabstrip-actions k-hstack",children:Vt(ae,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};Ne.states=Kf;Ne.options=Bf;Ne.className=Mo;Ne.defaultOptions=Ol;Ne.moduleName=qr;Ne.folderName=Rl;Ne.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Wf}from"react/jsx-runtime";var jd="k-tabstrip-wrapper",zf=[],Ff={},Uf={},Ia=e=>{let{...t}=e;return Wf("div",{...t,className:r(e.className,jd),children:e.children})};Ia.states=zf;Ia.options=Ff;Ia.className=jd;Ia.defaultOptions=Uf;Ia.moduleName=qr;Ia.folderName=Rl;import{jsx as Pl,jsxs as nn}from"react/jsx-runtime";var sn="k-tabstrip-item",$f=[i.active,i.hover,i.disabled,i.focus],Vf={},ec={iconPosition:"before"},Le=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:c,last:u,closable:h,icon:g,iconPosition:N=ec.iconPosition,value:b,actions:v,...y}=e;return nn("li",{...y,className:r(e.className,sn,w(sn,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":c,"k-last":u}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[nn("span",{className:"k-link",children:[g&&N==="before"&&Pl(T,{icon:g}),b&&Pl("span",{className:"k-link-text",children:b}),g&&N==="after"&&Pl(T,{icon:g})]}),(v||h)&&nn("span",{className:"k-item-actions",children:[v,h&&Pl(p,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};Le.states=$f;Le.options=Vf;Le.className=sn;Le.item=ec;import{jsx as Zf}from"react/jsx-runtime";var dn="k-tabstrip-content",Xf=[i.active,i.focus],qf={},Jf={},bt=e=>{let{active:t,focus:o,children:a,...l}=e;return Zf("div",{...l,className:r(e.className,dn,w(dn,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};bt.states=Xf;bt.options=qf;bt.className=dn;bt.defaultOptions=Jf;import{Fragment as Yf,jsx as So,jsxs as Qf}from"react/jsx-runtime";var Xt=({children:e,...t})=>So(Ne,{tabStripItems:Qf(Yf,{children:[So(Le,{first:!0,value:"First"}),So(Le,{active:!0,value:"Second"}),So(Le,{value:"Third"}),So(Le,{value:"Fourth"}),So(Le,{last:!0,value:"Fifth"})]}),...t,children:e||So(bt,{active:!0,children:So("div",{children:"TabStrip Content"})})});import{jsx as jf}from"react/jsx-runtime";var tc=e=>jf(Xt,{position:"bottom",...e});import{jsx as eT}from"react/jsx-runtime";var oc=e=>eT(Xt,{position:"right",...e});import{jsx as tT}from"react/jsx-runtime";var ac=e=>tT(Xt,{position:"left",...e});import{jsx as gR}from"react/jsx-runtime";import{Fragment as wR,jsx as vR,jsxs as yR}from"react/jsx-runtime";import{jsx as SR}from"react/jsx-runtime";import{Fragment as GR,jsx as PR,jsxs as HR}from"react/jsx-runtime";import{Fragment as zR,jsx as BR,jsxs as FR}from"react/jsx-runtime";import{jsx as Gl}from"react/jsx-runtime";var oT={...Ne.options,scrollable:{type:"boolean"}},aT=Ne.states,rc={...Ne.defaultOptions,scrollable:!1,variant:"up"},rT=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],lT=[],Ea=e=>{let{variant:t,...o}={...rc,...e},a={};switch(t){case"right":return Gl(oc,{style:{height:"230px"},...o,...a,position:"right"});case"left":return Gl(ac,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return Gl(tc,{style:{width:"350px"},...o,...a,position:"bottom"});default:return Gl(Xt,{style:{width:"350px"},...o,...a})}};Ea.options=oT;Ea.states=aT;Ea.variants=rT;Ea.defaultOptions=rc;Ea.modifiers=lT;Ea.className=Ne.className;import{Fragment as v1,jsx as k1,jsxs as N1}from"react/jsx-runtime";var lc="form",ic="forms";import{Fragment as nc,jsx as Hl,jsxs as sT}from"react/jsx-runtime";var _l="k-form",iT=[],nT={size:[s.undefined,s.small,s.medium,s.large]},cn={layout:"basic",tag:"form"},Me=e=>{let{size:t,orientation:o,layout:a=cn.layout,formButtons:l,cols:n,gutters:d,tag:c=cn.tag,children:u}=e,h=c,g=r(e.className,_l,C(_l,{size:t}),{[`${_l}-${o}`]:o}),N=sT(nc,{children:[a==="grid"?Hl("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${n}`]:n}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:u}):Hl(nc,{children:u}),l&&Hl("div",{className:"k-form-buttons",children:l})]}),{role:b,"aria-labelledby":v,"aria-label":y,id:A}=e;return Hl(h,{className:g,role:b,"aria-labelledby":v,"aria-label":y,id:A,children:N})};Me.states=iT;Me.options=nT;Me.className=_l;Me.defaultOptions=cn;Me.moduleName=lc;Me.folderName=ic;var sc="label",dc="label";import{jsx as cc,jsxs as mT}from"react/jsx-runtime";var pn="k-label",dT=[i.disabled],cT={},pT={},Ao=e=>{let{disabled:t,optional:o,info:a,text:l,children:n,...d}=e;return mT("label",{...d,className:r(e.className,pn,w(pn,{disabled:t})),children:[l||n,o&&cc("span",{className:"k-label-optional",children:"(Optional)"}),a&&cc("span",{className:"k-field-info",children:a})]})};Ao.states=dT;Ao.options=cT;Ao.className=pn;Ao.defaultOptions=pT;Ao.moduleName=sc;Ao.folderName=dc;import{jsx as TT}from"react/jsx-runtime";var pc="k-form-hint",uT=[],bT={},fT={},Rt=e=>{let{text:t,children:o,...a}=e;return TT("div",{...a,className:r(e.className,pc),children:t||o})};Rt.states=uT;Rt.options=bT;Rt.className=pc;Rt.defaultOptions=fT;import{jsx as kT}from"react/jsx-runtime";var mc="k-form-error",hT=[],gT={},xT={},Ot=e=>{let{text:t,children:o,...a}=e;return kT("div",{...a,className:r(e.className,mc),children:t||o})};Ot.states=hT;Ot.options=gT;Ot.className=mc;Ot.defaultOptions=xT;import{jsx as Dl,jsxs as uc}from"react/jsx-runtime";var mn="k-form-field",NT=[i.disabled],ft=e=>{let{editorId:t,label:o,orientation:a,optional:l,editor:n,hint:d,error:c,info:u,disabled:h,dir:g,colSpan:N,...b}=e;return uc("div",{...b,className:r(mn,e.className,w(mn,{disabled:h}),{[`k-col-span-${N}`]:N}),dir:g,children:[o&&Dl(Ao,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:l,info:u?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&Dl("span",{className:"k-label k-form-label k-label-empty"}),uc("div",{className:"k-form-field-wrap",children:[n,d&&Dl(Rt,{id:t?`${t}-hint`:void 0,children:d}),c&&Dl(Ot,{id:t?`${t}-error`:void 0,children:c})]})]})};ft.states=NT;ft.className=mn;import{Fragment as vT,jsx as un,jsxs as wT}from"react/jsx-runtime";var bc="k-form-fieldset",qt=e=>{let{legend:t,layout:o,cols:a,gutters:l,colSpan:n}=e;return wT("fieldset",{className:r(bc,{[`k-col-span-${n}`]:n}),children:[t&&un("legend",{className:"k-form-legend",children:t}),o==="grid"?un("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:e.children}):un(vT,{children:e.children})]})};qt.className=bc;var Jr="input",Kl=Jr;import{jsx as MT}from"react/jsx-runtime";var Bl="k-input",yT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],CT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},LT={},be=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:h,fillMode:g,...N}=e;return MT("span",{...N,className:r(e.className,Bl,C(Bl,{size:u,rounded:h,fillMode:g}),w(Bl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c}))})};be.states=yT;be.options=CT;be.className=Bl;be.defaultOptions=LT;be.moduleName=Jr;be.folderName=Kl;import{jsx as ET}from"react/jsx-runtime";var zl="k-picker",ST=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],AT={size:[s.undefined,s.small,s.medium,s.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[x.undefined,x.solid,x.flat,x.outline]},IT={},eo=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:h,fillMode:g,...N}=e;return ET("span",{...N,className:r(e.className,zl,C(zl,{size:u,rounded:h,fillMode:g}),w(zl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c})),children:e.children})};eo.states=ST;eo.options=AT;eo.className=zl;eo.defaultOptions=IT;eo.moduleName=Jr;eo.folderName=Kl;import{Fragment as PT,jsx as bn}from"react/jsx-runtime";var fc="k-clear-value",RT=[i.disabled,i.loading,i.readonly],OT={},Be=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?bn(PT,{}):bn("span",{className:r(e.className,fc),children:bn(T,{icon:"x"})})};Be.states=RT;Be.options=OT;Be.className=fc;import{jsx as _T}from"react/jsx-runtime";var fn="k-input-inner",GT=[],HT={},Fl={type:"text",autocomplete:"off",value:"",placeholder:""},ze=e=>{let{value:t=Fl.value,type:o=Fl.type,placeholder:a=Fl.placeholder,autocomplete:l=Fl.autocomplete,disabled:n,readOnly:d,...c}=e;return _T("input",{...c,type:o,className:r(e.className,fn,C(fn,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};ze.states=GT;ze.options=HT;ze.className=fn;import{jsx as Tc,jsxs as BT}from"react/jsx-runtime";var Tn="k-input-inner",DT=[],KT={},aa=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return BT("span",{...d,className:r(e.className,Tn,C(Tn,e)),children:[l,!l&&n&&Tc(T,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&Tc("span",{className:"k-input-value-text",children:t})]})};aa.states=DT;aa.options=KT;aa.className=Tn;import{jsx as UT}from"react/jsx-runtime";var hn="k-input-inner",zT=[],FT={},hc={value:"",placeholder:""},Zr=e=>{let{value:t=hc.value,placeholder:o=hc.placeholder,rows:a,disabled:l,...n}=e;return UT("textarea",{...n,className:r(e.className,hn,C(hn,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Zr.states=zT;Zr.options=FT;Zr.className=hn;import{Fragment as $T,jsx as gc}from"react/jsx-runtime";var xc="k-input-loading-icon",WT=[i.disabled,i.loading],Oe=e=>{let{disabled:t,loading:o}=e;return t||!o?gc($T,{}):gc("span",{className:r(e.className,xc,"k-icon k-i-loading")})};Oe.states=WT;Oe.className=xc;import{Fragment as qT,jsx as kc}from"react/jsx-runtime";var Nc="k-input-validation-icon",VT=[i.valid,i.invalid,i.disabled,i.loading],XT={},Ie=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?kc(qT,{}):kc(T,{className:r(Nc),icon:n})};Ie.states=VT;Ie.options=XT;Ie.className=Nc;import{Fragment as YT,jsx as vc}from"react/jsx-runtime";var JT="k-input-prefix",ZT={direction:"horizontal"},Je=e=>{let{direction:t=ZT.direction,...o}=e;return e.children?vc("span",{...o,className:r(JT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):vc(YT,{})};import{Fragment as eh,jsx as wc}from"react/jsx-runtime";var QT="k-input-suffix",jT={direction:"horizontal"},Ze=e=>{let{direction:t=jT.direction,...o}=e;return e.children?wc("span",{...o,className:r(QT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):wc(eh,{})};import{jsx as OO}from"react/jsx-runtime";import{jsx as oh}from"react/jsx-runtime";var th="k-input-suffix-text",gn=e=>{let{children:t,...o}=e;return oh("span",{...o,className:r(th,e.className),children:t})};import{jsx as rh}from"react/jsx-runtime";var yc="k-input-separator",ah={direction:"vertical"},Pe=e=>{let{direction:t=ah.direction,...o}=e;return rh("span",{...o,className:r(yc,e.className,{[`${yc}-${t}`]:t})})};import{Fragment as Cc,jsx as to,jsxs as xn}from"react/jsx-runtime";var lh=be.states,ih=be.defaultOptions,nh=be.options,sh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],dh=[],Ra=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...c}=e,u=t?.prefix,h=t?.suffix,g=t?.["clear-button"],N=t?.["validation-icon"],b=t?.separators;return xn(be,{...c,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[u&&xn(Cc,{children:[to(Je,{children:to(T,{icon:"lock"})}),b&&to(Pe,{})]}),to(ze,{placeholder:"Placeholder",value:"Value"}),N&&to(Ie,{valid:o,invalid:a,loading:l,disabled:n}),to(Oe,{loading:l,disabled:n}),g&&to(Be,{loading:l,disabled:n,readonly:d,value:"Value"}),h&&xn(Cc,{children:[b&&to(Pe,{}),to(Ze,{children:to(Jo,{size:c.size,fillMode:"clear",child