@progress/kendo-themes-html 13.2.0-dev.1 → 13.2.0-dev.3

package/dist/esm/grid/templates/grid-with-pinned-rows-pin-column.mjs

@@ -1 +1 @@
-var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var L=(e,t)=>a({[`${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"}),y=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:d,active:m,selected:b,disabled:x,indeterminate:k,loading:v,empty:u,readonly:w,highlighted:C,...I}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":k&&!d,"k-loading":v,"k-empty":u,"k-readonly":w,"k-highlighted":C},Object.keys(I).reduce((O,E)=>(E.startsWith("k-")?O[E]=I[E]:O[`k-${E}`]=I[E],O),{}))};function cn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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 nl={};function H(e){return nl[e]=(nl[e]||0)+1,`k-${e}-${nl[e]}`}var V="grid",J=V;import{jsx as _c,jsxs as Kc}from"react/jsx-runtime";var fr="k-grid",Pc=[],Gc={size:[s.undefined,s.small,s.medium,s.large]},Hc=[],pn={pagerPosition:"bottom"},D=e=>{let{size:t,pagerPosition:o=pn.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:x,ariaRowCount:k,ariaRootId:v,ariaRole:u="grid",...w}=e;return Kc("div",{...w,className:a(e.className,fr,{[`${fr}-resizable`]:b},L(fr,{size:t})),children:[r,o==="top"&&l,n,e.children&&m?_c("div",{className:"k-grid-aria-root",role:u,id:v,"aria-colcount":x,"aria-rowcount":k,children:e.children}):e.children,d,o==="bottom"&&l]})};D.states=Pc;D.options=Gc;D.variants=Hc;D.className=fr;D.defaultOptions=pn;D.moduleName=V;D.folderName=J;D.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as Dc}from"react/jsx-runtime";var mn="k-grid-header",oe=e=>{let{draggable:t,...o}=e;return Dc("div",{...o,className:a(e.className,mn,{"k-grid-draggable-header":t}),children:e.children})};oe.className=mn;oe.moduleName=V;oe.folderName=J;import{jsx as un,jsxs as Bc}from"react/jsx-runtime";var bn="k-grouping-header",At=e=>{let{dropHint:t,dropClue:o,...r}=e;return Bc("div",{...r,className:a(e.className,bn),children:[o&&un("div",{className:"k-grouping-dropclue"}),e.children,un("div",{className:"k-grouping-drop-container",children:t})]})};At.className=bn;At.moduleName=V;At.folderName=J;import{jsx as zc}from"react/jsx-runtime";var fn="k-grid-pinned-container",Do=e=>{let{position:t,...o}=e;return zc("div",{...o,className:a(e.className,fn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Do.className=fn;Do.moduleName=V;Do.folderName=J;import{jsx as Uc}from"react/jsx-runtime";var Tn="k-grid-sticky-container",Ha=e=>{let{position:t,...o}=e;return Uc("div",{...o,className:a(e.className,Tn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ha.className=Tn;Ha.moduleName=V;Ha.folderName=J;var Se="table",Ee=Se;import{jsx as Wc}from"react/jsx-runtime";var hn="k-data-table",Fc=[],$c={size:[s.undefined,s.small,s.medium,s.large]},Vc={},_t=e=>{let{size:t,...o}=e;return Wc("div",{...o,className:a(e.className,hn,L("k-table",{size:t})),children:e.children})};_t.states=Fc;_t.options=$c;_t.className=hn;_t.defaultOptions=Vc;_t.moduleName=Se;_t.folderName=Ee;import{jsx as Yc}from"react/jsx-runtime";var sl="k-table-header-wrap",Xc=[i.hover,i.focus,i.disabled],Jc={},qc={},Qt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return Yc("div",{...n,className:a(e.className,sl,y(sl,{hover:o,focus:r,disabled:l})),children:t})};Qt.states=Xc;Qt.options=Jc;Qt.className=sl;Qt.defaultOptions=qc;Qt.moduleName=Se;Qt.folderName=Ee;import{jsx as ep}from"react/jsx-runtime";var dl="k-table",Qc=[],Zc={size:[s.undefined,s.small,s.medium,s.large]},jc={},Re=e=>{let{size:t,...o}=e;return ep("table",{...o,className:a(e.className,dl,L(dl,{size:t})),children:e.children})};Re.states=Qc;Re.options=Zc;Re.className=dl;Re.defaultOptions=jc;Re.moduleName=Se;Re.folderName=Ee;import{jsx as cl}from"react/jsx-runtime";var pl="k-table-header",tp=[i.hover,i.focus,i.disabled],op={},ap={},Kt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return cl("div",{...n,className:a(e.className,pl,y(pl,{hover:o,focus:r,disabled:l})),children:cl(Qt,{children:cl(Re,{children:t})})})};Kt.states=tp;Kt.options=op;Kt.className=pl;Kt.defaultOptions=ap;Kt.moduleName=Se;Kt.folderName=Ee;import{jsx as np}from"react/jsx-runtime";var gn="k-table-scroller",rp=[],lp={},ip={},Bo=e=>{let{children:t,...o}=e;return np("div",{...o,className:a(e.className,gn),children:t})};Bo.states=rp;Bo.options=lp;Bo.className=gn;Bo.defaultOptions=ip;Bo.moduleName=Se;Bo.folderName=Ee;import{jsx as XN}from"react/jsx-runtime";import{jsx as pp}from"react/jsx-runtime";var xn="k-table-footer",sp=[],dp={},cp={},Zt=e=>{let{children:t,...o}=e;return pp("div",{...o,className:a(e.className,xn),children:t})};Zt.states=sp;Zt.options=dp;Zt.className=xn;Zt.defaultOptions=cp;Zt.moduleName=Se;Zt.folderName=Ee;import{jsx as fp}from"react/jsx-runtime";var ml="k-table-list",mp=[],up={size:[s.undefined,s.small,s.medium,s.large]},bp={},jt=e=>{let{size:t,virtualization:o,...r}=e;return fp("ul",{...r,className:a(e.className,"k-table",ml,L(ml,{size:t}),{"k-virtual-table":o}),children:e.children})};jt.states=mp;jt.options=up;jt.className=ml;jt.defaultOptions=bp;jt.moduleName=Se;jt.folderName=Ee;import{jsx as hp}from"react/jsx-runtime";var Tp="k-table-thead",Z=e=>hp("thead",{className:a(e.className,Tp),children:e.children});import{jsx as xp}from"react/jsx-runtime";var gp="k-table-tbody",ae=e=>xp("tbody",{className:a(e.className,gp),children:e.children});import{jsx as pk}from"react/jsx-runtime";import{jsx as kp}from"react/jsx-runtime";var ul="k-table-row",Np=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],S=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:d,...m}=e;return kp("tr",{...m,className:a(e.className,ul,{"k-table-alt-row":d},y(ul,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};S.states=Np;S.className=ul;import{jsx as wp}from"react/jsx-runtime";var bl="k-table-row",vp=[i.hover,i.focus,i.selected,i.disabled],Tr=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...d}=e;return wp("li",{...d,className:a(e.className,bl,{"k-table-alt-row":n},y(bl,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Tr.states=vp;Tr.className=bl;import{jsx as Cp}from"react/jsx-runtime";var Nn="k-table-th",Dt=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return Cp("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Nn),children:n})};Dt.className=Nn;Dt.moduleName=Se;Dt.folderName=Ee;import{jsx as Lk}from"react/jsx-runtime";import{jsx as Mp}from"react/jsx-runtime";var fl="k-table-td",Lp=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:d,...m}=e,b=l||e.children;return Mp("td",{colSpan:n,rowSpan:d,...m,className:a(e.className,fl,y(fl,{focus:t,selected:o,highlighted:r})),children:b})};p.states=Lp;p.className=fl;import{jsx as Rk}from"react/jsx-runtime";import{jsx as Hk}from"react/jsx-runtime";import{jsx as Bk}from"react/jsx-runtime";import{jsx as $k}from"react/jsx-runtime";import{jsx as Jk}from"react/jsx-runtime";import{jsx as tv,jsxs as ov}from"react/jsx-runtime";import{jsx as iv,jsxs as nv}from"react/jsx-runtime";import{jsx as pv,jsxs as mv}from"react/jsx-runtime";import{Fragment as gv,jsx as Tv,jsxs as hv}from"react/jsx-runtime";import{jsx as Ap}from"react/jsx-runtime";var wn="k-grid-header-table",re=e=>Ap(Re,{...e,className:a(e.className,wn),children:e.children});re.className=wn;re.moduleName=V;re.folderName=J;import{Fragment as Op,jsx as Cn}from"react/jsx-runtime";var Tl="k-font-icon",Ip=[],Ep={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Rp={},_a=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...d}=e;return r?Cn("span",{...d,className:a(e.className,Tl,L(Tl,{size:t}),{[`k-i-${r}`]:r,[`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"}):Cn(Op,{})};_a.states=Ip;_a.options=Ep;_a.className=Tl;_a.defaultOptions=Rp;var Ln=_a;import{Fragment as Hp,jsx as hr}from"react/jsx-runtime";var hl="k-svg-icon",Pp=[],Gp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Mn={viewBox:"0 0 24 24"},Ka=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=Mn.viewBox,icon:d,...m}=e;if(!d)return hr(Hp,{});if(d==="none")return hr("span",{...m,className:a(e.className,hl,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name;return hr("span",{...m,className:a(e.className,hl,L("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:hr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:n,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};Ka.states=Pp;Ka.options=Gp;Ka.className=hl;Ka.defaultOptions=Mn;var gl=Ka;import*as xl from"@progress/kendo-svg-icons";var yn="icon",Sn="icons";import{useContext as Kp}from"react";import{createContext as _p}from"react";var An=_p({iconsType:"svg"});import{Fragment as In,jsx as Da}from"react/jsx-runtime";var gr="k-icon",Dp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Bp=[],zp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Nl={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=Kp(An),{size:o,themeColor:r,icon:l,type:n=t||Nl.type,rotate:d,flip:m,viewBox:b=Nl.viewBox,...x}=e;if(!l)return Da(In,{});if((t||n)==="svg"){if(l==="none")return Da(gl,{...x,className:a(e.className,gr),icon:l,size:o});let v=xl[l]?l:Dp(`${l}-icon`);return xl[v]?Da(gl,{...x,className:a(e.className,gr),icon:xl[v],size:o,themeColor:r,rotate:d,flip:m,viewBox:b}):Da(In,{})}return Da(Ln,{...x,className:a(e.className,gr),icon:l,size:o,themeColor:r,rotate:d,flip:m})};f.states=Bp;f.options=zp;f.defaultOptions=Nl;f.className=gr;f.moduleName=yn;f.folderName=Sn;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as eo,jsxs as kl}from"react/jsx-runtime";var vl="k-header",Up=[i.hover,i.focus,i.active],En={sortIcon:"sort-asc-small"},A=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:d,hover:m,focus:b,active:x,sortIcon:k=En.sortIcon,sortOrder:v,accessibleLabel:u,...w}=e;return kl(Dt,{...w,className:a(e.className,vl,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},y(vl,{hover:m,focus:b,active:x})),children:[d&&kl("span",{className:"k-cell-inner",children:[kl("span",{className:"k-link",children:[eo("span",{className:"k-column-title",children:d}),o&&eo("span",{className:"k-sort-icon",children:eo(f,{icon:k})}),v&&eo("span",{className:"k-sort-order",children:v})]}),t&&eo("a",{className:a("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:eo(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&u&&eo("span",{className:"k-sr-only",children:u}),e.children,n&&eo("span",{className:"k-column-resizer k-touch-action-none"})]})};A.states=Up;A.className=vl;A.defaultOptions=En;A.moduleName=V;A.folderName=J;import{jsx as Fp}from"react/jsx-runtime";var Rn="k-grid-container",j=e=>Fp("div",{...e,className:a(e.className,Rn),children:e.children});j.className=Rn;j.moduleName=V;j.folderName=J;import{jsx as $p}from"react/jsx-runtime";var On="k-grid-content",ee=e=>$p("div",{...e,className:a(e.className,On),children:e.children});ee.className=On;ee.moduleName=V;ee.folderName=J;import{jsx as Vp}from"react/jsx-runtime";var Pn="k-grid-table",Y=e=>Vp(Re,{...e,className:a(e.className,Pn),children:e.children});Y.className=Pn;Y.moduleName=V;Y.folderName=J;import{jsx as Wp}from"react/jsx-runtime";var Gn="k-grid-footer",xr=e=>Wp("div",{...e,className:a(e.className,Gn),children:e.children});xr.className=Gn;xr.moduleName=V;xr.folderName=J;import{jsx as Xp}from"react/jsx-runtime";var Hn="k-grid-footer-table",Nr=e=>Xp(Re,{...e,className:a(e.className,Hn),children:e.children});Nr.className=Hn;Nr.moduleName=V;Nr.folderName=J;var wl="button",_n=wl;import{Fragment as Qp,jsx as Ba,jsxs as Kn}from"react/jsx-runtime";var za="k-button",Jp=["icon-button"],qp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Yp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Cl={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:d=Cl.showArrow,arrowIconName:m=Cl.arrowIconName,variant:b,hover:x,focus:k,active:v,selected:u,disabled:w,togglable:C,ariaDisabled:I,icon:O,text:E,iconClassName:F,className:be,...se}=e,Ge=O!==void 0,He=e.children!==void 0;return Kn(t,{className:a(be,za,cn(za,b),L(za,{size:o,rounded:r,fillMode:l,themeColor:n}),y(za,{hover:x,focus:k,active:v,disabled:w||I,selected:u}),{"k-icon-button":!E&&!He&&Ge}),...se,"aria-pressed":C?u?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[O&&Ba(f,{className:a(F,"k-button-icon"),icon:O}),E?Kn(Qp,{children:[E&&Ba("span",{className:"k-button-text",children:E}),e.children]}):e.children&&Ba("span",{className:"k-button-text",children:e.children}),d&&Ba("span",{className:"k-menu-button-arrow k-button-arrow",children:Ba(f,{icon:m})})]})};c.states=qp;c.options=Yp;c.variants=Jp;c.className=za;c.defaultOptions=Cl;c.moduleName=wl;c.folderName=_n;c.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 Zp}from"react/jsx-runtime";var to=e=>Zp(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as jp}from"react/jsx-runtime";var Ua=e=>jp(c,{icon:"folder",children:"Button",...e});import{jsx as em}from"react/jsx-runtime";var No=e=>em(c,{children:"Button",...e});import{jsx as Ll}from"react/jsx-runtime";var tm=c.options,om=c.states,am={...c.defaultOptions,variant:"text"},rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lm=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ll(to,{...o,icon:"star"});case"icon-and-text":return Ll(Ua,{...o,icon:"star",children:"Button"});default:return Ll(No,{...o,children:"Button"})}};zo.options=tm;zo.states=om;zo.variants=rm;zo.defaultOptions=am;zo.modifiers=lm;zo.className=c.className;var Fa="input",kr=Fa;import{jsx as dm}from"react/jsx-runtime";var vr="k-input",im=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],nm={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sm={},ve=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:x,fillMode:k,...v}=e;return dm("span",{...v,className:a(e.className,vr,L(vr,{size:b,rounded:x,fillMode:k}),y(vr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m}))})};ve.states=im;ve.options=nm;ve.className=vr;ve.defaultOptions=sm;ve.moduleName=Fa;ve.folderName=kr;import{jsx as um}from"react/jsx-runtime";var wr="k-picker",cm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],pm={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},mm={},It=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:x,fillMode:k,...v}=e;return um("span",{...v,className:a(e.className,wr,L(wr,{size:b,rounded:x,fillMode:k}),y(wr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};It.states=cm;It.options=pm;It.className=wr;It.defaultOptions=mm;It.moduleName=Fa;It.folderName=kr;import{Fragment as Tm,jsx as Ml}from"react/jsx-runtime";var Dn="k-clear-value",bm=[i.disabled,i.loading,i.readonly],fm={},tt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?Ml(Tm,{}):Ml("span",{className:a(e.className,Dn),children:Ml(f,{icon:"x"})})};tt.states=bm;tt.options=fm;tt.className=Dn;import{jsx as xm}from"react/jsx-runtime";var yl="k-input-inner",hm=[],gm={},Cr={type:"text",autocomplete:"off",value:"",placeholder:""},ot=e=>{let{value:t=Cr.value,type:o=Cr.type,placeholder:r=Cr.placeholder,autocomplete:l=Cr.autocomplete,disabled:n,readOnly:d,...m}=e;return xm("input",{...m,type:o,className:a(e.className,yl,L(yl,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};ot.states=hm;ot.options=gm;ot.className=yl;import{jsx as Bn,jsxs as vm}from"react/jsx-runtime";var Sl="k-input-inner",Nm=[],km={},ko=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return vm("span",{...d,className:a(e.className,Sl,L(Sl,e)),children:[l,!l&&n&&Bn(f,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&Bn("span",{className:"k-input-value-text",children:t})]})};ko.states=Nm;ko.options=km;ko.className=Sl;import{jsx as Lm}from"react/jsx-runtime";var Al="k-input-inner",wm=[],Cm={},zn={value:"",placeholder:""},Il=e=>{let{value:t=zn.value,placeholder:o=zn.placeholder,rows:r,disabled:l,...n}=e;return Lm("textarea",{...n,className:a(e.className,Al,L(Al,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Il.states=wm;Il.options=Cm;Il.className=Al;import{Fragment as ym,jsx as Un}from"react/jsx-runtime";var Fn="k-input-loading-icon",Mm=[i.disabled,i.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?Un(ym,{}):Un("span",{className:a(e.className,Fn,"k-icon k-i-loading")})};qe.states=Mm;qe.className=Fn;import{Fragment as Im,jsx as $n}from"react/jsx-runtime";var Vn="k-input-validation-icon",Sm=[i.valid,i.invalid,i.disabled,i.loading],Am={},_e=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?$n(Im,{}):$n(f,{className:a(Vn),icon:n})};_e.states=Sm;_e.options=Am;_e.className=Vn;import{Fragment as Om,jsx as Wn}from"react/jsx-runtime";var Em="k-input-prefix",Rm={direction:"horizontal"},ct=e=>{let{direction:t=Rm.direction,...o}=e;return e.children?Wn("span",{...o,className:a(Em,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Wn(Om,{})};import{Fragment as Hm,jsx as Xn}from"react/jsx-runtime";var Pm="k-input-suffix",Gm={direction:"horizontal"},pt=e=>{let{direction:t=Gm.direction,...o}=e;return e.children?Xn("span",{...o,className:a(Pm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xn(Hm,{})};import{jsx as sL}from"react/jsx-runtime";import{jsx as Km}from"react/jsx-runtime";var _m="k-input-suffix-text",El=e=>{let{children:t,...o}=e;return Km("span",{...o,className:a(_m,e.className),children:t})};import{jsx as Bm}from"react/jsx-runtime";var Jn="k-input-separator",Dm={direction:"vertical"},mt=e=>{let{direction:t=Dm.direction,...o}=e;return Bm("span",{...o,className:a(Jn,e.className,{[`${Jn}-${t}`]:t})})};import{Fragment as qn,jsx as Et,jsxs as Rl}from"react/jsx-runtime";var zm=ve.states,Um=ve.defaultOptions,Fm=ve.options,$m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Vm=[],Uo=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:d,...m}=e,b=t?.prefix,x=t?.suffix,k=t?.["clear-button"],v=t?.["validation-icon"],u=t?.separators;return Rl(ve,{...m,valid:o,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Rl(qn,{children:[Et(ct,{children:Et(f,{icon:"lock"})}),u&&Et(mt,{})]}),Et(ot,{placeholder:"Placeholder",value:"Value"}),v&&Et(_e,{valid:o,invalid:r,loading:l,disabled:n}),Et(qe,{loading:l,disabled:n}),k&&Et(tt,{loading:l,disabled:n,readonly:d,value:"Value"}),x&&Rl(qn,{children:[u&&Et(mt,{}),Et(pt,{children:Et(No,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Uo.options=Fm;Uo.states=zm;Uo.variants=Vm;Uo.defaultOptions=Um;Uo.modifiers=$m;Uo.className=ve.className;var Ol="popup",Yn=Ol;import{jsx as Qn}from"react/jsx-runtime";var Zn="k-animation-container",Wm=[],Xm={},jn={positionMode:"absolute"},Rt=e=>{let{positionMode:t=jn.positionMode,animationStyle:o,offset:r,...l}=e;return Qn("div",{...l,style:{...r,...e.style},className:a(e.className,Zn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Qn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Rt.states=Wm;Rt.options=Xm;Rt.className=Zn;Rt.defaultOptions=jn;Rt.moduleName=Ol;Rt.folderName=Yn;var Pl="popup",es=Pl;import{jsx as ts}from"react/jsx-runtime";var os="k-popup",Jm=[],qm={},as={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=as.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return ts(Rt,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":d,children:ts("div",{...m,className:a(e.className,os),children:e.children})})};te.states=Jm;te.options=qm;te.className=os;te.defaultOptions=as;te.moduleName=Pl;te.folderName=es;te.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 Gl="action-buttons",rs=Gl;import{jsx as Zm}from"react/jsx-runtime";var Lr="k-actions",Ym=[],Qm={},Hl={alignment:"start",orientation:"horizontal"},ut=e=>{let{alignment:t=Hl.alignment,orientation:o=Hl.orientation,...r}=e;return Zm("div",{...r,className:a(Lr,{[`${Lr}-${t}`]:t,[`${Lr}-${o}`]:o},e.className),children:e.children})};ut.states=Ym;ut.options=Qm;ut.className=Lr;ut.defaultOptions=Hl;ut.moduleName=Gl;ut.folderName=rs;import{jsx as eu}from"react/jsx-runtime";var jm="k-actionsheet-footer",ls={alignment:"stretched",orientation:"horizontal"},oo=e=>{let{alignment:t=ls.alignment,orientation:o=ls.orientation,template:r,as:l=r?"div":ut,...n}=e;return eu(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,jm),children:e.children})};var _l="searchbox",is=_l;import{jsx as $a,jsxs as au}from"react/jsx-runtime";var ns="k-searchbox",tu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ou={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Kl={showIcon:!0,icon:"search"},at=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:x,required:k,loading:v,disabled:u,showIcon:w=Kl.showIcon,icon:C=Kl.icon,"aria-label":I,...O}=e;return au(ve,{...O,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:x,required:k,loading:v,disabled:u,className:a(e.className,ns),children:[w&&$a(f,{className:"k-input-icon",icon:C}),$a(ot,{placeholder:o,value:t,"aria-label":I}),$a(qe,{...e}),$a(_e,{...e}),$a(tt,{...e})]})};at.states=tu;at.options=ou;at.className=ns;at.defaultOptions=Kl;at.moduleName=_l;at.folderName=is;import{jsx as yM}from"react/jsx-runtime";var Dl="textbox",ss=Dl;import{Fragment as ds,jsx as ao,jsxs as Bl}from"react/jsx-runtime";var cs="k-textbox",ru=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],lu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Mr={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Mr.separators,showClearButton:n=Mr.showClearButton,showValidationIcon:d=Mr.showValidationIcon,prefix:m,suffix:b,type:x,value:k,placeholder:v,hover:u,focus:w,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,id:se,"aria-label":Ge,"aria-describedby":He,...et}=e;return Bl(ve,{...et,size:t,rounded:o,fillMode:r,hover:u,focus:w,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,className:a(e.className,cs),children:[m&&Bl(ds,{children:[ao(ct,{children:m}),l&&ao(mt,{})]}),ao(ot,{id:se,placeholder:v,value:k,type:x,disabled:F,"aria-label":Ge,"aria-describedby":He,"aria-invalid":I?"true":void 0}),d&&ao(_e,{valid:C,invalid:I,loading:E,disabled:F}),ao(qe,{loading:E,disabled:F}),n&&ao(tt,{loading:E,disabled:F,readonly:be,value:k}),b&&Bl(ds,{children:[l&&ao(mt,{}),ao(pt,{children:b})]})]})};ce.states=ru;ce.options=lu;ce.className=cs;ce.defaultOptions=Mr;ce.moduleName=Dl;ce.folderName=ss;ce.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Va=ce;import{jsx as iu}from"react/jsx-runtime";var ps=e=>iu(Va,{...e});import{Fragment as VM,jsx as $M}from"react/jsx-runtime";import{Fragment as QM,jsx as YM}from"react/jsx-runtime";import{jsx as ty}from"react/jsx-runtime";import{jsx as zl}from"react/jsx-runtime";var nu=ce.states,su=ce.defaultOptions,du=ce.options,cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],pu=[],Fo=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?zl(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?zl(No,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),zl(ps,{value:"Value",style:{width:300},...o,...r})};Fo.options=du;Fo.states=nu;Fo.variants=pu;Fo.defaultOptions=su;Fo.modifiers=cu;Fo.className=ce.className;import{jsx as ro,jsxs as Ul}from"react/jsx-runtime";var ms="k-actionsheet-titlebar",mu={},Ke=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:x,titleId:k,children:v,...u}=e;return Ul("div",{...u,className:a(e.className,ms),children:[Ul("div",{className:"k-actionsheet-titlebar-group",children:[r&&ro("div",{className:"k-actionsheet-actions",children:r}),!v&&Ul("div",{className:"k-actionsheet-title",id:k,children:[t&&ro("div",{className:"k-text-center",children:t}),o&&ro("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&ro("div",{className:"k-actionsheet-title",id:k,children:v}),l&&ro("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&ro("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?ro(ce,{value:m,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):ro(at,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ke.className=ms;Ke.defaultOptions=mu;import{jsx as Fl,jsxs as Tu}from"react/jsx-runtime";var $l="k-actionsheet-view",uu=[],bu={},fu={},$o=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:d,...m}=e,b=l?.type===Ke&&Fl(Ke,{adaptive:t,titleId:d,...l?.props}),x=n?.type===oo&&Fl(oo,{...n?.props});return Tu("div",{...m,className:a(e.className,$l,{[`${$l}-animated`]:o}),children:[b,Fl("div",{className:"k-actionsheet-content",children:r}),x]})};$o.states=uu;$o.options=bu;$o.className=$l;$o.defaultOptions=fu;var Wa="action-sheet",yr=Wa;var Vl="overlay",us=Vl;import{jsx as Nu}from"react/jsx-runtime";var Wl="k-overlay",hu=[],gu={themeColor:[g.undefined,g.light,g.dark,g.inverse]},xu={},lo=e=>{let{themeColor:t,...o}=e;return Nu("div",{...o,className:a(e.className,Wl,L(Wl,{themeColor:t})),children:e.children})};lo.states=hu;lo.options=gu;lo.className=Wl;lo.defaultOptions=xu;lo.moduleName=Vl;lo.folderName=us;import{jsx as Sr,jsxs as wu}from"react/jsx-runtime";var bs="k-actionsheet",ku=[],vu={},Xa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Xa.side,fullscreen:o=Xa.fullscreen,adaptive:r=Xa.adaptive,overlay:l=Xa.overlay,template:n,children:d,header:m,footer:b,id:x,...k}=e,v=x&&!n&&m?`${x}-title`:void 0;return wu("div",{className:"k-actionsheet-container",children:[l&&Sr(lo,{}),Sr(Rt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Sr("div",{...k,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:a(e.className,bs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||Sr($o,{header:m,footer:b,adaptive:r,titleId:v,...e,children:d})})})]})};ge.states=ku;ge.options=vu;ge.className=bs;ge.defaultOptions=Xa;ge.moduleName=Wa;ge.folderName=yr;ge.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as yu}from"react/jsx-runtime";var fs="k-actionsheet-container",Cu=[],Lu={},Mu={},Vo=e=>{let{children:t,...o}=e;return yu("div",{...o,className:fs,children:t})};Vo.states=Cu;Vo.options=Lu;Vo.className=fs;Vo.defaultOptions=Mu;Vo.moduleName=Wa;Vo.folderName=yr;import{jsx as Su}from"react/jsx-runtime";var Xl=e=>{let{...t}=e;return Su("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Iu,jsx as Ja,jsxs as Jl}from"react/jsx-runtime";var ql="k-actionsheet-item",Au=[i.hover,i.focus,i.selected,i.disabled],io=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:d,disabled:m,...b}=e;return Jl("span",{...b,className:a(e.className,ql,y(ql,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&Ja(Iu,{children:Jl("span",{className:"k-actionsheet-action",children:[t&&Ja("span",{className:"k-icon-wrap",children:Ja(f,{className:"k-actionsheet-item-icon",icon:t})}),Jl("span",{className:"k-actionsheet-item-text",children:[o&&Ja("span",{className:"k-actionsheet-item-title",children:o}),r&&Ja("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};io.states=Au;io.className=ql;import{jsx as eS,jsxs as tS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as dS}from"react/jsx-runtime";import{jsx as uS}from"react/jsx-runtime";import{jsx as Ae,jsxs as Yl}from"react/jsx-runtime";var Eu=ge.options,Ru=ge.states,hs={...ge.defaultOptions,variant:"normal"},Ou=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Pu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Wo=e=>{let{variant:t,modifiers:o,...r}={...hs,...e},l={},n=Yl(Xl,{children:[Ae(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(io,{text:"Add to Favorites",iconName:"heart"}),Ae(io,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(io,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!o?.[b],l.actionsEnd=!!o?.[b];break;case"subtitle":l.subtitle=o?.[b]?d:void 0;break;case"footer":l.footer=!!o?.[b];break;default:break}}),t==="adaptive"?Ae(ge,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Yl(oo,{alignment:"stretched",children:[Ae(c,{text:"Cancel",size:"large",themeColor:"base"}),Ae(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):Ae(ge,{...r,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Yl(oo,{alignment:"stretched",children:[Ae(c,{text:"Apply",themeColor:"primary"}),Ae(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Wo.options=Eu;Wo.states=Ru;Wo.variants=Ou;Wo.defaultOptions=hs;Wo.modifiers=Pu;Wo.className=ge.className;import Zl from"react";import{jsx as gs}from"react/jsx-runtime";var Gu="k-list-group-sticky-header",Ql=e=>gs("div",{className:a(Gu,e.className),children:gs("div",{className:"k-list-header-text",children:e.children})});import{jsx as _u}from"react/jsx-runtime";var Hu="k-no-data",Ar=e=>{let{live:t,...o}=e;return _u("span",{...o,className:a(Hu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var vo="list",Xo=vo;import{jsx as xs,jsxs as Ns}from"react/jsx-runtime";var jl="k-list",Ku=[],Du={size:[s.undefined,s.small,s.medium,s.large]},Bu={},q=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:d,noData:m,screenReaders:b,...x}=e,v=Zl.Children.toArray(r)[0],u=v?.props?.children?Zl.Children.count(v.props.children):Zl.Children.count(r);return Ns("div",{...x,className:a(e.className,jl,L(jl,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&xs(Ql,{children:l}),r||(m!==void 0?m:xs(Ar,{live:!0,children:"No data found."})),b&&r&&Ns(Ar,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};q.states=Ku;q.options=Du;q.className=jl;q.defaultOptions=Bu;q.moduleName=vo;q.folderName=Xo;q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as $u}from"react/jsx-runtime";var ks="k-list-container",zu=[],Uu={},Fu={},Jo=e=>{let{...t}=e;return $u("div",{...t,className:a(e.className,ks),children:e.children})};Jo.states=zu;Jo.options=Uu;Jo.className=ks;Jo.defaultOptions=Fu;Jo.moduleName=vo;Jo.folderName=Xo;var wo="checkbox",qo=wo;import{jsx as vs}from"react/jsx-runtime";var Ir="k-checkbox",Vu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Xu={},Me=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:x,size:k,rounded:v,wrapperRole:u,...w}=e;return vs("span",{className:"k-checkbox-wrap",role:u,children:vs("input",{...w,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:a(e.className,Ir,L(Ir,{size:k,rounded:v}),y(Ir,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:r,checked:o}))})})};Me.states=Vu;Me.options=Wu;Me.className=Ir;Me.defaultOptions=Xu;Me.moduleName=wo;Me.folderName=qo;Me.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 Lt=Me;import{jsx as Yu}from"react/jsx-runtime";var ws="k-checkbox-list",Ju=[],qu={},Cs={layout:"vertical"},De=e=>{let{layout:t=Cs.layout,...o}=e;return Yu("ul",{...o,className:a(e.className,ws,{[`k-list-${t}`]:t}),children:e.children})};De.states=Ju;De.options=qu;De.className=ws;De.defaultOptions=Cs;De.moduleName=wo;De.folderName=qo;import{jsx as eb}from"react/jsx-runtime";var Ls="k-checkbox-list-item",Qu=[],Zu={},ju={},Be=e=>{let{...t}=e;return eb("li",{...t,className:a(e.className,Ls),children:e.children})};Be.states=Qu;Be.options=Zu;Be.className=Ls;Be.defaultOptions=ju;Be.moduleName=wo;Be.folderName=qo;import{Fragment as tb,jsx as Ms,jsxs as ob}from"react/jsx-runtime";var Bt=({children:e="Label",id:t="cb-label-after",...o})=>ob(tb,{children:[Ms(Lt,{id:t,...o}),Ms("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as vA,jsx as kA,jsxs as wA}from"react/jsx-runtime";import{Fragment as SA,jsx as yA,jsxs as AA}from"react/jsx-runtime";import{Fragment as PA,jsx as OA,jsxs as GA}from"react/jsx-runtime";import{jsx as DA}from"react/jsx-runtime";import{jsx as FA}from"react/jsx-runtime";import{jsx as XA}from"react/jsx-runtime";import{jsx as bt,jsxs as ys}from"react/jsx-runtime";var ab=De.options,rb=De.states,lb={...De.defaultOptions,variant:"vertical"},ib=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],nb=[],Yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ys(De,{layout:"horizontal",...o,children:[bt(Be,{children:bt(Bt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})})]}):ys(De,{...o,children:[bt(Be,{children:bt(Bt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})})]})};Yo.options=ab;Yo.states=rb;Yo.variants=ib;Yo.defaultOptions=lb;Yo.modifiers=nb;Yo.className=De.className;import{jsx as ub}from"react/jsx-runtime";var sb=Lt.options,db=Lt.states,cb=Lt.defaultOptions,pb=[],mb=[],Qo=e=>ub(Bt,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});Qo.options=sb;Qo.states=db;Qo.variants=pb;Qo.defaultOptions=cb;Qo.modifiers=mb;Qo.className=Lt.className;import{jsx as Co,jsxs as hb}from"react/jsx-runtime";var ei="k-list-item",bb=[i.hover,i.focus,i.selected,i.disabled],fb={},Tb={},z=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:x,selected:k,disabled:v,actions:u,description:w,id:C,...I}=e,O=t||e.children;return hb("li",{...I,id:C,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&k?"true":r?void 0:"false","aria-disabled":!r&&v?"true":void 0,className:a(e.className,r?"k-list-group-item":ei,y(ei,{hover:b,focus:x,disabled:v,selected:k})),children:[d&&Co(Me,{checked:m}),l&&Co("span",{className:"k-list-item-icon-wrapper",children:Co(f,{icon:l,className:a("k-list-item-icon",n)})}),Co("span",{className:"k-list-item-text",children:O}),u&&Co("div",{className:"k-list-item-actions",children:u}),w&&Co("span",{className:"k-list-item-description",children:w}),o&&o!==""&&Co("div",{className:"k-list-item-group-label",children:o})]})};z.states=bb;z.options=fb;z.className=ei;z.defaultOptions=Tb;z.moduleName=vo;z.folderName=Xo;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as xb}from"react/jsx-runtime";var gb="k-list-ul",zt=e=>{let{children:t,role:o,id:r,...l}=e;return xb("ul",{...l,id:r,role:o,className:a(gb,e.className),children:t})};zt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as ti,jsxs as kb}from"react/jsx-runtime";var Nb="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return kb("div",{...d,className:a(Nb,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:ti(zt,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&ti("div",{className:"k-height-container",children:ti("div",{})})]})};de.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as _I,jsx as HI,jsxs as KI}from"react/jsx-runtime";import{jsx as oi,jsxs as wb}from"react/jsx-runtime";var vb="k-list-group-item",Lo=e=>{let{groupIconName:t,...o}=e;return wb("li",{...o,role:"presentation",className:a(vb,e.className),children:[t&&oi("span",{className:"k-list-item-icon-wrapper",children:oi(f,{icon:t,className:"k-list-item-icon"})}),oi("span",{className:"k-list-item-text",children:e.children})]})};Lo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as yb}from"react/jsx-runtime";var ai="k-list-optionlabel",Cb=[i.hover,i.focus,i.selected,i.disabled],Lb={},Mb={},Er=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return yb("div",{...d,className:a(ai,y(ai,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Er.states=Cb;Er.options=Lb;Er.className=ai;Er.defaultOptions=Mb;import{jsx as Eb}from"react/jsx-runtime";var ri="k-list-custom-value",Sb=[i.hover,i.focus,i.selected,i.disabled],Ab={},Ib={},no=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return Eb("div",{...d,className:a(ri,y(ri,{hover:o,focus:r,selected:l,disabled:n})),children:t})};no.states=Sb;no.options=Ab;no.className=ri;no.defaultOptions=Ib;import{Fragment as eE,jsx as jI,jsxs as tE}from"react/jsx-runtime";import{Fragment as nE,jsx as iE,jsxs as sE}from"react/jsx-runtime";import{Fragment as fE,jsx as uE,jsxs as bE}from"react/jsx-runtime";import{Fragment as vE,jsx as NE,jsxs as kE}from"react/jsx-runtime";import{jsx as ME}from"react/jsx-runtime";import{Fragment as RE,jsx as EE,jsxs as OE}from"react/jsx-runtime";var Ss="dropdown-list",As="dropdownlist";import{Fragment as Pb,jsx as ze,jsxs as li}from"react/jsx-runtime";var Is="k-dropdownlist",Rb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ob={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ii={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=ii.arrowIconName,showValue:n=ii.showValue,valueIconName:d,prefix:m,suffix:b,value:x,placeholder:k,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,popup:be,opened:se,adaptive:Ge,adaptiveSettings:He,adaptiveTitle:et,adaptiveSubtitle:xo,adaptiveFilter:rl,id:Yt,activeDescendant:br,"aria-label":ll,...il}=e,Oc=Yt?`${Yt}-listbox`:void 0,dn=Yt?`${Yt}-value`:void 0;return li(Pb,{children:[li(It,{...il,id:Yt,size:t,rounded:o,fillMode:r,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,Is,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Oc:void 0,"aria-activedescendant":se&&br?br:void 0,"aria-describedby":se?dn:void 0,"aria-disabled":E?"true":void 0,"aria-label":ll,tabIndex:0,children:[ze(ct,{children:m}),ze(ko,{placeholder:k,value:x,showValue:n,valueIconName:d,id:dn}),ze(_e,{valid:w,invalid:C,loading:O,disabled:E}),ze(qe,{loading:O,disabled:E}),ze(pt,{children:b}),ze(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),se&&be&&ze(te,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:be}),Ge&&ze(ge,{adaptive:!0,...He,header:ze(Ke,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:rl,inputValue:x,inputPlaceholder:k,title:et,subtitle:xo}),children:ze("div",{className:"k-list-container",children:ze(q,{size:"large",children:li(de,{"aria-label":"Options",children:[ze(z,{text:"List item"}),ze(z,{text:"List item"}),ze(z,{text:"List item"})]})})})})]})};ie.states=Rb;ie.options=Ob;ie.className=Is;ie.defaultOptions=ii;ie.moduleName=Ss;ie.folderName=As;ie.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as mR}from"react/jsx-runtime";import{jsx as gR,jsxs as xR}from"react/jsx-runtime";import{Fragment as SR,jsx as MR,jsxs as yR}from"react/jsx-runtime";import{jsx as OR}from"react/jsx-runtime";import{jsx as DR,jsxs as BR}from"react/jsx-runtime";import{Fragment as qR,jsx as XR,jsxs as JR}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{Fragment as Bb,jsx as so,jsxs as Es}from"react/jsx-runtime";var Gb=ie.states,Hb=ie.defaultOptions,_b=ie.options,Kb=[{name:"opened",title:"Opened"}],Db=[],jo=e=>{let{modifiers:t,...o}=e,r={},l=Es(Bb,{children:[so("div",{className:"k-list-filter",children:so(at,{})}),so(q,{style:{width:300},size:o.size,children:Es(de,{children:[so(z,{children:"List item"}),so(z,{children:"List item"}),so(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0)}),so("div",{children:so(ie,{placeholder:"Value",style:{width:300},...o,...r})})};jo.options=_b;jo.states=Gb;jo.variants=Db;jo.defaultOptions=Hb;jo.modifiers=Kb;jo.className=ie.className;import{jsx as Rs,jsxs as Vb}from"react/jsx-runtime";var Os="k-spin-button",Fb=[],$b={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ni={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},co=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=ni.increaseLabel,decreaseLabel:n=ni.decreaseLabel,...d}=e;return Vb("span",{...d,className:a(Os,e.className),children:[Rs(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),Rs(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};co.states=Fb;co.options=$b;co.className=Os;co.defaultOptions=ni;co.moduleName=null;co.folderName=null;var Ps="numeric-textbox",Gs="numerictextbox";import{Fragment as Hs,jsx as Ut,jsxs as si}from"react/jsx-runtime";var _s="k-numerictextbox",Wb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Xb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Rr.separators,showClearButton:n=Rr.showClearButton,showSpinButton:d=Rr.showSpinButton,prefix:m,suffix:b,value:x,placeholder:k,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,id:be,"aria-label":se,"aria-describedby":Ge,...He}=e;return si(ve,{...He,size:t,rounded:o,fillMode:r,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,_s),children:[m&&si(Hs,{children:[Ut(ct,{children:m}),l&&Ut(mt,{})]}),Ut(ot,{id:be,placeholder:k,value:x,role:"spinbutton",disabled:E,"aria-label":se,"aria-describedby":Ge,"aria-invalid":C?"true":void 0}),Ut(_e,{valid:w,invalid:C,loading:O,disabled:E}),Ut(qe,{loading:O,disabled:E}),n&&Ut(tt,{loading:O,disabled:E,readonly:F,value:x}),b&&si(Hs,{children:[l&&Ut(mt,{}),Ut(pt,{children:b})]}),d&&Ut(co,{className:"k-input-spinner",size:t,fillMode:r,disabled:E})]})};$.states=Wb;$.options=Xb;$.className=_s;$.defaultOptions=Rr;$.moduleName=Ps;$.folderName=Gs;$.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var qa=$;import{jsx as Jb}from"react/jsx-runtime";var Ks=e=>Jb(qa,{...e});import{Fragment as BO,jsx as DO}from"react/jsx-runtime";import{Fragment as WO,jsx as VO}from"react/jsx-runtime";import{jsx as YO}from"react/jsx-runtime";import{jsx as di}from"react/jsx-runtime";var qb=$.states,Yb=$.defaultOptions,Qb=$.options,Zb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],jb=[],ea=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?di(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?di(El,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),di(Ks,{value:"Value",style:{width:300},...o,...r})};ea.options=Qb;ea.states=qb;ea.variants=jb;ea.defaultOptions=Yb;ea.modifiers=Zb;ea.className=$.className;var ci="pager",Ds=ci;import{Fragment as Bs,jsx as Ye,jsxs as ta}from"react/jsx-runtime";var Or="k-pager",ef=[i.focus,i.disabled],tf={size:[s.undefined,s.small,s.medium,s.large]},rt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},xe=e=>{let{responsive:t=rt.responsive,size:o,pagerSizeInfo:r=rt.pagerSizeInfo,pageTitleInfo:l=rt.pageTitleInfo,maxPagesInfo:n=rt.maxPagesInfo,itemsPerPage:d=rt.itemsPerPage,maxPages:m=rt.maxPages,currentPage:b=rt.currentPage,previousNext:x=rt.previousNext,type:k=rt.type,pageSizes:v=rt.pageSizes,refresh:u=rt.refresh,info:w=rt.info,focus:C,disabled:I,dir:O,...E}=e,F=[],be=[];for(let se=1;se<=m;se++)F.push(Ye(c,{selected:se===b,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${se}`,...se===b&&{"aria-current":"page"},children:se},se)),be.push(Ye("option",{selected:se===b,children:se},se));return ta("div",{dir:O,...E,className:a(e.className,Or,L(Or,{size:o}),y(Or,{focus:C,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${b} of ${m}`,children:[ta("div",{className:a("k-pager-numbers-wrap"),children:[x&&ta(Bs,{children:[Ye(c,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),k==="numeric"&&Ye("div",{className:a("k-pager-numbers"),children:F}),k==="input"&&ta("span",{className:a("k-pager-input"),children:[l&&Ye("span",{children:"Page"}),Ye($,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Ye("span",{children:n&&`of ${m}`})]}),x&&ta(Bs,{children:[Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),Ye(c,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),v&&ta("span",{className:a("k-pager-sizes"),children:[Ye(ie,{value:`${d}`,size:o,"aria-label":"Items per page"}),r&&Ye("span",{children:"items per page"})]}),u&&Ye(c,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),w&&Ye("span",{className:a("k-pager-info"),children:w})]})};xe.states=ef;xe.options=tf;xe.className=Or;xe.defaultOptions=rt;xe.moduleName=ci;xe.folderName=Ds;xe.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as vP}from"react/jsx-runtime";import{jsx as MP}from"react/jsx-runtime";import{jsx as IP}from"react/jsx-runtime";import{jsx as zs}from"react/jsx-runtime";var of=xe.options,af=xe.states,rf={...xe.defaultOptions,variant:"numeric"},lf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],nf=[],oa=e=>{let{variant:t,...o}=e;return t==="input"?zs(xe,{...o,type:"input"}):zs(xe,{...o,type:"numeric"})};oa.options=of;oa.states=af;oa.variants=lf;oa.defaultOptions=rf;oa.modifiers=nf;oa.className=xe.className;import{jsx as sf}from"react/jsx-runtime";var Us="k-grid-pager",ft=e=>sf(xe,{...e,className:a(e.className,Us),children:e.children});ft.className=Us;ft.moduleName=V;ft.folderName=J;var pi="button",Fs=pi;import{jsx as mf}from"react/jsx-runtime";var Ya="k-button-group",df=[i.disabled],cf={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},pf={},_=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return mf("div",{role:"group",...l,className:a(e.className,Ya,L(Ya,{fillMode:t}),y(Ya,{disabled:o}),{[`${Ya}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=df;_.options=cf;_.className=Ya;_.defaultOptions=pf;_.moduleName=pi;_.folderName=Fs;_.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as a0,jsx as o0,jsxs as r0}from"react/jsx-runtime";import{Fragment as c0,jsx as d0,jsxs as p0}from"react/jsx-runtime";import{Fragment as h0,jsx as T0,jsxs as g0}from"react/jsx-runtime";import{Fragment as C0,jsx as w0,jsxs as L0}from"react/jsx-runtime";import{Fragment as E0,jsx as I0,jsxs as R0}from"react/jsx-runtime";import{Fragment as K0,jsx as _0,jsxs as D0}from"react/jsx-runtime";import{jsx as Ft,jsxs as mi}from"react/jsx-runtime";var uf={...c.options,..._.options},bf=c.states,ff={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},Tf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hf=[],aa=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?mi(_,{fillMode:r.fillMode,className:o,children:[Ft(c,{...r,icon:"star"}),Ft(c,{...r,icon:"star"}),Ft(c,{...r,icon:"star"})]}):t==="icon-text-button"?mi(_,{fillMode:r.fillMode,className:o,children:[Ft(c,{...r,icon:"star",children:"First"}),Ft(c,{...r,icon:"star",children:"Middle"}),Ft(c,{...r,icon:"star",children:"Last"})]}):mi(_,{fillMode:r.fillMode,className:o,children:[Ft(c,{...r,children:"First"}),Ft(c,{...r,children:"Middle"}),Ft(c,{...r,children:"Last"})]})};aa.options=uf;aa.states=bf;aa.variants=Tf;aa.defaultOptions=ff;aa.modifiers=hf;aa.className=_.className;import{jsx as $s,jsxs as Nf}from"react/jsx-runtime";var Vs="k-color-preview",gf=[],xf={},po=e=>{let{color:t,iconName:o,...r}=e;return Nf("span",{...r,className:a(e.className,Vs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&$s(f,{icon:o,className:"k-color-preview-icon"}),$s("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};po.states=gf;po.options=xf;po.className=Vs;var ui="slider",Ws=ui;import{jsx as ra,jsxs as bi}from"react/jsx-runtime";var Qa="k-slider",kf=[i.hover,i.focus,i.active,i.disabled,i.readonly],vf={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:r=Tt.gradientType,readonly:l=Tt.readonly,disabled:n=Tt.disabled,handlePosition:d=Tt.handlePosition,showButtons:m=Tt.showButtons,showTicks:b=Tt.showTicks,value:x=Tt.value,min:k=Tt.min,max:v=Tt.max,startValue:u,endValue:w,hover:C,focus:I,active:O,trackStyle:E,dir:F,...be}=e,Ge=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),He,et;return o==="horizontal"?(He=F==="rtl"?"caret-alt-left":"caret-alt-right",et=F==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(He="caret-alt-up",et="caret-alt-down"),bi("div",{...be,className:a(Qa,e.className,y(Qa,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[m&&ra(c,{className:"k-button-decrease",rounded:"full",icon:et,tabIndex:-1,title:"Decrease"}),bi("div",{className:"k-slider-track-wrap",children:[b&&ra("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),bi("div",{className:"k-slider-track",style:E,children:[ra("div",{className:"k-slider-selection"}),t==="range"&&ra("span",{className:a("k-draghandle","k-draghandle-start",y(Qa,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":u??k,"aria-valuemin":k,"aria-valuemax":w??v,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),ra("span",{className:a("k-draghandle",`k-draghandle-${d}`,y(Qa,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?w??v:x,"aria-valuemin":t==="range"?u??k:k,"aria-valuemax":v,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),m&&ra(c,{className:"k-button-increase",rounded:"full",icon:He,tabIndex:-1,title:"Increase"})]})};me.states=kf;me.options=vf;me.className=Qa;me.defaultOptions=Tt;me.moduleName=ui;me.folderName=Ws;me.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Xs}from"react/jsx-runtime";var Js="k-tick",wf=[],Cf={},qs={label:!1},G=e=>{let{style:t,label:o=qs.label,orientation:r,large:l,text:n,...d}=e;return Xs("li",{...d,role:"presentation",title:n||"Tick",className:a(e.className,Js,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&Xs("span",{className:"k-label",children:n})})};G.states=wf;G.options=Cf;G.className=Js;G.defaultOptions=qs;import{Fragment as Lf,jsx as ht,jsxs as Mf}from"react/jsx-runtime";var Ys=e=>ht(me,{"aria-label":e["aria-label"]||"Slider",children:Mf(Lf,{children:[ht(G,{className:"k-first",label:!0,large:!0,text:"0"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{label:!0,large:!0,text:"5"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as yf,jsx as gt,jsxs as Sf}from"react/jsx-runtime";var Qs=e=>gt(me,{children:Sf(yf,{children:[gt(G,{className:"k-first",label:!0,large:!0,text:"0"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{label:!0,large:!0,text:"5"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as LG,jsx as CG,jsxs as MG}from"react/jsx-runtime";import{Fragment as EG,jsx as IG,jsxs as RG}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var fi=e=>Af(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as If}from"react/jsx-runtime";var Ti=e=>If(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as FG,jsx as UG,jsxs as $G}from"react/jsx-runtime";import{Fragment as qG,jsx as JG,jsxs as YG}from"react/jsx-runtime";import{jsx as Ot,jsxs as Zs}from"react/jsx-runtime";var Ef=me.options,Rf=me.states,js={...me.defaultOptions,variant:"horizontal",label:!0},Of=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Pf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],la=e=>{let{variant:t,modifiers:o,...r}={...js,...e},l={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!o?.[x];break}case"label":{l.label=!!o?.[x];break}case"tick":{l.showTicks=!!o?.[x];break}}});let{label:n=!0,showButtons:d,showTicks:m}=l,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Zs(Qs,{showTicks:m,showButtons:d,style:{height:"300px",...b},...r,children:[Ot(G,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Zs(Ys,{showTicks:m,showButtons:d,style:{width:"400px",...b},...r,children:[Ot(G,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};la.options=Ef;la.states=Rf;la.variants=Of;la.defaultOptions=js;la.modifiers=Pf;la.className=me.className;import{Fragment as Za,jsx as W,jsxs as we}from"react/jsx-runtime";var ed="k-colorgradient-inputs",Gf=[],Hf={size:[s.undefined,s.small,s.medium,s.large]},td={mode:"rgba"},ia=e=>{let{mode:t=td.mode,size:o,...r}=e;return we("div",{...r,className:a(ed,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(Za,{children:we("div",{className:"k-vstack k-flex-1",children:[W(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ia.states=Gf;ia.options=Hf;ia.className=ed;ia.defaultOptions=td;import{jsx as Mo,jsxs as yo}from"react/jsx-runtime";var od="k-colorgradient-color-contrast",_f=[],Kf={},Df={},na=()=>yo("div",{className:a(od,"k-vbox"),children:[yo("div",{className:"k-contrast-ratio",children:[Mo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),yo("span",{className:"k-contrast-validation !k-text-success",children:[Mo(f,{icon:"check"}),Mo(f,{icon:"check"})]})]}),yo("div",{children:[Mo("span",{children:"AA: 4.5"}),yo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Mo(f,{icon:"check"})]})]}),yo("div",{children:[Mo("span",{children:"AAA: 7.0"}),yo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Mo(f,{icon:"x"})]})]})]});na.states=_f;na.options=Kf;na.className=od;na.defaultOptions=Df;var ad="color-gradient",rd="colorgradient";import{jsx as xt,jsxs as ja}from"react/jsx-runtime";var Pr="k-colorgradient",Bf=[i.hover,i.focus,i.readonly,i.disabled],zf={size:[s.undefined,s.small,s.medium,s.large]},Pt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ye=e=>{let{size:t,mode:o=Pt.mode,readonly:r=Pt.readonly,disabled:l=Pt.disabled,gradientStyle:n=Pt.gradientStyle,dragHandleStyle:d=Pt.dragHandleStyle,alphaStyle:m=Pt.alphaStyle,alphaStyleHorizontal:b=Pt.alphaStyleHorizontal,contrast:x=Pt.contrast,dir:k,hover:v,focus:u,hoverHandle:w,focusHandle:C,canvasOrientation:I=Pt.canvasOrientation,role:O,tabIndex:E,...F}=e;return ja("div",{...F,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:a(e.className,Pr,L(Pr,{size:t}),y(Pr,{hover:v,focus:u,readonly:r,disabled:l})),dir:k,children:[!I||I==="horizontal"&&ja("div",{className:"k-colorgradient-canvas k-hstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ja("div",{className:"k-hsv-controls k-hstack",children:[xt(Ti,{className:"k-hue-slider",hover:w,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(Ti,{className:"k-alpha-slider",hover:w,focus:C,trackStyle:m})]})]}),I==="vertical"&&ja("div",{className:"k-colorgradient-canvas k-vstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ja("div",{className:"k-hsv-controls k-vstack",children:[xt(fi,{className:"k-hue-slider",hover:w,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(fi,{className:"k-alpha-slider",hover:w,focus:C,trackStyle:b})]})]}),xt(ia,{mode:e.mode,size:t}),x&&xt(na,{})]})};ye.states=Bf;ye.options=zf;ye.className=Pr;ye.defaultOptions=Pt;ye.moduleName=ad;ye.folderName=rd;ye.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Uf}from"react/jsx-runtime";var Gr=e=>Uf(ye,{...e});import{jsx as BH}from"react/jsx-runtime";import{jsx as $H}from"react/jsx-runtime";import{jsx as hi}from"react/jsx-runtime";var Ff=ye.options,$f=ye.states,Vf={...ye.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Xf=[],sa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return hi(Gr,{...o,mode:t});case"rgb":return hi(Gr,{...o,mode:t});default:return hi(Gr,{...o,mode:t})}};sa.options=Ff;sa.states=$f;sa.variants=Wf;sa.defaultOptions=Vf;sa.modifiers=Xf;sa.className=ye.className;import{jsx as Jf}from"react/jsx-runtime";var gi=e=>Jf("tr",{role:"row",children:e.children});import{jsx as Qf}from"react/jsx-runtime";var xi="k-colorpalette-tile",qf=[i.hover,i.focus,i.selected],Yf={},da=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Qf("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,xi,y(xi,{hover:r,focus:l,selected:n})),style:m})};da.states=qf;da.options=Yf;da.className=xi;var ld="color-palette",id="colorpalette";import{jsx as er}from"react/jsx-runtime";var Hr="k-colorpalette",Zf=[i.disabled],jf={size:[s.undefined,s.small,s.medium,s.large]},nd={columns:10},Ue=e=>{let{size:t,palette:o,columns:r=nd.columns,tileSize:l,disabled:n,...d}=e,m=[];if(o){let b=r||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(k,v)=>{let u=[];x.slice(v*b,(v+1)*b).map((C,I)=>{u.push(er(da,{color:C,tileSize:l},I))});let w=er(gi,{children:u},v);m.push(w)})}return er("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,Hr,y(Hr,{disabled:n}),L(Hr,{size:t})),children:er("table",{className:"k-colorpalette-table",role:"none",children:er("tbody",{children:m.length>0?m:e.children})})})};Ue.states=Zf;Ue.options=jf;Ue.className=Hr;Ue.defaultOptions=nd;Ue.moduleName=ld;Ue.folderName=id;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var _r=Ue;var tr={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as eT}from"react/jsx-runtime";var sd=e=>eT(_r,{palette:tr.basic,...e});import{jsx as L_}from"react/jsx-runtime";import{jsx as E_,jsxs as R_}from"react/jsx-runtime";import{jsx as nT}from"react/jsx-runtime";var tT=Ue.options,oT=Ue.states,aT={...Ue.defaultOptions,variant:"basic"},rT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],lT={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},iT=[],ca=e=>{let{variant:t="basic",...o}=e,r=lT[t];return nT(sd,{columns:r.columns,palette:r,...o})};ca.options=tT;ca.states=oT;ca.variants=rT;ca.defaultOptions=aT;ca.modifiers=iT;ca.className=Ue.className;var dd="color-editor",cd="coloreditor";import{jsx as Nt,jsxs as pa}from"react/jsx-runtime";var Kr="k-coloreditor",sT=[i.focus],dT={size:[s.undefined,s.small,s.medium,s.large]},or={view:"gradient",palette:tr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=or.view,palette:r=or.palette,color:l,currentColor:n,focus:d,focusView:m,dir:b,group:x,actionButtons:k=or.actionButtons,canvasOrientation:v=or.canvasOrientation,...u}=e;return pa("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Kr,L(Kr,{size:t}),y(Kr,{focus:d})),dir:b,children:[pa("div",{className:"k-coloreditor-header k-hstack",children:[Nt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&pa(_,{fillMode:"flat",children:[Nt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Nt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Nt("div",{className:"k-spacer"}),pa("div",{className:"k-coloreditor-header-actions k-hstack",children:[Nt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),pa("div",{className:"k-coloreditor-preview k-vstack",children:[Nt(po,{className:"k-coloreditor-preview-color",color:l}),Nt(po,{className:"k-coloreditor-current-color",color:n})]})]})]}),Nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Nt(ye,{focus:m,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):Nt(Ue,{palette:r,size:t})}),k&&pa(ut,{className:"k-coloreditor-footer",alignment:"start",children:[Nt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Nt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=sT;Ne.options=dT;Ne.className=Kr;Ne.defaultOptions=or;Ne.moduleName=dd;Ne.folderName=cd;Ne.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ma=Ne;import{jsx as n1}from"react/jsx-runtime";import{jsx as p1}from"react/jsx-runtime";import{jsx as cT}from"react/jsx-runtime";var pd=e=>cT(ma,{group:!0,currentColor:"fuchsia",...e});import{jsx as pT}from"react/jsx-runtime";var md=e=>pT(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ud}from"react/jsx-runtime";var mT=Ne.options,uT=Ne.states,bT={...Ne.defaultOptions,variant:"gradient"},fT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],TT=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?ud(md,{...o,color:"white"}):ud(pd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=mT;ua.states=uT;ua.variants=fT;ua.defaultOptions=bT;ua.modifiers=TT;ua.className=Ne.className;var bd="color-picker",fd="colorpicker";import{Fragment as xT,jsx as kt,jsxs as Ni}from"react/jsx-runtime";var Td="k-colorpicker",hT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],gT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},hd={arrowIconName:"caret-alt-down"},lt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=hd.arrowIconName,prefix:n,suffix:d,value:m,placeholder:b,hover:x,focus:k,valid:v,invalid:u,required:w,disabled:C,valueIconName:I,popup:O,opened:E,adaptive:F,adaptiveSettings:be,adaptiveTitle:se,adaptiveSubtitle:Ge,...He}=e,et="colorpicker-popup";return Ni(xT,{children:[Ni(It,{...He,size:t,rounded:o,fillMode:r,hover:x,focus:k,valid:v,invalid:u,required:w,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||F?et:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:a(e.className,Td,"k-icon-picker"),children:[kt(ct,{children:n}),kt(ko,{placeholder:b,value:m,showValue:!1,valueIcon:kt(po,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),kt(pt,{children:d}),kt(c,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&O&&kt(te,{id:et,className:"k-colorpicker-popup",children:O}),F&&kt(ge,{adaptive:!0,id:et,...be,header:kt(Ke,{actionsEnd:kt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ge}),footer:Ni(oo,{children:[kt(c,{text:"Cancel",size:"large"}),kt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:kt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};lt.states=hT;lt.options=gT;lt.className=Td;lt.defaultOptions=hd;lt.moduleName=bd;lt.folderName=fd;lt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var $t=lt;import{jsx as NT}from"react/jsx-runtime";var Dr=e=>NT($t,{...e});import{jsx as J1}from"react/jsx-runtime";import{jsx as j1}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as nK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as fK}from"react/jsx-runtime";import{jsx as So}from"react/jsx-runtime";var kT=$t.options,vT=$t.states,gd={...$t.defaultOptions,variant:"color"},wT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],CT=[{name:"opened",title:"Opened"}],ba=e=>{let{variant:t,modifiers:o,...r}={...gd,...e},l={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?So(Ne,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return So("div",{style:n,children:So(Dr,{...r,...l})});case"icon":return So("div",{style:n,children:So(Dr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return So("div",{style:n,children:So(Dr,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};ba.options=kT;ba.states=vT;ba.variants=wT;ba.defaultOptions=gd;ba.modifiers=CT;ba.className=$t.className;var ki="combobox",xd=ki;import{Fragment as vi,jsx as Le,jsxs as ar}from"react/jsx-runtime";var Nd="k-combobox",LT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],MT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},kd={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=kd.separators,prefix:n,suffix:d,value:m,placeholder:b,hover:x,focus:k,valid:v,invalid:u,required:w,loading:C,disabled:I,popup:O,opened:E,readonly:F,adaptive:be,adaptiveSettings:se,adaptiveTitle:Ge,adaptiveSubtitle:He,adaptiveCustomValue:et,id:xo,autocomplete:rl,activeDescendant:Yt,"aria-label":br,...ll}=e,il=xo?`${xo}-listbox`:void 0;return ar(vi,{children:[ar(ve,{...ll,size:t,rounded:o,fillMode:r,hover:x,focus:k,valid:v,invalid:u,required:w,loading:C,disabled:I,readonly:F,className:a(e.className,Nd),children:[n&&ar(vi,{children:[Le(ct,{children:n}),l&&Le(mt,{})]}),Le(ot,{id:xo,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?il:void 0,"aria-activedescendant":E&&Yt?Yt:void 0,"aria-autocomplete":rl,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":br,disabled:I,readOnly:F}),Le(_e,{valid:v,invalid:u,loading:C,disabled:I}),Le(qe,{loading:C,disabled:I}),Le(tt,{loading:C,disabled:I,readonly:F,value:m}),d&&ar(vi,{children:[l&&Le(mt,{}),Le(pt,{children:d})]}),Le(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),E&&O&&Le(te,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),be&&Le(ge,{adaptive:!0,id:xo?`${xo}-adaptive`:void 0,...se,header:Le(Ke,{actionsEnd:Le(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:Ge,subtitle:He}),children:Le("div",{className:"k-list-container",children:Le(q,{customValue:et?Le(no,{text:`Use "${m}"`}):void 0,size:"large",children:ar(de,{"aria-label":Ge||"Options",children:[Le(z,{text:"List item"}),Le(z,{text:"List item"}),Le(z,{text:"List item"})]})})})})]})};Oe.states=LT;Oe.options=MT;Oe.className=Nd;Oe.defaultOptions=kd;Oe.moduleName=ki;Oe.folderName=xd;Oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var it=Oe;import{jsx as yT}from"react/jsx-runtime";var vd=e=>yT(it,{...e});import{jsx as QK,jsxs as ZK}from"react/jsx-runtime";import{jsx as rD,jsxs as lD}from"react/jsx-runtime";import{jsx as pD,jsxs as mD}from"react/jsx-runtime";import{Fragment as gD,jsx as hD}from"react/jsx-runtime";import{Fragment as CD,jsx as wD}from"react/jsx-runtime";import{jsx as ID,jsxs as ED}from"react/jsx-runtime";import{Fragment as DD,jsx as _D,jsxs as KD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as XD}from"react/jsx-runtime";import{jsx as jD,jsxs as eB}from"react/jsx-runtime";import{jsx as iB,jsxs as nB}from"react/jsx-runtime";import{jsx as mo,jsxs as OT}from"react/jsx-runtime";var ST=Oe.states,AT=Oe.defaultOptions,IT=Oe.options,ET=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],RT=[],fa=e=>{let{modifiers:t,...o}=e,r={},l=mo(q,{style:{width:300},size:o.size,children:OT(de,{children:[mo(z,{children:"List item"}),mo(z,{children:"List item"}),mo(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?mo(f,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[n]?mo(to,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0;break;default:break}}),mo("div",{children:mo(vd,{value:"Value",style:{width:300},...o,...r})})};fa.options=IT;fa.states=ST;fa.variants=RT;fa.defaultOptions=AT;fa.modifiers=ET;fa.className=Oe.className;var wi="menu-button",wd=wi;import{jsx as HT}from"react/jsx-runtime";var Cd="k-menu-button",PT=[i.hover,i.focus,i.active,i.selected,i.disabled],GT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Ci={showArrow:!0,arrowIconName:"caret-alt-down"},ne=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,icon:k,text:v,showArrow:u=Ci.showArrow,arrowIconName:w=Ci.arrowIconName,expanded:C,...I}=e;return HT(c,{...I,className:a(e.className,Cd),text:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,icon:k,showArrow:u,arrowIconName:w,"aria-expanded":C?"true":"false",...!v&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ne.states=PT;ne.options=GT;ne.className=Cd;ne.defaultOptions=Ci;ne.moduleName=wi;ne.folderName=wd;ne.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 BB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";import{jsx as JB}from"react/jsx-runtime";var nt="menu",vt=nt;import{jsx as rr,jsxs as Ld}from"react/jsx-runtime";var Li="k-menu-item",_T=[i.hover,i.focus,i.active,i.selected,i.disabled],KT={},Md={iconPosition:"before"},Pe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:x,showArrow:k,arrowIconName:v,iconPosition:u=Md.iconPosition,dir:w,children:C,expanded:I,...O}=e,E=v;return E||(E=w==="rtl"?"caret-alt-left":"caret-alt-right"),Ld("li",{...O,className:a(e.className,Li,"k-item",y(Li,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":b,"k-last":x}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ld("span",{className:a("k-link k-menu-link"),children:[d&&u==="before"&&rr(f,{className:"k-menu-link-icon",icon:d}),rr("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&rr(f,{className:"k-menu-link-icon",icon:d}),k&&rr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:rr(f,{icon:E})})]}),C]})};Pe.states=_T;Pe.options=KT;Pe.className=Li;Pe.defaultOptions=Md;Pe.moduleName=nt;Pe.folderName=vt;import{jsx as lr,jsxs as yd}from"react/jsx-runtime";var Mi="k-menu-item",DT=[i.hover,i.focus,i.active,i.selected,i.disabled],BT={},yi={dir:"ltr",iconPosition:"before"},U=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:x,showArrow:k,arrowIconName:v,iconPosition:u=yi.iconPosition,dir:w=yi.dir,children:C,popup:I,expanded:O,...E}=e,F=v;return F||(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),yd("li",{...E,className:a(e.className,Mi,"k-item",y(Mi,{focus:o,disabled:n}),{"k-first":b,"k-last":x}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yd("span",{className:a("k-link k-menu-link",y("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[d&&u==="before"&&lr(f,{className:"k-menu-link-icon",icon:d}),lr("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&lr(f,{className:"k-menu-link-icon",icon:d}),k&&lr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:lr(f,{icon:F})})]}),C,I]})};U.states=DT;U.options=BT;U.className=Mi;U.defaultOptions=yi;U.moduleName=nt;U.folderName=vt;import{jsx as $T}from"react/jsx-runtime";var Sd="k-menu-scroll-wrapper",zT=[],UT={},FT={},Ao=e=>{let{className:t,children:o,orientation:r,...l}=e;return $T("div",{...l,className:a(t,Sd,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Ao.states=zT;Ao.options=UT;Ao.className=Sd;Ao.defaultOptions=FT;Ao.moduleName=nt;Ao.folderName=vt;var Ad=Ao;import{Fragment as Si,jsx as Io,jsxs as zr}from"react/jsx-runtime";var Ai="k-menu",VT=[],WT={},Ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},fe=e=>{let{children:t,orientation:o=Ur.orientation,header:r=Ur.header,scrollable:l,scrollButtonsPosition:n=Ur.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:x,...k}=e,v={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=Io("ul",{dir:m,...k,className:a(e.className,"k-reset",Ai,{[`${Ai}-${o}`]:o,"k-header":r}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return zr(Si,{children:[l?zr(Ad,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&zr(Si,{children:[Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,n==="end"&&zr(Si,{children:[Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,b]})};fe.states=VT;fe.options=WT;fe.className=Ai;fe.defaultOptions=Ur;fe.moduleName=nt;fe.folderName=vt;fe.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 XT}from"react/jsx-runtime";var Ii="k-separator",Id={orientation:"horizontal"},uo=e=>{let{orientation:t=Id.orientation,...o}=e;return XT("li",{...o,className:a(e.className,"k-item",Ii,{[`${Ii}-${t}`]:t}),role:"separator"})};uo.className=Ii;uo.defaultOptions=Id;uo.moduleName=nt;uo.folderName=vt;import{Fragment as w2,jsx as C2}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";var Ei="k-menu-group",JT=[],qT={size:[s.undefined,s.small,s.medium,s.large]},YT={},Ce=e=>{let{children:t,size:o,...r}=e;return QT("ul",{...r,className:a(e.className,Ei,L(Ei,{size:o})),role:"menu",children:t})};Ce.states=JT;Ce.options=qT;Ce.className=Ei;Ce.defaultOptions=YT;Ce.moduleName=nt;Ce.folderName=vt;import{Fragment as ZT,jsx as Ta,jsxs as jT}from"react/jsx-runtime";var Ri=e=>Ta(fe,{children:jT(ZT,{children:[Ta(Pe,{first:!0,text:"Item 1"}),Ta(Pe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ta(Pe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ta(Pe,{text:"Item 4"}),Ta(Pe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as K2,jsx as H2,jsxs as _2}from"react/jsx-runtime";import{Fragment as F2,jsx as U2,jsxs as $2}from"react/jsx-runtime";import{Fragment as q2,jsx as J2,jsxs as Y2}from"react/jsx-runtime";import{Fragment as t3,jsx as e3,jsxs as o3}from"react/jsx-runtime";import{jsx as Eo,jsxs as rh}from"react/jsx-runtime";var eh=fe.options,th=fe.states,Ed={...fe.defaultOptions,variant:"horizontal"},oh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ah=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...r}={...Ed,...e},l={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!o?.[n];break;case"opened":l.opened=!!o?.[n],l.popup=Eo(te,{className:"k-menu-popup",children:rh(Ce,{children:[Eo(U,{text:"Item 1"}),Eo(U,{text:"Item 2"}),Eo(uo,{}),Eo(U,{text:"Item 3"})]})});break}}),t==="vertical"?Eo(Ri,{...r,...l,orientation:"vertical",style:{width:"200px"}}):Eo(Ri,{...r,...l})};ha.options=eh;ha.states=th;ha.variants=oh;ha.defaultOptions=Ed;ha.modifiers=ah;ha.className=fe.className;import{Fragment as P3,jsx as R3,jsxs as O3}from"react/jsx-runtime";import{jsx as K3}from"react/jsx-runtime";import{Fragment as dh,jsx as Gt,jsxs as Rd}from"react/jsx-runtime";var lh=c.states,Od={...c.defaultOptions,variant:"text"},ih=c.options,nh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sh=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...r}={...Od,...e},l={},n=Gt(te,{className:"k-menu-popup",children:Rd(Ce,{size:r.size,children:[Gt(U,{first:!0,text:"Menu Item"}),Gt(U,{text:"Menu Item"}),Gt(U,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Gt("div",{children:Gt(ne,{...r,...l,icon:"star"})});break;case"icon-and-text":d=Gt("div",{children:Gt(ne,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:d=Gt("div",{children:Gt(ne,{...r,...l,children:"Dropdown Button"})});break}return Rd(dh,{children:[d,o?.opened&&n]})};ga.options=ih;ga.states=lh;ga.variants=nh;ga.defaultOptions=Od;ga.modifiers=sh;ga.className=ne.className;var Oi="split-button",Pd=Oi;import{Fragment as mh,jsx as Pi,jsxs as Gd}from"react/jsx-runtime";var Gi="k-split-button",ch=[i.hover,i.focus,i.active,i.selected,i.disabled],ph={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Hd={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,icon:k,text:v,arrowIconName:u=Hd.arrowIconName,popup:w,opened:C,popupId:I,...O}=e;return Gd(mh,{children:[Gd("div",{...O,className:a(e.className,Gi,"k-button-group",L(Gi,{rounded:o})),children:[Pi(c,{text:v,icon:k,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,...!v&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),Pi(c,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?I:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&w&&Pi(te,{className:"k-menu-popup",children:w})]})};X.states=ch;X.options=ph;X.className=Gi;X.defaultOptions=Hd;X.moduleName=Oi;X.folderName=Pd;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.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 Hi=X;import{jsx as bh}from"react/jsx-runtime";var uh="k-toolbar-separator",Mt=e=>bh("div",{className:a(uh,e.className,"k-separator")});var Vt="toolbar",bo=Vt;import{Fragment as _i,jsx as Q,jsxs as xa}from"react/jsx-runtime";var Wt="k-toolbar",fh=[i.focus],Th={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},hh={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:m,section:b,...x}=e,k=[],v=(u,w)=>{let C=[];if(u.type===c&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(Q(c,{...u.props,className:`${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===c)C.push(Q(c,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===Ua)C.push(Q(Ua,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===to)C.push(Q(to,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===ne)C.push(Q(ne,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===Hi)C.push(Q(Hi,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===_||u.props.className&&u.props.className.includes("k-button-group")){let I=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,F)=>{I.push(Q(c,{...E.props,className:`${E.props.className?E.props.className:""}`},`${F}-${new Date().getTime()}`))}),C.push(Q(_,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:I},`${w}-${new Date().getTime()}`))}else u.type===Oe?C.push(Q(Oe,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`)):u.type===ie?C.push(Q(ie,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`)):u.type===lt?C.push(Q(lt,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`)):C.push(u);C.forEach(I=>{k.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,C)=>{v(w,C)}),xa("div",{...x,className:a(e.className,Wt,L(Wt,{size:t,fillMode:o}),y(Wt,{focus:r}),{[`${Wt}-resizable`]:l,[`${Wt}-scrollable`]:n,[`${Wt}-scrollable-overlay`]:n&&d==="hidden",[`${Wt}-scrollable-${m}`]:m&&m!=="both",[`${Wt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&k,n&&d==="hidden"&&Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),n&&d==="start"&&xa(_i,{children:[xa(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),n&&d==="end"&&xa(_i,{children:[Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),Q(Mt,{className:"k-toolbar-button-separator"}),xa(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(d==="around"||!d)&&xa(_i,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-left"})}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=fh;pe.options=Th;pe.className=Wt;pe.defaultOptions=hh;pe.moduleName=Vt;pe.folderName=bo;pe.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as kh}from"react/jsx-runtime";var _d="k-floating-toolbar",gh=[],xh={},Nh={},Na=e=>{let{...t}=e;return kh("div",{...t,className:a(e.className,_d),children:e.children})};Na.states=gh;Na.options=xh;Na.className=_d;Na.defaultOptions=Nh;Na.moduleName=Vt;Na.folderName=bo;import{jsx as Lh}from"react/jsx-runtime";var Ki="k-toolbar-item",vh=[i.focus],wh={},Ch={},ka=e=>{let{focus:t,...o}=e;return Lh("div",{...o,className:a(e.className,Ki,y(Ki,{focus:t})),children:e.children})};ka.states=vh;ka.options=wh;ka.className=Ki;ka.defaultOptions=Ch;ka.moduleName=Vt;ka.folderName=bo;import{jsx as Kd}from"react/jsx-runtime";var Dd="k-toolbar-popup",Mh=[],yh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Sh={},Ro=e=>{let{size:t,fillMode:o,section:r,...l}=e;return Kd(te,{...l,className:a(e.className,Dd),children:r?Kd("span",{className:a("k-toolbar-items-list",L("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ro.states=Mh;Ro.options=yh;Ro.className=Dd;Ro.defaultOptions=Sh;Ro.moduleName=Vt;Ro.folderName=bo;var Fr=Ro;import{jsx as z5}from"react/jsx-runtime";import{jsx as V5}from"react/jsx-runtime";import{jsx as q5}from"react/jsx-runtime";import{jsx as tz,jsxs as oz}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";import{jsx as Xt,jsxs as Oh}from"react/jsx-runtime";var Ah=X.states,Bd={...X.defaultOptions,variant:"text"},Ih=X.options,Eh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rh=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...r}={...Bd,...e},l={},n=Oh(Ce,{size:r.size,children:[Xt(U,{first:!0,text:"Menu Item"}),Xt(U,{text:"Menu Item"}),Xt(U,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?n:"")}),t){case"icon-only":return Xt("div",{children:Xt(X,{...r,...l,icon:"star"})});case"icon-and-text":return Xt("div",{children:Xt(X,{...r,...l,icon:"star",children:"Split Button"})});default:return Xt("div",{children:Xt(X,{...r,...l,children:"Split Button"})})}};va.options=Ih;va.states=Ah;va.variants=Eh;va.defaultOptions=Bd;va.modifiers=Rh;va.className=X.className;import{jsx as Oo,jsxs as Ph}from"react/jsx-runtime";var zd=e=>Oo(pe,{children:[Oo(c,{children:"Button"},"toolbar-button"),Oo(ne,{text:"Menu button"},"toolbar-menu-button"),Oo(X,{children:"Split button"},"toolbar-split-button"),Ph(_,{children:[Oo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Oo(c,{icon:"align-center",children:"Center"}),Oo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Gz,jsxs as Hz}from"react/jsx-runtime";import{jsx as st,jsxs as Ud}from"react/jsx-runtime";var Fd=e=>st(pe,{scrollable:!0,...e,children:[st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Ud(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Ud(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as dt,jsxs as $d}from"react/jsx-runtime";var Vd=({scrollingPosition:e="start",...t})=>dt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),$d(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),$d(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Gh,jsx as Qe,jsxs as $r}from"react/jsx-runtime";var Wd=({fillMode:e,size:t,...o})=>$r(Gh,{children:[Qe(pe,{section:!0,fillMode:e,size:t,children:[Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$r(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Qe(Mt,{className:"k-toolbar-button-separator"}),Qe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),$r(Fr,{size:t,fillMode:e,section:!0,...o,children:[Qe(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Qe(Mt,{}),Qe(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),$r(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as fU,jsx as uU,jsxs as bU}from"react/jsx-runtime";import{Fragment as MU,jsx as CU,jsxs as LU}from"react/jsx-runtime";import{jsx as fo}from"react/jsx-runtime";var Hh=pe.options,_h=pe.states,Xd={...pe.defaultOptions,variant:"default"},Kh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Dh=[],wa=e=>{let{variant:t,...o}={...Xd,...e};switch(t){case"responsive":return fo("div",{children:fo(Wd,{style:{width:"583px"},...o})});case"overlay":return fo("div",{children:fo(Vd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return fo("div",{children:fo(Fd,{style:{width:"583px"},...o})});default:return fo("div",{children:fo(zd,{style:{width:"583px"},...o})})}};wa.options=Hh;wa.states=_h;wa.variants=Kh;wa.defaultOptions=Xd;wa.modifiers=Dh;wa.className=pe.className;import{jsx as Bh}from"react/jsx-runtime";var Jd="k-grid-toolbar",Po=e=>Bh(pe,{...e,className:a(e.className,Jd),children:e.children});Po.className=Jd;Po.moduleName=V;Po.folderName=J;import{jsx as Di,jsxs as Uh}from"react/jsx-runtime";var Bi="k-grid-stack-cell",zh=[i.focus,i.selected],Vr=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:d,selected:m,...b}=e;return Uh("div",{...b,className:a(e.className,Bi,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},y(Bi,{focus:d,selected:m})),children:[n&&Di("span",{className:"k-dirty"}),t&&Di("div",{className:"k-grid-stack-header",children:t}),Di("div",{className:"k-grid-stack-content",children:o}),e.children]})};Vr.states=zh;Vr.className=Bi;Vr.moduleName=V;Vr.folderName=J;import{jsx as Fh}from"react/jsx-runtime";var qd="k-grid-stack-row",Wr=e=>{let{cols:t,...o}=e;return Fh("div",{...o,className:a(e.className,qd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Wr.className=qd;Wr.moduleName=V;Wr.folderName=J;import{Fragment as T6,jsx as b6,jsxs as f6}from"react/jsx-runtime";import{Fragment as w6,jsx as k6,jsxs as v6}from"react/jsx-runtime";var Fe="column-menu",Ze=Fe;import{jsx as Wh}from"react/jsx-runtime";var zi="k-column-menu",$h=[],Vh={size:[s.undefined,s.small,s.medium,s.large]},Yd={view:"list"},Jt=e=>{let{view:t=Yd.view,size:o,...r}=e;return Wh("div",{...r,className:a(e.className,zi,L(zi,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Jt.states=$h;Jt.options=Vh;Jt.className=zi;Jt.defaultOptions=Yd;Jt.moduleName=Fe;Jt.folderName=Ze;Jt.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as Qd}from"react/jsx-runtime";var Ui="k-column-list",Xh=[],Jh={size:[s.undefined,s.small,s.medium,s.large]},qh={},Go=e=>{let{size:t,...o}=e;return Qd("div",{className:"k-column-list-wrapper",children:Qd("div",{...o,className:a(e.className,Ui,L(Ui,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Go.states=Xh;Go.options=Jh;Go.className=Ui;Go.defaultOptions=qh;Go.moduleName=Fe;Go.folderName=Ze;import{jsx as Zd,jsxs as jh}from"react/jsx-runtime";var Fi="k-column-list-item",Yh=[i.focus,i.disabled,i.hover],Qh={},Zh={},ir=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...d}=e;return jh("span",{...d,className:a(e.className,Fi,y(Fi,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[Zd(Me,{disabled:n,checked:o,"aria-label":t}),Zd("span",{className:"k-checkbox-label",children:t})]})};ir.states=Yh;ir.options=Qh;ir.className=Fi;ir.defaultOptions=Zh;import{jsx as $i,jsxs as jd}from"react/jsx-runtime";var Vi="k-columnmenu-item",eg=[i.focus,i.selected],tg={},og={},qt=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:d,...m}=e;return jd("div",{...m,className:a(e.className,Vi,y(Vi,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&$i(f,{icon:l}),r,n&&jd("span",{className:"k-columnmenu-indicators",children:[$i(f,{icon:n}),d&&$i("span",{className:"k-sort-index",children:d})]}),e.children]})};qt.states=eg;qt.options=tg;qt.className=Vi;qt.defaultOptions=og;qt.moduleName=Fe;qt.folderName=Ze;import{jsx as V6}from"react/jsx-runtime";import{jsx as rg}from"react/jsx-runtime";var ag="k-columnmenu-item-content",ec=e=>rg("div",{...e,className:a(e.className,ag,"k-columns-item"),children:e.children});import{jsx as tc}from"react/jsx-runtime";var oc="k-filter-menu",lg=[],ig={},ng={},To=e=>{let{...t}=e;return tc("form",{...t,className:a(e.className,oc),children:tc("div",{className:"k-filter-menu-container",children:e.children})})};To.states=lg;To.options=ig;To.className=oc;To.defaultOptions=ng;To.moduleName=Fe;To.folderName=Ze;import{jsx as o4}from"react/jsx-runtime";import{jsx as Wi,jsxs as pg}from"react/jsx-runtime";var sg="k-item",dg={size:[s.undefined,s.small,s.medium,s.large]},cg=[],Xi=e=>{let{text:t,size:o,...r}=e;return Wi("li",{...r,className:a(e.className,sg),children:pg("label",{className:"k-label k-checkbox-label",children:[Wi(Me,{size:o}),Wi("span",{children:t})]})})};Xi.states=cg;Xi.options=dg;import{jsx as Ca,jsxs as ac}from"react/jsx-runtime";var rc="k-expander",mg=[],ug={},bg={},Ho=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:m,contentId:b,...x}=e,k=b||H("columnmenu-content"),v=!n&&!m?Ca(f,{icon:"chevron-down"}):n&&!m?Ca(f,{icon:"chevron-up"}):Ca(f,{icon:m});return ac("div",{...x,className:a(e.className,rc),children:[ac(qt,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":k,children:[Ca("span",{className:"k-spacer"}),Ca("span",{className:"k-expander-indicator",children:v})]}),n&&Ca(ec,{id:k,children:d}),e.children]})};Ho.states=mg;Ho.options=ug;Ho.className=rc;Ho.defaultOptions=bg;Ho.moduleName=Fe;Ho.folderName=Ze;import{jsx as gg}from"react/jsx-runtime";var Ji="k-group-menu",fg=[],Tg={size:[s.undefined,s.small,s.medium,s.large]},hg={},La=e=>{let{size:t,...o}=e;return gg("div",{...o,className:a(e.className,Ji,L(Ji,{size:t})),children:e.children})};La.states=fg;La.options=Tg;La.className=Ji;La.defaultOptions=hg;La.moduleName=Fe;La.folderName=Ze;import{Fragment as vg,jsx as Xr,jsxs as lc}from"react/jsx-runtime";var qi="k-group-menu-item",xg=[i.hover,i.selected],Ng={},kg={},Ma=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...d}=e;return lc("div",{...d,className:a(e.className,qi,y(qi,{hover:t,selected:o})),children:[l&&Xr("span",{className:"k-group-menu-item-actions",children:l}),Xr("span",{className:"k-group-item-text",children:r}),n&&lc(vg,{children:[Xr("span",{className:"k-spacer"}),Xr("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Ma.states=xg;Ma.options=Ng;Ma.className=qi;Ma.defaultOptions=kg;Ma.moduleName=Fe;Ma.folderName=Ze;import{jsx as _o}from"react/jsx-runtime";var Yi="k-group-menu-item-action",wg=[i.hover,i.disabled,i.selected],Cg={size:[s.undefined,s.small,s.medium,s.large]};var Qi=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...d}=e,m;switch(n){case"remove":m=_o(f,{icon:"x-circle",size:l});break;case"add":m=_o(f,{icon:"plus-circle",size:l});break;case"drag":m=_o(f,{icon:"handle-drag-dots",size:l});break;case"up":m=_o(f,{icon:"chevron-up",size:l});break;case"down":m=_o(f,{icon:"chevron-down",size:l});break;default:m=_o(f,{icon:n,size:l});break}return _o("span",{...d,className:a(e.className,Yi,y(Yi,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:m})};Qi.options=wg;Qi.options=Cg;Qi.className=Yi;import{jsx as A4}from"react/jsx-runtime";import{Fragment as H4,jsx as P4,jsxs as G4}from"react/jsx-runtime";import{jsx as Sg}from"react/jsx-runtime";var ic="k-tabstrip-items",Lg=[],Mg={},yg={tabAlignment:"start"},nr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return Sg("ul",{...l,className:a(e.className,ic,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};nr.states=Lg;nr.options=Mg;nr.className=ic;nr.defaultOptions=yg;var nc=nr;import{jsx as Eg}from"react/jsx-runtime";var sc="k-tabstrip-items-wrapper",Ag=[],Ig={},dc={orientation:"horizontal"},sr=e=>{let{children:t,orientation:o=dc.orientation,...r}=e;return Eg("div",{...r,className:a(e.className,sc,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};sr.states=Ag;sr.options=Ig;sr.className=sc;sr.defaultOptions=dc;var cc=sr;var dr="tabstrip",Jr=dr;import{jsx as yt,jsxs as pc}from"react/jsx-runtime";var ho="k-tabstrip",Rg=[],Og={size:[s.undefined,s.small,s.medium,s.large]},qr={position:"top",tabAlignment:"start",scrollButtons:"around"},Ie=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:d=qr.position,tabAlignment:m=qr.tabAlignment,scrollButtons:b=qr.scrollButtons,dir:x,scrollingPosition:k,overflow:v,...u}=e,w={top:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},bottom:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return pc("div",{dir:x,...u,className:a(ho,e.className,{[`${ho}-${d}`]:d,[`${ho}-scrollable`]:o,[`${ho}-scrollable-overlay`]:o&&(b==="hidden"||!b),[`${ho}-scrollable-${k}`]:k&&k!=="both",[`${ho}-overflow`]:v},L(ho,{size:t})),children:[d==="bottom"&&r,pc(cc,{orientation:C[d],children:[o&&(b==="around"||b==="start")&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].prev}`})}),o&&b==="start"&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].next}`})}),yt(nc,{className:a({"k-tabstrip-items-scroll":o&&b==="hidden"}),tabAlignment:I[m],orientation:C[d],...n&&{id:n},children:l}),o&&b==="end"&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].prev}`})}),o&&(b==="around"||b==="end")&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].next}`})}),v&&yt("div",{className:"k-tabstrip-actions k-hstack",children:yt(ne,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&r]})};Ie.states=Rg;Ie.options=Og;Ie.className=ho;Ie.defaultOptions=qr;Ie.moduleName=dr;Ie.folderName=Jr;Ie.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 _g}from"react/jsx-runtime";var mc="k-tabstrip-wrapper",Pg=[],Gg={},Hg={},ya=e=>{let{...t}=e;return _g("div",{...t,className:a(e.className,mc),children:e.children})};ya.states=Pg;ya.options=Gg;ya.className=mc;ya.defaultOptions=Hg;ya.moduleName=dr;ya.folderName=Jr;import{jsx as Yr,jsxs as Zi}from"react/jsx-runtime";var ji="k-tabstrip-item",Kg=[i.active,i.hover,i.disabled,i.focus],Dg={},uc={iconPosition:"before"},je=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:d,first:m,last:b,closable:x,icon:k,iconPosition:v=uc.iconPosition,value:u,actions:w,...C}=e;return Zi("li",{...C,className:a(e.className,ji,y(ji,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":b}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[Zi("span",{className:"k-link",children:[k&&v==="before"&&Yr(f,{icon:k}),u&&Yr("span",{className:"k-link-text",children:u}),k&&v==="after"&&Yr(f,{icon:k})]}),(w||x)&&Zi("span",{className:"k-item-actions",children:[w,x&&Yr(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};je.states=Kg;je.options=Dg;je.className=ji;je.item=uc;import{jsx as Fg}from"react/jsx-runtime";var en="k-tabstrip-content",Bg=[i.active,i.focus],zg={},Ug={},Ht=e=>{let{active:t,focus:o,children:r,...l}=e;return Fg("div",{...l,className:a(e.className,en,y(en,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};Ht.states=Bg;Ht.options=zg;Ht.className=en;Ht.defaultOptions=Ug;import{Fragment as $g,jsx as go,jsxs as Vg}from"react/jsx-runtime";var St=({children:e,...t})=>go(Ie,{tabStripItems:Vg($g,{children:[go(je,{first:!0,value:"First"}),go(je,{active:!0,value:"Second"}),go(je,{value:"Third"}),go(je,{value:"Fourth"}),go(je,{last:!0,value:"Fifth"})]}),...t,children:e||go(Ht,{active:!0,children:go("div",{children:"TabStrip Content"})})});import{jsx as Wg}from"react/jsx-runtime";var bc=e=>Wg(St,{position:"bottom",...e});import{jsx as Xg}from"react/jsx-runtime";var fc=e=>Xg(St,{position:"right",...e});import{jsx as Jg}from"react/jsx-runtime";var Tc=e=>Jg(St,{position:"left",...e});import{jsx as L7}from"react/jsx-runtime";import{Fragment as I7,jsx as A7,jsxs as E7}from"react/jsx-runtime";import{jsx as G7}from"react/jsx-runtime";import{Fragment as U7,jsx as z7,jsxs as F7}from"react/jsx-runtime";import{Fragment as J7,jsx as X7,jsxs as q7}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var qg={...Ie.options,scrollable:{type:"boolean"}},Yg=Ie.states,hc={...Ie.defaultOptions,scrollable:!1,variant:"up"},Qg=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Zg=[],Sa=e=>{let{variant:t,...o}={...hc,...e},r={};switch(t){case"right":return Qr(fc,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Qr(Tc,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Qr(bc,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Qr(St,{style:{width:"350px"},...o,...r})}};Sa.options=qg;Sa.states=Yg;Sa.variants=Qg;Sa.defaultOptions=hc;Sa.modifiers=Zg;Sa.className=Ie.className;import{Fragment as MF,jsx as LF,jsxs as yF}from"react/jsx-runtime";import{Fragment as _F,jsx as GF,jsxs as HF}from"react/jsx-runtime";import{Fragment as XF,jsx as VF,jsxs as WF}from"react/jsx-runtime";import{Fragment as w9,jsx as k9,jsxs as v9}from"react/jsx-runtime";import{Fragment as I9,jsx as S9,jsxs as A9}from"react/jsx-runtime";import{Fragment as z9,jsx as D9,jsxs as B9}from"react/jsx-runtime";import{Fragment as jg,jsx as M,jsxs as ue}from"react/jsx-runtime";var gc=({contentClassName:e,...t})=>M(D,{_renderAriaRoot:!0,pager:M(ft,{refresh:!1}),children:ue(jg,{children:[M(oe,{children:M("div",{className:"k-grid-header-wrap",children:ue(re,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(Z,{role:"rowgroup",children:[ue(S,{role:"row",children:[M(A,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),ue(S,{className:"k-filter-row",role:"row",children:[M(p,{role:"gridcell","aria-label":"Product Id filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Product Id filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Name filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Name filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Quantity filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Quantity filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Unit Price filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Unit Price filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Discontinued filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ie,{"aria-label":"Discontinued filter"}),M("div",{className:"k-filtercell-operator",children:M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),M(j,{children:M(ee,{className:e,children:ue(Y,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(ae,{role:"rowgroup",children:[ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"1"}),M(p,{role:"gridcell",children:"Chai"}),M(p,{role:"gridcell",children:"10 boxes x 20 bags"}),M(p,{role:"gridcell",children:"18"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"2"}),M(p,{role:"gridcell",children:"Chang"}),M(p,{role:"gridcell",children:"24 - 12 oz bottles"}),M(p,{role:"gridcell",children:"19"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"3"}),M(p,{role:"gridcell",children:"Aniseed Syrup"}),M(p,{role:"gridcell",children:"12 - 550 ml bottles"}),M(p,{role:"gridcell",children:"10"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"4"}),M(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),M(p,{role:"gridcell",children:"48 - 6 oz jars"}),M(p,{role:"gridcell",children:"22"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"5"}),M(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),M(p,{role:"gridcell",children:"12 - 8 oz jars"}),M(p,{role:"gridcell",children:"25"}),M(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as Zr}from"react/jsx-runtime";var ex="k-chip-action";var ke=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=Zr(f,{icon:"x-circle",size:"small"});break;case"more":r=Zr(f,{icon:"more-vertical",size:"small"});break;default:return Zr(f,{icon:t,size:"small"})}return Zr("span",{...o,className:a(e.className,ex,`k-chip-${t}-action`),children:r})};var tn="avatar",xc=tn;import{jsx as Nc}from"react/jsx-runtime";var cr="k-avatar";var tx=[i.hover,i.focus,i.active,i.selected,i.disabled],ox={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},on={type:"text",border:!1},$e=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=on.type,border:d=on.border,...m}=e;return Nc("div",{...m,className:a(e.className,cr,L(cr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${cr}-bordered`]:d}),children:Nc("span",{className:`${cr}-${n}`,children:e.children})})};$e.states=tx;$e.options=ox;$e.className=cr;$e.defaultOptions=on;$e.moduleName=tn;$e.folderName=xc;$e.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ko=$e;import{jsx as ax}from"react/jsx-runtime";var kc=e=>ax(Ko,{type:"icon",...e});import{jsx as rx}from"react/jsx-runtime";var vc=e=>rx(Ko,{type:"text",...e});import{jsx as lx}from"react/jsx-runtime";var wc=e=>lx(Ko,{type:"image",...e});import{jsx as h8}from"react/jsx-runtime";import{jsx as pr}from"react/jsx-runtime";var ix=$e.options,nx=$e.states,sx={...$e.defaultOptions,variant:"image"},dx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],cx=[],Aa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return pr(kc,{...o,children:pr(f,{icon:"star"})});case"text":return pr(vc,{...o,children:"JO"});default:return pr(wc,{...o,children:pr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Aa.options=ix;Aa.states=nx;Aa.variants=dx;Aa.defaultOptions=sx;Aa.modifiers=cx;Aa.className=$e.className;var mr="chip",jr=mr;import{jsx as Ia,jsxs as ux}from"react/jsx-runtime";var el="k-chip",px=[i.hover,i.focus,i.active,i.selected,i.disabled],mx={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[g.undefined,g.base,g.success,g.warning,g.error,g.info]},Cc={avatarImage:"/packages/html/assets/avatar.jpg"},Te=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:d,actions:m,showAvatar:b,avatarImage:x=Cc.avatarImage,hover:k,focus:v,active:u,selected:w,disabled:C,...I}=e;return ux("div",{...I,className:a(e.className,el,L(el,{size:t,rounded:o,fillMode:r,themeColor:l}),y(el,{hover:k,focus:v,active:u,disabled:C,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false",...e.role==="option"&&w!==void 0&&{"aria-selected":w?"true":"false"},"aria-disabled":C?"true":void 0,children:[d&&Ia(f,{className:"k-chip-icon",icon:d,size:"small"}),b&&Ia($e,{className:"k-chip-avatar",type:"image",children:Ia("img",{src:x,alt:""})}),Ia("span",{className:"k-chip-content",children:e.children?e.children:n&&Ia("span",{className:"k-chip-label",children:n})}),m&&Ia("span",{className:"k-chip-actions",children:m})]})};Te.states=px;Te.options=mx;Te.className=el;Te.defaultOptions=Cc;Te.moduleName=mr;Te.folderName=jr;Te.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var wt=Te;import{jsx as hx}from"react/jsx-runtime";var an="k-chip-list",bx=[],fx={size:[s.undefined,s.small,s.medium,s.large]},Tx={},he=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return hx("div",{...l,className:a(e.className,an,L(an,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};he.states=bx;he.options=fx;he.className=an;he.defaultOptions=Tx;he.moduleName=mr;he.folderName=jr;he.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as X8}from"react/jsx-runtime";import{jsx as Q8}from"react/jsx-runtime";import{jsx as gx}from"react/jsx-runtime";var tl=e=>gx(wt,{text:"text",...e});import{jsx as l$}from"react/jsx-runtime";import{jsx as d$}from"react/jsx-runtime";import{Fragment as f$,jsx as b$,jsxs as T$}from"react/jsx-runtime";import{jsx as k$,jsxs as v$}from"react/jsx-runtime";import{jsx as y$,jsxs as S$}from"react/jsx-runtime";import{jsx as P$,jsxs as G$}from"react/jsx-runtime";import{jsx as Ea,jsxs as Cx}from"react/jsx-runtime";var xx={...wt.options,...he.options},Nx=[],kx=he.states,vx={...wt.defaultOptions,...he.defaultOptions},wx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ra=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,n=t?.actions,d=t?.avatar;return Cx(he,{size:r.size,className:o,children:[Ea(tl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ea(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ea(tl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ea(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ea(tl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ea(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Ra.options=xx;Ra.states=kx;Ra.variants=Nx;Ra.defaultOptions=vx;Ra.modifiers=wx;Ra.className=he.className;import{jsx as rn}from"react/jsx-runtime";var Lx=Te.states,Mx=Te.defaultOptions,yx=Te.options,Sx=[],Ax=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Oa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[l],r.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t?.[l]?rn(ke,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?rn(ke,{type:"remove"}):void 0;break;default:break}}),rn(Te,{...o,...r,children:"Chip component"})};Oa.options=yx;Oa.states=Lx;Oa.variants=Sx;Oa.defaultOptions=Mx;Oa.modifiers=Ax;Oa.className=Te.className;import{Fragment as ln,jsx as P,jsxs as Ve}from"react/jsx-runtime";var Lc=({dropClue:e,contentClassName:t,...o})=>P(D,{_renderAriaRoot:!0,groupingHeader:P(At,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:Ve(he,{role:"none",children:[P(Te,{icon:"sort-asc-small",text:"ID",role:"button",actions:Ve(ln,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})}),P(Te,{icon:"sort-desc-small",text:"Name",role:"button",actions:Ve(ln,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})})]})}),children:Ve(ln,{children:[P(oe,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ve(re,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(Z,{role:"rowgroup",children:Ve(S,{role:"row",children:[P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,columnTitle:"ID",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Name",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Price",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),P(j,{children:P(ee,{className:t,children:Ve(Y,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ve(ae,{role:"rowgroup",children:[P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ve(S,{className:"k-table-group-row k-grouping-row",role:"row",children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ve(S,{className:"k-master-row",role:"row",alt:!0,children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:0,role:"gridcell",children:"2"}),P(p,{colspan:0,role:"gridcell",children:"Chang"}),P(p,{colspan:0,role:"gridcell",children:"$19.00"}),P(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as wV,jsx as kV,jsxs as vV}from"react/jsx-runtime";import{Fragment as EV,jsx as AV,jsxs as IV}from"react/jsx-runtime";import{Fragment as KV,jsx as HV,jsxs as _V}from"react/jsx-runtime";import{Fragment as Ix,jsx as B,jsxs as We}from"react/jsx-runtime";var Mc=({headerWrapClassName:e,contentClassName:t,...o})=>B(D,{_renderAriaRoot:!0,children:We(Ix,{children:[B(oe,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:We(re,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(Z,{role:"rowgroup",children:[We(S,{role:"row",children:[B(A,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),B(A,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),B(j,{children:B(ee,{className:t,children:We(Y,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(ae,{role:"rowgroup",children:[We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"1"}),B(p,{role:"gridcell",children:"Chai"}),B(p,{role:"gridcell",children:"39"}),B(p,{role:"gridcell",children:"18"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"2"}),B(p,{role:"gridcell",children:"Chang"}),B(p,{role:"gridcell",children:"17"}),B(p,{role:"gridcell",children:"19"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"3"}),B(p,{role:"gridcell",children:"Aniseed Syrup"}),B(p,{role:"gridcell",children:"13"}),B(p,{role:"gridcell",children:"10"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"4"}),B(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),B(p,{role:"gridcell",children:"53"}),B(p,{role:"gridcell",children:"22"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"5"}),B(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),B(p,{role:"gridcell",children:"0"}),B(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as YV,jsx as JV,jsxs as qV}from"react/jsx-runtime";import{Fragment as aW,jsx as tW,jsxs as oW}from"react/jsx-runtime";import{Fragment as Ex,jsx as K,jsxs as Ct}from"react/jsx-runtime";var yc=e=>{let t=H("grid");return K(D,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Ct(Po,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:Ct(Ex,{children:[K(oe,{children:K("div",{className:"k-grid-header-wrap",children:Ct(re,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(Z,{role:"rowgroup",children:Ct(S,{role:"row",children:[K(A,{columnTitle:"Name",role:"columnheader"}),K(A,{columnTitle:"Price",role:"columnheader"}),K(A,{columnTitle:"Available",role:"columnheader"}),K(A,{accessibleLabel:"Commands"})]})})]})})}),K(j,{children:K(ee,{children:K("div",{children:Ct(Y,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),Ct(ae,{role:"rowgroup",children:[Ct(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[K(p,{role:"gridcell",children:K(ce,{value:"Towel","aria-label":"Name"})}),K(p,{role:"gridcell",children:K($,{value:"42","aria-label":"Price"})}),K(p,{role:"gridcell",children:K(Me,{"aria-label":"Available"})}),Ct(p,{className:"k-command-cell",role:"gridcell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),Ct(S,{className:"k-master-row",role:"row",children:[K(p,{role:"gridcell",children:"Chai"}),K(p,{role:"gridcell",children:"18"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]}),Ct(S,{className:"k-master-row",role:"row",alt:!0,children:[K(p,{role:"gridcell",children:"Chang"}),K(p,{role:"gridcell",children:"19"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as AW,jsx as SW,jsxs as IW}from"react/jsx-runtime";var nn="context-menu",Sc=nn;import{jsx as Gx}from"react/jsx-runtime";var Ac="k-context-menu",Rx=[],Ox={},Px={},Xe=e=>{let{children:t,...o}=e;return Gx(Ce,{...o,className:a(e.className,Ac),role:"menu",children:t})};Xe.states=Rx;Xe.options=Ox;Xe.className=Ac;Xe.defaultOptions=Px;Xe.moduleName=nn;Xe.folderName=Sc;Xe.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{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-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."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as ol}from"react/jsx-runtime";var sn=e=>ol(Xe,{children:[ol(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),ol(U,{text:"Item 2"},"menu-item-2"),ol(U,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as YW,jsx as JW,jsxs as qW}from"react/jsx-runtime";import{jsx as ur,jsxs as Bx}from"react/jsx-runtime";var Hx=fe.options,_x=fe.states,Ic={...fe.defaultOptions,variant:"normal"},Kx=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Dx=[],Pa=e=>{let{variant:t,...o}={...Ic,...e};return t==="separators"?Bx(sn,{...o,style:{width:"130px"},children:[ur(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),ur(uo,{}),ur(U,{text:"Item 2"},"menu-item-2"),ur(U,{last:!0,text:"Item 3"},"menu-item-3")]}):ur(sn,{...o,style:{width:"130px"}})};Pa.options=Hx;Pa.states=_x;Pa.variants=Kx;Pa.defaultOptions=Ic;Pa.modifiers=Dx;Pa.className=Xe.className;import{Fragment as gX,jsx as TX,jsxs as hX}from"react/jsx-runtime";import{Fragment as MX,jsx as LX,jsxs as yX}from"react/jsx-runtime";import{Fragment as HX,jsx as GX,jsxs as _X}from"react/jsx-runtime";import{Fragment as al,jsx as T,jsxs as le}from"react/jsx-runtime";var zx=D.options,Ux=D.states,Ec={...D.defaultOptions,variant:"normal"},Fx=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],$x=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ga=e=>{let{variant:t,modifiers:o,...r}={...Ec,...e},l={toolbar:void 0,pager:void 0},n=le(Po,{children:[T(c,{icon:"plus",children:"Add New"}),T(c,{icon:"file-pdf",children:"Export to PDF"}),T("span",{className:"k-spacer"}),T(ce,{prefix:T(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=T(xe,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o?.[x]?n:void 0;break;case"pager":l.pager=o?.[x]?d:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=le(al,{children:[T(oe,{children:T("div",{className:"k-grid-header-wrap",children:le(re,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{...m[t],columnTitle:"ID"}),T(A,{...m[t],columnTitle:"Product Name"}),T(A,{...m[t],columnTitle:"Units in Stock"}),T(A,{...m[t],columnTitle:"Units Price"})]})})]})})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return T(Mc,{...r,...l});case"editing":return T(yc,{...r,...l});case"grouping":return T(Lc,{...r,...l,groupingHeader:T(At,{children:le(he,{children:[T(Te,{icon:"sort-asc-small",actions:le(al,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"ID"}),T(Te,{icon:"sort-desc-small",actions:le(al,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(D,{...r,...l,children:le(al,{children:[T(oe,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(re,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{className:"k-drag-cell",accessibleLabel:"Reorder"}),T(A,{columnTitle:"ID"}),T(A,{columnTitle:"Product Name"}),T(A,{columnTitle:"Units in Stock"}),T(A,{columnTitle:"Units Price"})]})})]})]})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return T(gc,{...r,...l});default:return T(D,{...r,...l,children:b})}};Ga.options=zx;Ga.states=Ux;Ga.variants=Fx;Ga.defaultOptions=Ec;Ga.modifiers=$x;Ga.className=D.className;import{Fragment as Rc,jsx as R,jsxs as Je}from"react/jsx-runtime";var QJ=({contentClassName:e,...t})=>{let o=H("grid"),r=H("grid-ctx-menu-pin");return Je(Rc,{children:[R(D,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:Je(Rc,{children:[R(oe,{children:R("div",{className:"k-grid-header-wrap",children:Je(re,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R(Z,{role:"rowgroup",children:Je(S,{role:"row","aria-rowindex":1,children:[R(A,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),R(A,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),R(A,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),R(A,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),R(Do,{role:"none",children:R("div",{className:"k-grid-pinned-wrap",role:"none",children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:Je(S,{className:"k-master-row",role:"row","aria-rowindex":1,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),R(j,{children:R(ee,{className:e,children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),Je(ae,{role:"rowgroup",children:[Je(S,{className:"k-master-row",role:"row","aria-rowindex":2,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),R(p,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),R(p,{role:"gridcell","aria-colindex":4,children:"USA"})]}),Je(S,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]}),Je(S,{className:"k-master-row",role:"row","aria-rowindex":4,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),R(p,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),R(p,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),R(te,{className:"k-menu-popup",children:Je(Xe,{id:r,children:[R(U,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),R(U,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};export{QJ as GridWithPinnedRowsPinColumn};
+var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var L=(e,t)=>a({[`${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"}),y=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:d,active:m,selected:b,disabled:x,indeterminate:k,loading:v,empty:u,readonly:w,highlighted:C,...I}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":x,"k-indeterminate":k&&!d,"k-loading":v,"k-empty":u,"k-readonly":w,"k-highlighted":C},Object.keys(I).reduce((O,E)=>(E.startsWith("k-")?O[E]=I[E]:O[`k-${E}`]=I[E],O),{}))};function cn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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 nl={};function H(e){return nl[e]=(nl[e]||0)+1,`k-${e}-${nl[e]}`}var V="grid",J=V;import{jsx as _c,jsxs as Kc}from"react/jsx-runtime";var fr="k-grid",Pc=[],Gc={size:[s.undefined,s.small,s.medium,s.large]},Hc=[],pn={pagerPosition:"bottom"},D=e=>{let{size:t,pagerPosition:o=pn.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:x,ariaRowCount:k,ariaRootId:v,ariaRole:u="grid",...w}=e;return Kc("div",{...w,className:a(e.className,fr,{[`${fr}-resizable`]:b},L(fr,{size:t})),children:[r,o==="top"&&l,n,e.children&&m?_c("div",{className:"k-grid-aria-root",role:u,id:v,"aria-colcount":x,"aria-rowcount":k,children:e.children}):e.children,d,o==="bottom"&&l]})};D.states=Pc;D.options=Gc;D.variants=Hc;D.className=fr;D.defaultOptions=pn;D.moduleName=V;D.folderName=J;D.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as Dc}from"react/jsx-runtime";var mn="k-grid-header",oe=e=>{let{draggable:t,...o}=e;return Dc("div",{...o,className:a(e.className,mn,{"k-grid-draggable-header":t}),children:e.children})};oe.className=mn;oe.moduleName=V;oe.folderName=J;import{jsx as un,jsxs as Bc}from"react/jsx-runtime";var bn="k-grouping-header",At=e=>{let{dropHint:t,dropClue:o,...r}=e;return Bc("div",{...r,className:a(e.className,bn),children:[o&&un("div",{className:"k-grouping-dropclue"}),e.children,un("div",{className:"k-grouping-drop-container",children:t})]})};At.className=bn;At.moduleName=V;At.folderName=J;import{jsx as zc}from"react/jsx-runtime";var fn="k-grid-pinned-container",Do=e=>{let{position:t,...o}=e;return zc("div",{...o,className:a(e.className,fn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Do.className=fn;Do.moduleName=V;Do.folderName=J;import{jsx as Uc}from"react/jsx-runtime";var Tn="k-grid-sticky-container",Ha=e=>{let{position:t,...o}=e;return Uc("div",{...o,className:a(e.className,Tn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ha.className=Tn;Ha.moduleName=V;Ha.folderName=J;var Se="table",Ee=Se;import{jsx as Wc}from"react/jsx-runtime";var hn="k-data-table",Fc=[],$c={size:[s.undefined,s.small,s.medium,s.large]},Vc={},_t=e=>{let{size:t,...o}=e;return Wc("div",{...o,className:a(e.className,hn,L("k-table",{size:t})),children:e.children})};_t.states=Fc;_t.options=$c;_t.className=hn;_t.defaultOptions=Vc;_t.moduleName=Se;_t.folderName=Ee;import{jsx as Yc}from"react/jsx-runtime";var sl="k-table-header-wrap",Xc=[i.hover,i.focus,i.disabled],Jc={},qc={},Qt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return Yc("div",{...n,className:a(e.className,sl,y(sl,{hover:o,focus:r,disabled:l})),children:t})};Qt.states=Xc;Qt.options=Jc;Qt.className=sl;Qt.defaultOptions=qc;Qt.moduleName=Se;Qt.folderName=Ee;import{jsx as ep}from"react/jsx-runtime";var dl="k-table",Qc=[],Zc={size:[s.undefined,s.small,s.medium,s.large]},jc={},Re=e=>{let{size:t,...o}=e;return ep("table",{...o,className:a(e.className,dl,L(dl,{size:t})),children:e.children})};Re.states=Qc;Re.options=Zc;Re.className=dl;Re.defaultOptions=jc;Re.moduleName=Se;Re.folderName=Ee;import{jsx as cl}from"react/jsx-runtime";var pl="k-table-header",tp=[i.hover,i.focus,i.disabled],op={},ap={},Kt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return cl("div",{...n,className:a(e.className,pl,y(pl,{hover:o,focus:r,disabled:l})),children:cl(Qt,{children:cl(Re,{children:t})})})};Kt.states=tp;Kt.options=op;Kt.className=pl;Kt.defaultOptions=ap;Kt.moduleName=Se;Kt.folderName=Ee;import{jsx as np}from"react/jsx-runtime";var gn="k-table-scroller",rp=[],lp={},ip={},Bo=e=>{let{children:t,...o}=e;return np("div",{...o,className:a(e.className,gn),children:t})};Bo.states=rp;Bo.options=lp;Bo.className=gn;Bo.defaultOptions=ip;Bo.moduleName=Se;Bo.folderName=Ee;import{jsx as XN}from"react/jsx-runtime";import{jsx as pp}from"react/jsx-runtime";var xn="k-table-footer",sp=[],dp={},cp={},Zt=e=>{let{children:t,...o}=e;return pp("div",{...o,className:a(e.className,xn),children:t})};Zt.states=sp;Zt.options=dp;Zt.className=xn;Zt.defaultOptions=cp;Zt.moduleName=Se;Zt.folderName=Ee;import{jsx as fp}from"react/jsx-runtime";var ml="k-table-list",mp=[],up={size:[s.undefined,s.small,s.medium,s.large]},bp={},jt=e=>{let{size:t,virtualization:o,...r}=e;return fp("ul",{...r,className:a(e.className,"k-table",ml,L(ml,{size:t}),{"k-virtual-table":o}),children:e.children})};jt.states=mp;jt.options=up;jt.className=ml;jt.defaultOptions=bp;jt.moduleName=Se;jt.folderName=Ee;import{jsx as hp}from"react/jsx-runtime";var Tp="k-table-thead",Z=e=>hp("thead",{className:a(e.className,Tp),children:e.children});import{jsx as xp}from"react/jsx-runtime";var gp="k-table-tbody",ae=e=>xp("tbody",{className:a(e.className,gp),children:e.children});import{jsx as pk}from"react/jsx-runtime";import{jsx as kp}from"react/jsx-runtime";var ul="k-table-row",Np=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],S=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:d,...m}=e;return kp("tr",{...m,className:a(e.className,ul,{"k-table-alt-row":d},y(ul,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};S.states=Np;S.className=ul;import{jsx as wp}from"react/jsx-runtime";var bl="k-table-row",vp=[i.hover,i.focus,i.selected,i.disabled],Tr=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...d}=e;return wp("li",{...d,className:a(e.className,bl,{"k-table-alt-row":n},y(bl,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Tr.states=vp;Tr.className=bl;import{jsx as Cp}from"react/jsx-runtime";var Nn="k-table-th",Dt=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return Cp("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Nn),children:n})};Dt.className=Nn;Dt.moduleName=Se;Dt.folderName=Ee;import{jsx as Lk}from"react/jsx-runtime";import{jsx as Mp}from"react/jsx-runtime";var fl="k-table-td",Lp=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:d,...m}=e,b=l||e.children;return Mp("td",{colSpan:n,rowSpan:d,...m,className:a(e.className,fl,y(fl,{focus:t,selected:o,highlighted:r})),children:b})};p.states=Lp;p.className=fl;import{jsx as Rk}from"react/jsx-runtime";import{jsx as Hk}from"react/jsx-runtime";import{jsx as Bk}from"react/jsx-runtime";import{jsx as $k}from"react/jsx-runtime";import{jsx as Jk}from"react/jsx-runtime";import{jsx as tv,jsxs as ov}from"react/jsx-runtime";import{jsx as iv,jsxs as nv}from"react/jsx-runtime";import{jsx as pv,jsxs as mv}from"react/jsx-runtime";import{Fragment as gv,jsx as Tv,jsxs as hv}from"react/jsx-runtime";import{jsx as Ap}from"react/jsx-runtime";var wn="k-grid-header-table",re=e=>Ap(Re,{...e,className:a(e.className,wn),children:e.children});re.className=wn;re.moduleName=V;re.folderName=J;import{Fragment as Op,jsx as Cn}from"react/jsx-runtime";var Tl="k-font-icon",Ip=[],Ep={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Rp={},_a=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...d}=e;return r?Cn("span",{...d,className:a(e.className,Tl,L(Tl,{size:t}),{[`k-i-${r}`]:r,[`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"}):Cn(Op,{})};_a.states=Ip;_a.options=Ep;_a.className=Tl;_a.defaultOptions=Rp;var Ln=_a;import{Fragment as Hp,jsx as hr}from"react/jsx-runtime";var hl="k-svg-icon",Pp=[],Gp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Mn={viewBox:"0 0 24 24"},Ka=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=Mn.viewBox,icon:d,...m}=e;if(!d)return hr(Hp,{});if(d==="none")return hr("span",{...m,className:a(e.className,hl,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name;return hr("span",{...m,className:a(e.className,hl,L("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:hr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:n,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};Ka.states=Pp;Ka.options=Gp;Ka.className=hl;Ka.defaultOptions=Mn;var gl=Ka;import*as xl from"@progress/kendo-svg-icons";var yn="icon",Sn="icons";import{useContext as Kp}from"react";import{createContext as _p}from"react";var An=_p({iconsType:"svg"});import{Fragment as In,jsx as Da}from"react/jsx-runtime";var gr="k-icon",Dp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Bp=[],zp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Nl={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=Kp(An),{size:o,themeColor:r,icon:l,type:n=t||Nl.type,rotate:d,flip:m,viewBox:b=Nl.viewBox,...x}=e;if(!l)return Da(In,{});if((t||n)==="svg"){if(l==="none")return Da(gl,{...x,className:a(e.className,gr),icon:l,size:o});let v=xl[l]?l:Dp(`${l}-icon`);return xl[v]?Da(gl,{...x,className:a(e.className,gr),icon:xl[v],size:o,themeColor:r,rotate:d,flip:m,viewBox:b}):Da(In,{})}return Da(Ln,{...x,className:a(e.className,gr),icon:l,size:o,themeColor:r,rotate:d,flip:m})};f.states=Bp;f.options=zp;f.defaultOptions=Nl;f.className=gr;f.moduleName=yn;f.folderName=Sn;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};import{jsx as eo,jsxs as kl}from"react/jsx-runtime";var vl="k-header",Up=[i.hover,i.focus,i.active],En={sortIcon:"sort-asc-small"},A=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:d,hover:m,focus:b,active:x,sortIcon:k=En.sortIcon,sortOrder:v,accessibleLabel:u,...w}=e;return kl(Dt,{...w,className:a(e.className,vl,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},y(vl,{hover:m,focus:b,active:x})),children:[d&&kl("span",{className:"k-cell-inner",children:[kl("span",{className:"k-link",children:[eo("span",{className:"k-column-title",children:d}),o&&eo("span",{className:"k-sort-icon",children:eo(f,{icon:k})}),v&&eo("span",{className:"k-sort-order",children:v})]}),t&&eo("a",{className:a("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:eo(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&u&&eo("span",{className:"k-sr-only",children:u}),e.children,n&&eo("span",{className:"k-column-resizer k-touch-action-none"})]})};A.states=Up;A.className=vl;A.defaultOptions=En;A.moduleName=V;A.folderName=J;import{jsx as Fp}from"react/jsx-runtime";var Rn="k-grid-container",j=e=>Fp("div",{...e,className:a(e.className,Rn),children:e.children});j.className=Rn;j.moduleName=V;j.folderName=J;import{jsx as $p}from"react/jsx-runtime";var On="k-grid-content",ee=e=>$p("div",{...e,className:a(e.className,On),children:e.children});ee.className=On;ee.moduleName=V;ee.folderName=J;import{jsx as Vp}from"react/jsx-runtime";var Pn="k-grid-table",Y=e=>Vp(Re,{...e,className:a(e.className,Pn),children:e.children});Y.className=Pn;Y.moduleName=V;Y.folderName=J;import{jsx as Wp}from"react/jsx-runtime";var Gn="k-grid-footer",xr=e=>Wp("div",{...e,className:a(e.className,Gn),children:e.children});xr.className=Gn;xr.moduleName=V;xr.folderName=J;import{jsx as Xp}from"react/jsx-runtime";var Hn="k-grid-footer-table",Nr=e=>Xp(Re,{...e,className:a(e.className,Hn),children:e.children});Nr.className=Hn;Nr.moduleName=V;Nr.folderName=J;var wl="button",_n=wl;import{Fragment as Qp,jsx as Ba,jsxs as Kn}from"react/jsx-runtime";var za="k-button",Jp=["icon-button"],qp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Yp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Cl={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:d=Cl.showArrow,arrowIconName:m=Cl.arrowIconName,variant:b,hover:x,focus:k,active:v,selected:u,disabled:w,togglable:C,ariaDisabled:I,icon:O,text:E,iconClassName:F,className:be,...se}=e,Ge=O!==void 0,He=e.children!==void 0;return Kn(t,{className:a(be,za,cn(za,b),L(za,{size:o,rounded:r,fillMode:l,themeColor:n}),y(za,{hover:x,focus:k,active:v,disabled:w||I,selected:u}),{"k-icon-button":!E&&!He&&Ge}),...se,"aria-pressed":C?u?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[O&&Ba(f,{className:a(F,"k-button-icon"),icon:O}),E?Kn(Qp,{children:[E&&Ba("span",{className:"k-button-text",children:E}),e.children]}):e.children&&Ba("span",{className:"k-button-text",children:e.children}),d&&Ba("span",{className:"k-menu-button-arrow k-button-arrow",children:Ba(f,{icon:m})})]})};c.states=qp;c.options=Yp;c.variants=Jp;c.className=za;c.defaultOptions=Cl;c.moduleName=wl;c.folderName=_n;c.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 Zp}from"react/jsx-runtime";var to=e=>Zp(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as jp}from"react/jsx-runtime";var Ua=e=>jp(c,{icon:"folder",children:"Button",...e});import{jsx as em}from"react/jsx-runtime";var No=e=>em(c,{children:"Button",...e});import{jsx as Ll}from"react/jsx-runtime";var tm=c.options,om=c.states,am={...c.defaultOptions,variant:"text"},rm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lm=[],zo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ll(to,{...o,icon:"star"});case"icon-and-text":return Ll(Ua,{...o,icon:"star",children:"Button"});default:return Ll(No,{...o,children:"Button"})}};zo.options=tm;zo.states=om;zo.variants=rm;zo.defaultOptions=am;zo.modifiers=lm;zo.className=c.className;var Fa="input",kr=Fa;import{jsx as dm}from"react/jsx-runtime";var vr="k-input",im=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],nm={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sm={},ve=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:x,fillMode:k,...v}=e;return dm("span",{...v,className:a(e.className,vr,L(vr,{size:b,rounded:x,fillMode:k}),y(vr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m}))})};ve.states=im;ve.options=nm;ve.className=vr;ve.defaultOptions=sm;ve.moduleName=Fa;ve.folderName=kr;import{jsx as um}from"react/jsx-runtime";var wr="k-picker",cm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],pm={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},mm={},It=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:x,fillMode:k,...v}=e;return um("span",{...v,className:a(e.className,wr,L(wr,{size:b,rounded:x,fillMode:k}),y(wr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};It.states=cm;It.options=pm;It.className=wr;It.defaultOptions=mm;It.moduleName=Fa;It.folderName=kr;import{Fragment as Tm,jsx as Ml}from"react/jsx-runtime";var Dn="k-clear-value",bm=[i.disabled,i.loading,i.readonly],fm={},tt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?Ml(Tm,{}):Ml("span",{className:a(e.className,Dn),children:Ml(f,{icon:"x"})})};tt.states=bm;tt.options=fm;tt.className=Dn;import{jsx as xm}from"react/jsx-runtime";var yl="k-input-inner",hm=[],gm={},Cr={type:"text",autocomplete:"off",value:"",placeholder:""},ot=e=>{let{value:t=Cr.value,type:o=Cr.type,placeholder:r=Cr.placeholder,autocomplete:l=Cr.autocomplete,disabled:n,readOnly:d,...m}=e;return xm("input",{...m,type:o,className:a(e.className,yl,L(yl,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};ot.states=hm;ot.options=gm;ot.className=yl;import{jsx as Bn,jsxs as vm}from"react/jsx-runtime";var Sl="k-input-inner",Nm=[],km={},ko=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return vm("span",{...d,className:a(e.className,Sl,L(Sl,e)),children:[l,!l&&n&&Bn(f,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&Bn("span",{className:"k-input-value-text",children:t})]})};ko.states=Nm;ko.options=km;ko.className=Sl;import{jsx as Lm}from"react/jsx-runtime";var Al="k-input-inner",wm=[],Cm={},zn={value:"",placeholder:""},Il=e=>{let{value:t=zn.value,placeholder:o=zn.placeholder,rows:r,disabled:l,...n}=e;return Lm("textarea",{...n,className:a(e.className,Al,L(Al,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Il.states=wm;Il.options=Cm;Il.className=Al;import{Fragment as ym,jsx as Un}from"react/jsx-runtime";var Fn="k-input-loading-icon",Mm=[i.disabled,i.loading],qe=e=>{let{disabled:t,loading:o}=e;return t||!o?Un(ym,{}):Un("span",{className:a(e.className,Fn,"k-icon k-i-loading")})};qe.states=Mm;qe.className=Fn;import{Fragment as Im,jsx as $n}from"react/jsx-runtime";var Vn="k-input-validation-icon",Sm=[i.valid,i.invalid,i.disabled,i.loading],Am={},_e=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?$n(Im,{}):$n(f,{className:a(Vn),icon:n})};_e.states=Sm;_e.options=Am;_e.className=Vn;import{Fragment as Om,jsx as Wn}from"react/jsx-runtime";var Em="k-input-prefix",Rm={direction:"horizontal"},ct=e=>{let{direction:t=Rm.direction,...o}=e;return e.children?Wn("span",{...o,className:a(Em,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Wn(Om,{})};import{Fragment as Hm,jsx as Xn}from"react/jsx-runtime";var Pm="k-input-suffix",Gm={direction:"horizontal"},pt=e=>{let{direction:t=Gm.direction,...o}=e;return e.children?Xn("span",{...o,className:a(Pm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Xn(Hm,{})};import{jsx as sL}from"react/jsx-runtime";import{jsx as Km}from"react/jsx-runtime";var _m="k-input-suffix-text",El=e=>{let{children:t,...o}=e;return Km("span",{...o,className:a(_m,e.className),children:t})};import{jsx as Bm}from"react/jsx-runtime";var Jn="k-input-separator",Dm={direction:"vertical"},mt=e=>{let{direction:t=Dm.direction,...o}=e;return Bm("span",{...o,className:a(Jn,e.className,{[`${Jn}-${t}`]:t})})};import{Fragment as qn,jsx as Et,jsxs as Rl}from"react/jsx-runtime";var zm=ve.states,Um=ve.defaultOptions,Fm=ve.options,$m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Vm=[],Uo=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:d,...m}=e,b=t?.prefix,x=t?.suffix,k=t?.["clear-button"],v=t?.["validation-icon"],u=t?.separators;return Rl(ve,{...m,valid:o,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Rl(qn,{children:[Et(ct,{children:Et(f,{icon:"lock"})}),u&&Et(mt,{})]}),Et(ot,{placeholder:"Placeholder",value:"Value"}),v&&Et(_e,{valid:o,invalid:r,loading:l,disabled:n}),Et(qe,{loading:l,disabled:n}),k&&Et(tt,{loading:l,disabled:n,readonly:d,value:"Value"}),x&&Rl(qn,{children:[u&&Et(mt,{}),Et(pt,{children:Et(No,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Uo.options=Fm;Uo.states=zm;Uo.variants=Vm;Uo.defaultOptions=Um;Uo.modifiers=$m;Uo.className=ve.className;var Ol="popup",Yn=Ol;import{jsx as Qn}from"react/jsx-runtime";var Zn="k-animation-container",Wm=[],Xm={},jn={positionMode:"absolute"},Rt=e=>{let{positionMode:t=jn.positionMode,animationStyle:o,offset:r,...l}=e;return Qn("div",{...l,style:{...r,...e.style},className:a(e.className,Zn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Qn("div",{className:"k-child-animation-container",style:o,children:e.children})})};Rt.states=Wm;Rt.options=Xm;Rt.className=Zn;Rt.defaultOptions=jn;Rt.moduleName=Ol;Rt.folderName=Yn;var Pl="popup",es=Pl;import{jsx as ts}from"react/jsx-runtime";var os="k-popup",Jm=[],qm={},as={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=as.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return ts(Rt,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":d,children:ts("div",{...m,className:a(e.className,os),children:e.children})})};te.states=Jm;te.options=qm;te.className=os;te.defaultOptions=as;te.moduleName=Pl;te.folderName=es;te.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 Gl="action-buttons",rs=Gl;import{jsx as Zm}from"react/jsx-runtime";var Lr="k-actions",Ym=[],Qm={},Hl={alignment:"start",orientation:"horizontal"},ut=e=>{let{alignment:t=Hl.alignment,orientation:o=Hl.orientation,...r}=e;return Zm("div",{...r,className:a(Lr,{[`${Lr}-${t}`]:t,[`${Lr}-${o}`]:o},e.className),children:e.children})};ut.states=Ym;ut.options=Qm;ut.className=Lr;ut.defaultOptions=Hl;ut.moduleName=Gl;ut.folderName=rs;import{jsx as eu}from"react/jsx-runtime";var jm="k-actionsheet-footer",ls={alignment:"stretched",orientation:"horizontal"},oo=e=>{let{alignment:t=ls.alignment,orientation:o=ls.orientation,template:r,as:l=r?"div":ut,...n}=e;return eu(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,jm),children:e.children})};var _l="searchbox",is=_l;import{jsx as $a,jsxs as au}from"react/jsx-runtime";var ns="k-searchbox",tu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ou={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Kl={showIcon:!0,icon:"search"},at=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:x,required:k,loading:v,disabled:u,showIcon:w=Kl.showIcon,icon:C=Kl.icon,"aria-label":I,...O}=e;return au(ve,{...O,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:x,required:k,loading:v,disabled:u,className:a(e.className,ns),children:[w&&$a(f,{className:"k-input-icon",icon:C}),$a(ot,{placeholder:o,value:t,"aria-label":I}),$a(qe,{...e}),$a(_e,{...e}),$a(tt,{...e})]})};at.states=tu;at.options=ou;at.className=ns;at.defaultOptions=Kl;at.moduleName=_l;at.folderName=is;import{jsx as yM}from"react/jsx-runtime";var Dl="textbox",ss=Dl;import{Fragment as ds,jsx as ao,jsxs as Bl}from"react/jsx-runtime";var cs="k-textbox",ru=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],lu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Mr={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Mr.separators,showClearButton:n=Mr.showClearButton,showValidationIcon:d=Mr.showValidationIcon,prefix:m,suffix:b,type:x,value:k,placeholder:v,hover:u,focus:w,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,id:se,"aria-label":Ge,"aria-describedby":He,...et}=e;return Bl(ve,{...et,size:t,rounded:o,fillMode:r,hover:u,focus:w,valid:C,invalid:I,required:O,loading:E,disabled:F,readonly:be,className:a(e.className,cs),children:[m&&Bl(ds,{children:[ao(ct,{children:m}),l&&ao(mt,{})]}),ao(ot,{id:se,placeholder:v,value:k,type:x,disabled:F,"aria-label":Ge,"aria-describedby":He,"aria-invalid":I?"true":void 0}),d&&ao(_e,{valid:C,invalid:I,loading:E,disabled:F}),ao(qe,{loading:E,disabled:F}),n&&ao(tt,{loading:E,disabled:F,readonly:be,value:k}),b&&Bl(ds,{children:[l&&ao(mt,{}),ao(pt,{children:b})]})]})};ce.states=ru;ce.options=lu;ce.className=cs;ce.defaultOptions=Mr;ce.moduleName=Dl;ce.folderName=ss;ce.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Va=ce;import{jsx as iu}from"react/jsx-runtime";var ps=e=>iu(Va,{...e});import{Fragment as VM,jsx as $M}from"react/jsx-runtime";import{Fragment as QM,jsx as YM}from"react/jsx-runtime";import{jsx as ty}from"react/jsx-runtime";import{jsx as zl}from"react/jsx-runtime";var nu=ce.states,su=ce.defaultOptions,du=ce.options,cu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],pu=[],Fo=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?zl(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?zl(No,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),zl(ps,{value:"Value",style:{width:300},...o,...r})};Fo.options=du;Fo.states=nu;Fo.variants=pu;Fo.defaultOptions=su;Fo.modifiers=cu;Fo.className=ce.className;import{jsx as ro,jsxs as Ul}from"react/jsx-runtime";var ms="k-actionsheet-titlebar",mu={},Ke=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:x,titleId:k,children:v,...u}=e;return Ul("div",{...u,className:a(e.className,ms),children:[Ul("div",{className:"k-actionsheet-titlebar-group",children:[r&&ro("div",{className:"k-actionsheet-actions",children:r}),!v&&Ul("div",{className:"k-actionsheet-title",id:k,children:[t&&ro("div",{className:"k-text-center",children:t}),o&&ro("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&ro("div",{className:"k-actionsheet-title",id:k,children:v}),l&&ro("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&ro("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?ro(ce,{value:m,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):ro(at,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ke.className=ms;Ke.defaultOptions=mu;import{jsx as Fl,jsxs as Tu}from"react/jsx-runtime";var $l="k-actionsheet-view",uu=[],bu={},fu={},$o=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:d,...m}=e,b=l?.type===Ke&&Fl(Ke,{adaptive:t,titleId:d,...l?.props}),x=n?.type===oo&&Fl(oo,{...n?.props});return Tu("div",{...m,className:a(e.className,$l,{[`${$l}-animated`]:o}),children:[b,Fl("div",{className:"k-actionsheet-content",children:r}),x]})};$o.states=uu;$o.options=bu;$o.className=$l;$o.defaultOptions=fu;var Wa="action-sheet",yr=Wa;var Vl="overlay",us=Vl;import{jsx as Nu}from"react/jsx-runtime";var Wl="k-overlay",hu=[],gu={themeColor:[g.undefined,g.light,g.dark,g.inverse]},xu={},lo=e=>{let{themeColor:t,...o}=e;return Nu("div",{...o,className:a(e.className,Wl,L(Wl,{themeColor:t})),children:e.children})};lo.states=hu;lo.options=gu;lo.className=Wl;lo.defaultOptions=xu;lo.moduleName=Vl;lo.folderName=us;import{jsx as Sr,jsxs as wu}from"react/jsx-runtime";var bs="k-actionsheet",ku=[],vu={},Xa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Xa.side,fullscreen:o=Xa.fullscreen,adaptive:r=Xa.adaptive,overlay:l=Xa.overlay,template:n,children:d,header:m,footer:b,id:x,...k}=e,v=x&&!n&&m?`${x}-title`:void 0;return wu("div",{className:"k-actionsheet-container",children:[l&&Sr(lo,{}),Sr(Rt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Sr("div",{...k,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:a(e.className,bs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||Sr($o,{header:m,footer:b,adaptive:r,titleId:v,...e,children:d})})})]})};ge.states=ku;ge.options=vu;ge.className=bs;ge.defaultOptions=Xa;ge.moduleName=Wa;ge.folderName=yr;ge.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as yu}from"react/jsx-runtime";var fs="k-actionsheet-container",Cu=[],Lu={},Mu={},Vo=e=>{let{children:t,...o}=e;return yu("div",{...o,className:fs,children:t})};Vo.states=Cu;Vo.options=Lu;Vo.className=fs;Vo.defaultOptions=Mu;Vo.moduleName=Wa;Vo.folderName=yr;import{jsx as Su}from"react/jsx-runtime";var Xl=e=>{let{...t}=e;return Su("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Iu,jsx as Ja,jsxs as Jl}from"react/jsx-runtime";var ql="k-actionsheet-item",Au=[i.hover,i.focus,i.selected,i.disabled],io=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:d,disabled:m,...b}=e;return Jl("span",{...b,className:a(e.className,ql,y(ql,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&Ja(Iu,{children:Jl("span",{className:"k-actionsheet-action",children:[t&&Ja("span",{className:"k-icon-wrap",children:Ja(f,{className:"k-actionsheet-item-icon",icon:t})}),Jl("span",{className:"k-actionsheet-item-text",children:[o&&Ja("span",{className:"k-actionsheet-item-title",children:o}),r&&Ja("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};io.states=Au;io.className=ql;import{jsx as eS,jsxs as tS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as dS}from"react/jsx-runtime";import{jsx as uS}from"react/jsx-runtime";import{jsx as Ae,jsxs as Yl}from"react/jsx-runtime";var Eu=ge.options,Ru=ge.states,hs={...ge.defaultOptions,variant:"normal"},Ou=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Pu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Wo=e=>{let{variant:t,modifiers:o,...r}={...hs,...e},l={},n=Yl(Xl,{children:[Ae(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(io,{text:"Add to Favorites",iconName:"heart"}),Ae(io,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(io,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!o?.[b],l.actionsEnd=!!o?.[b];break;case"subtitle":l.subtitle=o?.[b]?d:void 0;break;case"footer":l.footer=!!o?.[b];break;default:break}}),t==="adaptive"?Ae(ge,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Yl(oo,{alignment:"stretched",children:[Ae(c,{text:"Cancel",size:"large",themeColor:"base"}),Ae(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):Ae(ge,{...r,fullscreen:l.fullScreen,header:Ae(Ke,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Yl(oo,{alignment:"stretched",children:[Ae(c,{text:"Apply",themeColor:"primary"}),Ae(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Wo.options=Eu;Wo.states=Ru;Wo.variants=Ou;Wo.defaultOptions=hs;Wo.modifiers=Pu;Wo.className=ge.className;import Zl from"react";import{jsx as gs}from"react/jsx-runtime";var Gu="k-list-group-sticky-header",Ql=e=>gs("div",{className:a(Gu,e.className),children:gs("div",{className:"k-list-header-text",children:e.children})});import{jsx as _u}from"react/jsx-runtime";var Hu="k-no-data",Ar=e=>{let{live:t,...o}=e;return _u("span",{...o,className:a(Hu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var vo="list",Xo=vo;import{jsx as xs,jsxs as Ns}from"react/jsx-runtime";var jl="k-list",Ku=[],Du={size:[s.undefined,s.small,s.medium,s.large]},Bu={},q=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:d,noData:m,screenReaders:b,...x}=e,v=Zl.Children.toArray(r)[0],u=v?.props?.children?Zl.Children.count(v.props.children):Zl.Children.count(r);return Ns("div",{...x,className:a(e.className,jl,L(jl,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&xs(Ql,{children:l}),r||(m!==void 0?m:xs(Ar,{live:!0,children:"No data found."})),b&&r&&Ns(Ar,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};q.states=Ku;q.options=Du;q.className=jl;q.defaultOptions=Bu;q.moduleName=vo;q.folderName=Xo;q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as $u}from"react/jsx-runtime";var ks="k-list-container",zu=[],Uu={},Fu={},Jo=e=>{let{...t}=e;return $u("div",{...t,className:a(e.className,ks),children:e.children})};Jo.states=zu;Jo.options=Uu;Jo.className=ks;Jo.defaultOptions=Fu;Jo.moduleName=vo;Jo.folderName=Xo;var wo="checkbox",qo=wo;import{jsx as vs}from"react/jsx-runtime";var Ir="k-checkbox",Vu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Xu={},Me=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:x,size:k,rounded:v,wrapperRole:u,...w}=e;return vs("span",{className:"k-checkbox-wrap",role:u,children:vs("input",{...w,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:a(e.className,Ir,L(Ir,{size:k,rounded:v}),y(Ir,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:r,checked:o}))})})};Me.states=Vu;Me.options=Wu;Me.className=Ir;Me.defaultOptions=Xu;Me.moduleName=wo;Me.folderName=qo;Me.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 Lt=Me;import{jsx as Yu}from"react/jsx-runtime";var ws="k-checkbox-list",Ju=[],qu={},Cs={layout:"vertical"},De=e=>{let{layout:t=Cs.layout,...o}=e;return Yu("ul",{...o,className:a(e.className,ws,{[`k-list-${t}`]:t}),children:e.children})};De.states=Ju;De.options=qu;De.className=ws;De.defaultOptions=Cs;De.moduleName=wo;De.folderName=qo;import{jsx as eb}from"react/jsx-runtime";var Ls="k-checkbox-list-item",Qu=[],Zu={},ju={},Be=e=>{let{...t}=e;return eb("li",{...t,className:a(e.className,Ls),children:e.children})};Be.states=Qu;Be.options=Zu;Be.className=Ls;Be.defaultOptions=ju;Be.moduleName=wo;Be.folderName=qo;import{Fragment as tb,jsx as Ms,jsxs as ob}from"react/jsx-runtime";var Bt=({children:e="Label",id:t="cb-label-after",...o})=>ob(tb,{children:[Ms(Lt,{id:t,...o}),Ms("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as vA,jsx as kA,jsxs as wA}from"react/jsx-runtime";import{Fragment as SA,jsx as yA,jsxs as AA}from"react/jsx-runtime";import{Fragment as PA,jsx as OA,jsxs as GA}from"react/jsx-runtime";import{jsx as DA}from"react/jsx-runtime";import{jsx as FA}from"react/jsx-runtime";import{jsx as XA}from"react/jsx-runtime";import{jsx as bt,jsxs as ys}from"react/jsx-runtime";var ab=De.options,rb=De.states,lb={...De.defaultOptions,variant:"vertical"},ib=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],nb=[],Yo=e=>{let{variant:t,...o}=e;return t==="horizontal"?ys(De,{layout:"horizontal",...o,children:[bt(Be,{children:bt(Bt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})})]}):ys(De,{...o,children:[bt(Be,{children:bt(Bt,{id:H("cb"),defaultChecked:!0,children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})}),bt(Be,{children:bt(Bt,{id:H("cb"),children:"Label"})})]})};Yo.options=ab;Yo.states=rb;Yo.variants=ib;Yo.defaultOptions=lb;Yo.modifiers=nb;Yo.className=De.className;import{jsx as ub}from"react/jsx-runtime";var sb=Lt.options,db=Lt.states,cb=Lt.defaultOptions,pb=[],mb=[],Qo=e=>ub(Bt,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});Qo.options=sb;Qo.states=db;Qo.variants=pb;Qo.defaultOptions=cb;Qo.modifiers=mb;Qo.className=Lt.className;import{jsx as Co,jsxs as hb}from"react/jsx-runtime";var ei="k-list-item",bb=[i.hover,i.focus,i.selected,i.disabled],fb={},Tb={},z=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:x,selected:k,disabled:v,actions:u,description:w,id:C,...I}=e,O=t||e.children;return hb("li",{...I,id:C,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&k?"true":r?void 0:"false","aria-disabled":!r&&v?"true":void 0,className:a(e.className,r?"k-list-group-item":ei,y(ei,{hover:b,focus:x,disabled:v,selected:k})),children:[d&&Co(Me,{checked:m}),l&&Co("span",{className:"k-list-item-icon-wrapper",children:Co(f,{icon:l,className:a("k-list-item-icon",n)})}),Co("span",{className:"k-list-item-text",children:O}),u&&Co("div",{className:"k-list-item-actions",children:u}),w&&Co("span",{className:"k-list-item-description",children:w}),o&&o!==""&&Co("div",{className:"k-list-item-group-label",children:o})]})};z.states=bb;z.options=fb;z.className=ei;z.defaultOptions=Tb;z.moduleName=vo;z.folderName=Xo;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as xb}from"react/jsx-runtime";var gb="k-list-ul",zt=e=>{let{children:t,role:o,id:r,...l}=e;return xb("ul",{...l,id:r,role:o,className:a(gb,e.className),children:t})};zt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as ti,jsxs as kb}from"react/jsx-runtime";var Nb="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return kb("div",{...d,className:a(Nb,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:ti(zt,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&ti("div",{className:"k-height-container",children:ti("div",{})})]})};de.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as _I,jsx as HI,jsxs as KI}from"react/jsx-runtime";import{jsx as oi,jsxs as wb}from"react/jsx-runtime";var vb="k-list-group-item",Lo=e=>{let{groupIconName:t,...o}=e;return wb("li",{...o,role:"presentation",className:a(vb,e.className),children:[t&&oi("span",{className:"k-list-item-icon-wrapper",children:oi(f,{icon:t,className:"k-list-item-icon"})}),oi("span",{className:"k-list-item-text",children:e.children})]})};Lo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as yb}from"react/jsx-runtime";var ai="k-list-optionlabel",Cb=[i.hover,i.focus,i.selected,i.disabled],Lb={},Mb={},Er=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return yb("div",{...d,className:a(ai,y(ai,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Er.states=Cb;Er.options=Lb;Er.className=ai;Er.defaultOptions=Mb;import{jsx as Eb}from"react/jsx-runtime";var ri="k-list-custom-value",Sb=[i.hover,i.focus,i.selected,i.disabled],Ab={},Ib={},no=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return Eb("div",{...d,className:a(ri,y(ri,{hover:o,focus:r,selected:l,disabled:n})),children:t})};no.states=Sb;no.options=Ab;no.className=ri;no.defaultOptions=Ib;import{Fragment as eE,jsx as jI,jsxs as tE}from"react/jsx-runtime";import{Fragment as nE,jsx as iE,jsxs as sE}from"react/jsx-runtime";import{Fragment as fE,jsx as uE,jsxs as bE}from"react/jsx-runtime";import{Fragment as vE,jsx as NE,jsxs as kE}from"react/jsx-runtime";import{jsx as ME}from"react/jsx-runtime";import{Fragment as RE,jsx as EE,jsxs as OE}from"react/jsx-runtime";var Ss="dropdown-list",As="dropdownlist";import{Fragment as Pb,jsx as ze,jsxs as li}from"react/jsx-runtime";var Is="k-dropdownlist",Rb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ob={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ii={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=ii.arrowIconName,showValue:n=ii.showValue,valueIconName:d,prefix:m,suffix:b,value:x,placeholder:k,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,popup:be,opened:se,adaptive:Ge,adaptiveSettings:He,adaptiveTitle:et,adaptiveSubtitle:xo,adaptiveFilter:rl,id:Yt,activeDescendant:br,"aria-label":ll,...il}=e,Oc=Yt?`${Yt}-listbox`:void 0,dn=Yt?`${Yt}-value`:void 0;return li(Pb,{children:[li(It,{...il,id:Yt,size:t,rounded:o,fillMode:r,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,Is,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Oc:void 0,"aria-activedescendant":se&&br?br:void 0,"aria-describedby":se?dn:void 0,"aria-disabled":E?"true":void 0,"aria-label":ll,tabIndex:0,children:[ze(ct,{children:m}),ze(ko,{placeholder:k,value:x,showValue:n,valueIconName:d,id:dn}),ze(_e,{valid:w,invalid:C,loading:O,disabled:E}),ze(qe,{loading:O,disabled:E}),ze(pt,{children:b}),ze(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":k||"Toggle dropdown",tabIndex:-1})]}),se&&be&&ze(te,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:be}),Ge&&ze(ge,{adaptive:!0,...He,header:ze(Ke,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:rl,inputValue:x,inputPlaceholder:k,title:et,subtitle:xo}),children:ze("div",{className:"k-list-container",children:ze(q,{size:"large",children:li(de,{"aria-label":"Options",children:[ze(z,{text:"List item"}),ze(z,{text:"List item"}),ze(z,{text:"List item"})]})})})})]})};ie.states=Rb;ie.options=Ob;ie.className=Is;ie.defaultOptions=ii;ie.moduleName=Ss;ie.folderName=As;ie.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as mR}from"react/jsx-runtime";import{jsx as gR,jsxs as xR}from"react/jsx-runtime";import{Fragment as SR,jsx as MR,jsxs as yR}from"react/jsx-runtime";import{jsx as OR}from"react/jsx-runtime";import{jsx as DR,jsxs as BR}from"react/jsx-runtime";import{Fragment as qR,jsx as XR,jsxs as JR}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{Fragment as Bb,jsx as so,jsxs as Es}from"react/jsx-runtime";var Gb=ie.states,Hb=ie.defaultOptions,_b=ie.options,Kb=[{name:"opened",title:"Opened"}],Db=[],jo=e=>{let{modifiers:t,...o}=e,r={},l=Es(Bb,{children:[so("div",{className:"k-list-filter",children:so(at,{})}),so(q,{style:{width:300},size:o.size,children:Es(de,{children:[so(z,{children:"List item"}),so(z,{children:"List item"}),so(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0)}),so("div",{children:so(ie,{placeholder:"Value",style:{width:300},...o,...r})})};jo.options=_b;jo.states=Gb;jo.variants=Db;jo.defaultOptions=Hb;jo.modifiers=Kb;jo.className=ie.className;import{jsx as Rs,jsxs as Vb}from"react/jsx-runtime";var Os="k-spin-button",Fb=[],$b={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ni={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},co=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=ni.increaseLabel,decreaseLabel:n=ni.decreaseLabel,...d}=e;return Vb("span",{...d,className:a(Os,e.className),children:[Rs(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),Rs(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};co.states=Fb;co.options=$b;co.className=Os;co.defaultOptions=ni;co.moduleName=null;co.folderName=null;var Ps="numeric-textbox",Gs="numerictextbox";import{Fragment as Hs,jsx as Ut,jsxs as si}from"react/jsx-runtime";var _s="k-numerictextbox",Wb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Xb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Rr.separators,showClearButton:n=Rr.showClearButton,showSpinButton:d=Rr.showSpinButton,prefix:m,suffix:b,value:x,placeholder:k,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,id:be,"aria-label":se,"aria-describedby":Ge,...He}=e;return si(ve,{...He,size:t,rounded:o,fillMode:r,hover:v,focus:u,valid:w,invalid:C,required:I,loading:O,disabled:E,readonly:F,className:a(e.className,_s),children:[m&&si(Hs,{children:[Ut(ct,{children:m}),l&&Ut(mt,{})]}),Ut(ot,{id:be,placeholder:k,value:x,role:"spinbutton",disabled:E,"aria-label":se,"aria-describedby":Ge,"aria-invalid":C?"true":void 0}),Ut(_e,{valid:w,invalid:C,loading:O,disabled:E}),Ut(qe,{loading:O,disabled:E}),n&&Ut(tt,{loading:O,disabled:E,readonly:F,value:x}),b&&si(Hs,{children:[l&&Ut(mt,{}),Ut(pt,{children:b})]}),d&&Ut(co,{className:"k-input-spinner",size:t,fillMode:r,disabled:E})]})};$.states=Wb;$.options=Xb;$.className=_s;$.defaultOptions=Rr;$.moduleName=Ps;$.folderName=Gs;$.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var qa=$;import{jsx as Jb}from"react/jsx-runtime";var Ks=e=>Jb(qa,{...e});import{Fragment as BO,jsx as DO}from"react/jsx-runtime";import{Fragment as WO,jsx as VO}from"react/jsx-runtime";import{jsx as YO}from"react/jsx-runtime";import{jsx as di}from"react/jsx-runtime";var qb=$.states,Yb=$.defaultOptions,Qb=$.options,Zb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],jb=[],ea=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?di(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?di(El,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),di(Ks,{value:"Value",style:{width:300},...o,...r})};ea.options=Qb;ea.states=qb;ea.variants=jb;ea.defaultOptions=Yb;ea.modifiers=Zb;ea.className=$.className;var ci="pager",Ds=ci;import{Fragment as Bs,jsx as Ye,jsxs as ta}from"react/jsx-runtime";var Or="k-pager",ef=[i.focus,i.disabled],tf={size:[s.undefined,s.small,s.medium,s.large]},rt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},xe=e=>{let{responsive:t=rt.responsive,size:o,pagerSizeInfo:r=rt.pagerSizeInfo,pageTitleInfo:l=rt.pageTitleInfo,maxPagesInfo:n=rt.maxPagesInfo,itemsPerPage:d=rt.itemsPerPage,maxPages:m=rt.maxPages,currentPage:b=rt.currentPage,previousNext:x=rt.previousNext,type:k=rt.type,pageSizes:v=rt.pageSizes,refresh:u=rt.refresh,info:w=rt.info,focus:C,disabled:I,dir:O,...E}=e,F=[],be=[];for(let se=1;se<=m;se++)F.push(Ye(c,{selected:se===b,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${se}`,...se===b&&{"aria-current":"page"},children:se},se)),be.push(Ye("option",{selected:se===b,children:se},se));return ta("div",{dir:O,...E,className:a(e.className,Or,L(Or,{size:o}),y(Or,{focus:C,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${b} of ${m}`,children:[ta("div",{className:a("k-pager-numbers-wrap"),children:[x&&ta(Bs,{children:[Ye(c,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),k==="numeric"&&Ye("div",{className:a("k-pager-numbers"),children:F}),k==="input"&&ta("span",{className:a("k-pager-input"),children:[l&&Ye("span",{children:"Page"}),Ye($,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Ye("span",{children:n&&`of ${m}`})]}),x&&ta(Bs,{children:[Ye(c,{className:a("k-pager-nav"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),Ye(c,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),v&&ta("span",{className:a("k-pager-sizes"),children:[Ye(ie,{value:`${d}`,size:o,"aria-label":"Items per page"}),r&&Ye("span",{children:"items per page"})]}),u&&Ye(c,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),w&&Ye("span",{className:a("k-pager-info"),children:w})]})};xe.states=ef;xe.options=tf;xe.className=Or;xe.defaultOptions=rt;xe.moduleName=ci;xe.folderName=Ds;xe.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as vP}from"react/jsx-runtime";import{jsx as MP}from"react/jsx-runtime";import{jsx as IP}from"react/jsx-runtime";import{jsx as zs}from"react/jsx-runtime";var of=xe.options,af=xe.states,rf={...xe.defaultOptions,variant:"numeric"},lf=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],nf=[],oa=e=>{let{variant:t,...o}=e;return t==="input"?zs(xe,{...o,type:"input"}):zs(xe,{...o,type:"numeric"})};oa.options=of;oa.states=af;oa.variants=lf;oa.defaultOptions=rf;oa.modifiers=nf;oa.className=xe.className;import{jsx as sf}from"react/jsx-runtime";var Us="k-grid-pager",ft=e=>sf(xe,{...e,className:a(e.className,Us),children:e.children});ft.className=Us;ft.moduleName=V;ft.folderName=J;var pi="button",Fs=pi;import{jsx as mf}from"react/jsx-runtime";var Ya="k-button-group",df=[i.disabled],cf={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},pf={},_=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return mf("div",{role:"group",...l,className:a(e.className,Ya,L(Ya,{fillMode:t}),y(Ya,{disabled:o}),{[`${Ya}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};_.states=df;_.options=cf;_.className=Ya;_.defaultOptions=pf;_.moduleName=pi;_.folderName=Fs;_.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as a0,jsx as o0,jsxs as r0}from"react/jsx-runtime";import{Fragment as c0,jsx as d0,jsxs as p0}from"react/jsx-runtime";import{Fragment as h0,jsx as T0,jsxs as g0}from"react/jsx-runtime";import{Fragment as C0,jsx as w0,jsxs as L0}from"react/jsx-runtime";import{Fragment as E0,jsx as I0,jsxs as R0}from"react/jsx-runtime";import{Fragment as K0,jsx as _0,jsxs as D0}from"react/jsx-runtime";import{jsx as Ft,jsxs as mi}from"react/jsx-runtime";var uf={...c.options,..._.options},bf=c.states,ff={...c.defaultOptions,..._.defaultOptions,variant:"text-button"},Tf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hf=[],aa=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?mi(_,{fillMode:r.fillMode,className:o,children:[Ft(c,{...r,icon:"star"}),Ft(c,{...r,icon:"star"}),Ft(c,{...r,icon:"star"})]}):t==="icon-text-button"?mi(_,{fillMode:r.fillMode,className:o,children:[Ft(c,{...r,icon:"star",children:"First"}),Ft(c,{...r,icon:"star",children:"Middle"}),Ft(c,{...r,icon:"star",children:"Last"})]}):mi(_,{fillMode:r.fillMode,className:o,children:[Ft(c,{...r,children:"First"}),Ft(c,{...r,children:"Middle"}),Ft(c,{...r,children:"Last"})]})};aa.options=uf;aa.states=bf;aa.variants=Tf;aa.defaultOptions=ff;aa.modifiers=hf;aa.className=_.className;import{jsx as $s,jsxs as Nf}from"react/jsx-runtime";var Vs="k-color-preview",gf=[],xf={},po=e=>{let{color:t,iconName:o,...r}=e;return Nf("span",{...r,className:a(e.className,Vs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&$s(f,{icon:o,className:"k-color-preview-icon"}),$s("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};po.states=gf;po.options=xf;po.className=Vs;var ui="slider",Ws=ui;import{jsx as ra,jsxs as bi}from"react/jsx-runtime";var Qa="k-slider",kf=[i.hover,i.focus,i.active,i.disabled,i.readonly],vf={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:r=Tt.gradientType,readonly:l=Tt.readonly,disabled:n=Tt.disabled,handlePosition:d=Tt.handlePosition,showButtons:m=Tt.showButtons,showTicks:b=Tt.showTicks,value:x=Tt.value,min:k=Tt.min,max:v=Tt.max,startValue:u,endValue:w,hover:C,focus:I,active:O,trackStyle:E,dir:F,...be}=e,Ge=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),He,et;return o==="horizontal"?(He=F==="rtl"?"caret-alt-left":"caret-alt-right",et=F==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(He="caret-alt-up",et="caret-alt-down"),bi("div",{...be,className:a(Qa,e.className,y(Qa,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[m&&ra(c,{className:"k-button-decrease",rounded:"full",icon:et,tabIndex:-1,title:"Decrease"}),bi("div",{className:"k-slider-track-wrap",children:[b&&ra("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),bi("div",{className:"k-slider-track",style:E,children:[ra("div",{className:"k-slider-selection"}),t==="range"&&ra("span",{className:a("k-draghandle","k-draghandle-start",y(Qa,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":u??k,"aria-valuemin":k,"aria-valuemax":w??v,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),ra("span",{className:a("k-draghandle",`k-draghandle-${d}`,y(Qa,{hover:C,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?w??v:x,"aria-valuemin":t==="range"?u??k:k,"aria-valuemax":v,"aria-orientation":Ge,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),m&&ra(c,{className:"k-button-increase",rounded:"full",icon:He,tabIndex:-1,title:"Increase"})]})};me.states=kf;me.options=vf;me.className=Qa;me.defaultOptions=Tt;me.moduleName=ui;me.folderName=Ws;me.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Xs}from"react/jsx-runtime";var Js="k-tick",wf=[],Cf={},qs={label:!1},G=e=>{let{style:t,label:o=qs.label,orientation:r,large:l,text:n,...d}=e;return Xs("li",{...d,role:"presentation",title:n||"Tick",className:a(e.className,Js,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&Xs("span",{className:"k-label",children:n})})};G.states=wf;G.options=Cf;G.className=Js;G.defaultOptions=qs;import{Fragment as Lf,jsx as ht,jsxs as Mf}from"react/jsx-runtime";var Ys=e=>ht(me,{"aria-label":e["aria-label"]||"Slider",children:Mf(Lf,{children:[ht(G,{className:"k-first",label:!0,large:!0,text:"0"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{label:!0,large:!0,text:"5"}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{}),ht(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as yf,jsx as gt,jsxs as Sf}from"react/jsx-runtime";var Qs=e=>gt(me,{children:Sf(yf,{children:[gt(G,{className:"k-first",label:!0,large:!0,text:"0"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{label:!0,large:!0,text:"5"}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{}),gt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as LG,jsx as CG,jsxs as MG}from"react/jsx-runtime";import{Fragment as EG,jsx as IG,jsxs as RG}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var fi=e=>Af(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as If}from"react/jsx-runtime";var Ti=e=>If(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as FG,jsx as UG,jsxs as $G}from"react/jsx-runtime";import{Fragment as qG,jsx as JG,jsxs as YG}from"react/jsx-runtime";import{jsx as Ot,jsxs as Zs}from"react/jsx-runtime";var Ef=me.options,Rf=me.states,js={...me.defaultOptions,variant:"horizontal",label:!0},Of=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Pf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],la=e=>{let{variant:t,modifiers:o,...r}={...js,...e},l={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!o?.[x];break}case"label":{l.label=!!o?.[x];break}case"tick":{l.showTicks=!!o?.[x];break}}});let{label:n=!0,showButtons:d,showTicks:m}=l,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Zs(Qs,{showTicks:m,showButtons:d,style:{height:"300px",...b},...r,children:[Ot(G,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ot(G,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Zs(Ys,{showTicks:m,showButtons:d,style:{width:"400px",...b},...r,children:[Ot(G,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ot(G,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};la.options=Ef;la.states=Rf;la.variants=Of;la.defaultOptions=js;la.modifiers=Pf;la.className=me.className;import{Fragment as Za,jsx as W,jsxs as we}from"react/jsx-runtime";var ed="k-colorgradient-inputs",Gf=[],Hf={size:[s.undefined,s.small,s.medium,s.large]},td={mode:"rgba"},ia=e=>{let{mode:t=td.mode,size:o,...r}=e;return we("div",{...r,className:a(ed,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(Za,{children:[we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(Za,{children:we("div",{className:"k-vstack k-flex-1",children:[W(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ia.states=Gf;ia.options=Hf;ia.className=ed;ia.defaultOptions=td;import{jsx as Mo,jsxs as yo}from"react/jsx-runtime";var od="k-colorgradient-color-contrast",_f=[],Kf={},Df={},na=()=>yo("div",{className:a(od,"k-vbox"),children:[yo("div",{className:"k-contrast-ratio",children:[Mo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),yo("span",{className:"k-contrast-validation !k-text-success",children:[Mo(f,{icon:"check"}),Mo(f,{icon:"check"})]})]}),yo("div",{children:[Mo("span",{children:"AA: 4.5"}),yo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Mo(f,{icon:"check"})]})]}),yo("div",{children:[Mo("span",{children:"AAA: 7.0"}),yo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Mo(f,{icon:"x"})]})]})]});na.states=_f;na.options=Kf;na.className=od;na.defaultOptions=Df;var ad="color-gradient",rd="colorgradient";import{jsx as xt,jsxs as ja}from"react/jsx-runtime";var Pr="k-colorgradient",Bf=[i.hover,i.focus,i.readonly,i.disabled],zf={size:[s.undefined,s.small,s.medium,s.large]},Pt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ye=e=>{let{size:t,mode:o=Pt.mode,readonly:r=Pt.readonly,disabled:l=Pt.disabled,gradientStyle:n=Pt.gradientStyle,dragHandleStyle:d=Pt.dragHandleStyle,alphaStyle:m=Pt.alphaStyle,alphaStyleHorizontal:b=Pt.alphaStyleHorizontal,contrast:x=Pt.contrast,dir:k,hover:v,focus:u,hoverHandle:w,focusHandle:C,canvasOrientation:I=Pt.canvasOrientation,role:O,tabIndex:E,...F}=e;return ja("div",{...F,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":l?"true":void 0,className:a(e.className,Pr,L(Pr,{size:t}),y(Pr,{hover:v,focus:u,readonly:r,disabled:l})),dir:k,children:[!I||I==="horizontal"&&ja("div",{className:"k-colorgradient-canvas k-hstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ja("div",{className:"k-hsv-controls k-hstack",children:[xt(Ti,{className:"k-hue-slider",hover:w,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(Ti,{className:"k-alpha-slider",hover:w,focus:C,trackStyle:m})]})]}),I==="vertical"&&ja("div",{className:"k-colorgradient-canvas k-vstack",children:[xt("div",{className:"k-hsv-rectangle",style:n,children:xt("div",{className:"k-hsv-gradient",children:xt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":C}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ja("div",{className:"k-hsv-controls k-vstack",children:[xt(fi,{className:"k-hue-slider",hover:w,focus:C}),o!=="rgb"&&o!=="hsv"&&xt(fi,{className:"k-alpha-slider",hover:w,focus:C,trackStyle:b})]})]}),xt(ia,{mode:e.mode,size:t}),x&&xt(na,{})]})};ye.states=Bf;ye.options=zf;ye.className=Pr;ye.defaultOptions=Pt;ye.moduleName=ad;ye.folderName=rd;ye.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Uf}from"react/jsx-runtime";var Gr=e=>Uf(ye,{...e});import{jsx as BH}from"react/jsx-runtime";import{jsx as $H}from"react/jsx-runtime";import{jsx as hi}from"react/jsx-runtime";var Ff=ye.options,$f=ye.states,Vf={...ye.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Xf=[],sa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return hi(Gr,{...o,mode:t});case"rgb":return hi(Gr,{...o,mode:t});default:return hi(Gr,{...o,mode:t})}};sa.options=Ff;sa.states=$f;sa.variants=Wf;sa.defaultOptions=Vf;sa.modifiers=Xf;sa.className=ye.className;import{jsx as Jf}from"react/jsx-runtime";var gi=e=>Jf("tr",{role:"row",children:e.children});import{jsx as Qf}from"react/jsx-runtime";var xi="k-colorpalette-tile",qf=[i.hover,i.focus,i.selected],Yf={},da=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Qf("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,xi,y(xi,{hover:r,focus:l,selected:n})),style:m})};da.states=qf;da.options=Yf;da.className=xi;var ld="color-palette",id="colorpalette";import{jsx as er}from"react/jsx-runtime";var Hr="k-colorpalette",Zf=[i.disabled],jf={size:[s.undefined,s.small,s.medium,s.large]},nd={columns:10},Ue=e=>{let{size:t,palette:o,columns:r=nd.columns,tileSize:l,disabled:n,...d}=e,m=[];if(o){let b=r||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(k,v)=>{let u=[];x.slice(v*b,(v+1)*b).map((C,I)=>{u.push(er(da,{color:C,tileSize:l},I))});let w=er(gi,{children:u},v);m.push(w)})}return er("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,Hr,y(Hr,{disabled:n}),L(Hr,{size:t})),children:er("table",{className:"k-colorpalette-table",role:"none",children:er("tbody",{children:m.length>0?m:e.children})})})};Ue.states=Zf;Ue.options=jf;Ue.className=Hr;Ue.defaultOptions=nd;Ue.moduleName=ld;Ue.folderName=id;Ue.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var _r=Ue;var tr={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as eT}from"react/jsx-runtime";var sd=e=>eT(_r,{palette:tr.basic,...e});import{jsx as L_}from"react/jsx-runtime";import{jsx as E_,jsxs as R_}from"react/jsx-runtime";import{jsx as nT}from"react/jsx-runtime";var tT=Ue.options,oT=Ue.states,aT={...Ue.defaultOptions,variant:"basic"},rT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],lT={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},iT=[],ca=e=>{let{variant:t="basic",...o}=e,r=lT[t];return nT(sd,{columns:r.columns,palette:r,...o})};ca.options=tT;ca.states=oT;ca.variants=rT;ca.defaultOptions=aT;ca.modifiers=iT;ca.className=Ue.className;var dd="color-editor",cd="coloreditor";import{jsx as Nt,jsxs as pa}from"react/jsx-runtime";var Kr="k-coloreditor",sT=[i.focus],dT={size:[s.undefined,s.small,s.medium,s.large]},or={view:"gradient",palette:tr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=or.view,palette:r=or.palette,color:l,currentColor:n,focus:d,focusView:m,dir:b,group:x,actionButtons:k=or.actionButtons,canvasOrientation:v=or.canvasOrientation,...u}=e;return pa("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Kr,L(Kr,{size:t}),y(Kr,{focus:d})),dir:b,children:[pa("div",{className:"k-coloreditor-header k-hstack",children:[Nt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&pa(_,{fillMode:"flat",children:[Nt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Nt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Nt("div",{className:"k-spacer"}),pa("div",{className:"k-coloreditor-header-actions k-hstack",children:[Nt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),pa("div",{className:"k-coloreditor-preview k-vstack",children:[Nt(po,{className:"k-coloreditor-preview-color",color:l}),Nt(po,{className:"k-coloreditor-current-color",color:n})]})]})]}),Nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Nt(ye,{focus:m,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):Nt(Ue,{palette:r,size:t})}),k&&pa(ut,{className:"k-coloreditor-footer",alignment:"start",children:[Nt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Nt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=sT;Ne.options=dT;Ne.className=Kr;Ne.defaultOptions=or;Ne.moduleName=dd;Ne.folderName=cd;Ne.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ma=Ne;import{jsx as n1}from"react/jsx-runtime";import{jsx as p1}from"react/jsx-runtime";import{jsx as cT}from"react/jsx-runtime";var pd=e=>cT(ma,{group:!0,currentColor:"fuchsia",...e});import{jsx as pT}from"react/jsx-runtime";var md=e=>pT(ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ud}from"react/jsx-runtime";var mT=Ne.options,uT=Ne.states,bT={...Ne.defaultOptions,variant:"gradient"},fT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],TT=[],ua=e=>{let{variant:t,...o}=e;return t==="palette"?ud(md,{...o,color:"white"}):ud(pd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ua.options=mT;ua.states=uT;ua.variants=fT;ua.defaultOptions=bT;ua.modifiers=TT;ua.className=Ne.className;var bd="color-picker",fd="colorpicker";import{Fragment as xT,jsx as kt,jsxs as Ni}from"react/jsx-runtime";var Td="k-colorpicker",hT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],gT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},hd={arrowIconName:"caret-alt-down"},lt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=hd.arrowIconName,prefix:n,suffix:d,value:m,placeholder:b,hover:x,focus:k,valid:v,invalid:u,required:w,disabled:C,valueIconName:I,popup:O,opened:E,adaptive:F,adaptiveSettings:be,adaptiveTitle:se,adaptiveSubtitle:Ge,...He}=e,et="colorpicker-popup";return Ni(xT,{children:[Ni(It,{...He,size:t,rounded:o,fillMode:r,hover:x,focus:k,valid:v,invalid:u,required:w,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E||F?et:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:a(e.className,Td,"k-icon-picker"),children:[kt(ct,{children:n}),kt(ko,{placeholder:b,value:m,showValue:!1,valueIcon:kt(po,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),kt(pt,{children:d}),kt(c,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),E&&O&&kt(te,{id:et,className:"k-colorpicker-popup",children:O}),F&&kt(ge,{adaptive:!0,id:et,...be,header:kt(Ke,{actionsEnd:kt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:Ge}),footer:Ni(oo,{children:[kt(c,{text:"Cancel",size:"large"}),kt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:kt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};lt.states=hT;lt.options=gT;lt.className=Td;lt.defaultOptions=hd;lt.moduleName=bd;lt.folderName=fd;lt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var $t=lt;import{jsx as NT}from"react/jsx-runtime";var Dr=e=>NT($t,{...e});import{jsx as J1}from"react/jsx-runtime";import{jsx as j1}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as nK}from"react/jsx-runtime";import{jsx as pK}from"react/jsx-runtime";import{jsx as fK}from"react/jsx-runtime";import{jsx as So}from"react/jsx-runtime";var kT=$t.options,vT=$t.states,gd={...$t.defaultOptions,variant:"color"},wT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],CT=[{name:"opened",title:"Opened"}],ba=e=>{let{variant:t,modifiers:o,...r}={...gd,...e},l={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?So(Ne,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return So("div",{style:n,children:So(Dr,{...r,...l})});case"icon":return So("div",{style:n,children:So(Dr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return So("div",{style:n,children:So(Dr,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};ba.options=kT;ba.states=vT;ba.variants=wT;ba.defaultOptions=gd;ba.modifiers=CT;ba.className=$t.className;var ki="combobox",xd=ki;import{Fragment as vi,jsx as Le,jsxs as ar}from"react/jsx-runtime";var Nd="k-combobox",LT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],MT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},kd={separators:!0},Oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=kd.separators,prefix:n,suffix:d,value:m,placeholder:b,hover:x,focus:k,valid:v,invalid:u,required:w,loading:C,disabled:I,popup:O,opened:E,readonly:F,adaptive:be,adaptiveSettings:se,adaptiveTitle:Ge,adaptiveSubtitle:He,adaptiveCustomValue:et,id:xo,autocomplete:rl,activeDescendant:Yt,"aria-label":br,...ll}=e,il=xo?`${xo}-listbox`:void 0;return ar(vi,{children:[ar(ve,{...ll,size:t,rounded:o,fillMode:r,hover:x,focus:k,valid:v,invalid:u,required:w,loading:C,disabled:I,readonly:F,className:a(e.className,Nd),children:[n&&ar(vi,{children:[Le(ct,{children:n}),l&&Le(mt,{})]}),Le(ot,{id:xo,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?il:void 0,"aria-activedescendant":E&&Yt?Yt:void 0,"aria-autocomplete":rl,"aria-invalid":u?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":br,disabled:I,readOnly:F}),Le(_e,{valid:v,invalid:u,loading:C,disabled:I}),Le(qe,{loading:C,disabled:I}),Le(tt,{loading:C,disabled:I,readonly:F,value:m}),d&&ar(vi,{children:[l&&Le(mt,{}),Le(pt,{children:d})]}),Le(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),E&&O&&Le(te,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),be&&Le(ge,{adaptive:!0,id:xo?`${xo}-adaptive`:void 0,...se,header:Le(Ke,{actionsEnd:Le(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:Ge,subtitle:He}),children:Le("div",{className:"k-list-container",children:Le(q,{customValue:et?Le(no,{text:`Use "${m}"`}):void 0,size:"large",children:ar(de,{"aria-label":Ge||"Options",children:[Le(z,{text:"List item"}),Le(z,{text:"List item"}),Le(z,{text:"List item"})]})})})})]})};Oe.states=LT;Oe.options=MT;Oe.className=Nd;Oe.defaultOptions=kd;Oe.moduleName=ki;Oe.folderName=xd;Oe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var it=Oe;import{jsx as yT}from"react/jsx-runtime";var vd=e=>yT(it,{...e});import{jsx as QK,jsxs as ZK}from"react/jsx-runtime";import{jsx as rD,jsxs as lD}from"react/jsx-runtime";import{jsx as pD,jsxs as mD}from"react/jsx-runtime";import{Fragment as gD,jsx as hD}from"react/jsx-runtime";import{Fragment as CD,jsx as wD}from"react/jsx-runtime";import{jsx as ID,jsxs as ED}from"react/jsx-runtime";import{Fragment as DD,jsx as _D,jsxs as KD}from"react/jsx-runtime";import{jsx as FD}from"react/jsx-runtime";import{jsx as XD}from"react/jsx-runtime";import{jsx as jD,jsxs as eB}from"react/jsx-runtime";import{jsx as iB,jsxs as nB}from"react/jsx-runtime";import{jsx as mo,jsxs as OT}from"react/jsx-runtime";var ST=Oe.states,AT=Oe.defaultOptions,IT=Oe.options,ET=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],RT=[],fa=e=>{let{modifiers:t,...o}=e,r={},l=mo(q,{style:{width:300},size:o.size,children:OT(de,{children:[mo(z,{children:"List item"}),mo(z,{children:"List item"}),mo(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t?.[n]?mo(f,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[n]?mo(to,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!t?.[n],r.popup=t?.[n]?l:void 0;break;default:break}}),mo("div",{children:mo(vd,{value:"Value",style:{width:300},...o,...r})})};fa.options=IT;fa.states=ST;fa.variants=RT;fa.defaultOptions=AT;fa.modifiers=ET;fa.className=Oe.className;var wi="menu-button",wd=wi;import{jsx as HT}from"react/jsx-runtime";var Cd="k-menu-button",PT=[i.hover,i.focus,i.active,i.selected,i.disabled],GT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Ci={showArrow:!0,arrowIconName:"caret-alt-down"},ne=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,icon:k,text:v,showArrow:u=Ci.showArrow,arrowIconName:w=Ci.arrowIconName,expanded:C,...I}=e;return HT(c,{...I,className:a(e.className,Cd),text:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,icon:k,showArrow:u,arrowIconName:w,"aria-expanded":C?"true":"false",...!v&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ne.states=PT;ne.options=GT;ne.className=Cd;ne.defaultOptions=Ci;ne.moduleName=wi;ne.folderName=wd;ne.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 BB}from"react/jsx-runtime";import{jsx as $B}from"react/jsx-runtime";import{jsx as JB}from"react/jsx-runtime";var nt="menu",vt=nt;import{jsx as rr,jsxs as Ld}from"react/jsx-runtime";var Li="k-menu-item",_T=[i.hover,i.focus,i.active,i.selected,i.disabled],KT={},Md={iconPosition:"before"},Pe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:x,showArrow:k,arrowIconName:v,iconPosition:u=Md.iconPosition,dir:w,children:C,expanded:I,...O}=e,E=v;return E||(E=w==="rtl"?"caret-alt-left":"caret-alt-right"),Ld("li",{...O,className:a(e.className,Li,"k-item",y(Li,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":b,"k-last":x}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ld("span",{className:a("k-link k-menu-link"),children:[d&&u==="before"&&rr(f,{className:"k-menu-link-icon",icon:d}),rr("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&rr(f,{className:"k-menu-link-icon",icon:d}),k&&rr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:rr(f,{icon:E})})]}),C]})};Pe.states=_T;Pe.options=KT;Pe.className=Li;Pe.defaultOptions=Md;Pe.moduleName=nt;Pe.folderName=vt;import{jsx as lr,jsxs as yd}from"react/jsx-runtime";var Mi="k-menu-item",DT=[i.hover,i.focus,i.active,i.selected,i.disabled],BT={},yi={dir:"ltr",iconPosition:"before"},U=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:m,first:b,last:x,showArrow:k,arrowIconName:v,iconPosition:u=yi.iconPosition,dir:w=yi.dir,children:C,popup:I,expanded:O,...E}=e,F=v;return F||(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),yd("li",{...E,className:a(e.className,Mi,"k-item",y(Mi,{focus:o,disabled:n}),{"k-first":b,"k-last":x}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[yd("span",{className:a("k-link k-menu-link",y("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[d&&u==="before"&&lr(f,{className:"k-menu-link-icon",icon:d}),lr("span",{className:"k-menu-link-text",children:m}),d&&u==="after"&&lr(f,{className:"k-menu-link-icon",icon:d}),k&&lr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:lr(f,{icon:F})})]}),C,I]})};U.states=DT;U.options=BT;U.className=Mi;U.defaultOptions=yi;U.moduleName=nt;U.folderName=vt;import{jsx as $T}from"react/jsx-runtime";var Sd="k-menu-scroll-wrapper",zT=[],UT={},FT={},Ao=e=>{let{className:t,children:o,orientation:r,...l}=e;return $T("div",{...l,className:a(t,Sd,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Ao.states=zT;Ao.options=UT;Ao.className=Sd;Ao.defaultOptions=FT;Ao.moduleName=nt;Ao.folderName=vt;var Ad=Ao;import{Fragment as Si,jsx as Io,jsxs as zr}from"react/jsx-runtime";var Ai="k-menu",VT=[],WT={},Ur={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},fe=e=>{let{children:t,orientation:o=Ur.orientation,header:r=Ur.header,scrollable:l,scrollButtonsPosition:n=Ur.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:x,...k}=e,v={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=Io("ul",{dir:m,...k,className:a(e.className,"k-reset",Ai,{[`${Ai}-${o}`]:o,"k-header":r}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return zr(Si,{children:[l?zr(Ad,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&zr(Si,{children:[Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,n==="end"&&zr(Si,{children:[Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Io(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,b]})};fe.states=VT;fe.options=WT;fe.className=Ai;fe.defaultOptions=Ur;fe.moduleName=nt;fe.folderName=vt;fe.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 XT}from"react/jsx-runtime";var Ii="k-separator",Id={orientation:"horizontal"},uo=e=>{let{orientation:t=Id.orientation,...o}=e;return XT("li",{...o,className:a(e.className,"k-item",Ii,{[`${Ii}-${t}`]:t}),role:"separator"})};uo.className=Ii;uo.defaultOptions=Id;uo.moduleName=nt;uo.folderName=vt;import{Fragment as w2,jsx as C2}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";var Ei="k-menu-group",JT=[],qT={size:[s.undefined,s.small,s.medium,s.large]},YT={},Ce=e=>{let{children:t,size:o,...r}=e;return QT("ul",{...r,className:a(e.className,Ei,L(Ei,{size:o})),role:"menu",children:t})};Ce.states=JT;Ce.options=qT;Ce.className=Ei;Ce.defaultOptions=YT;Ce.moduleName=nt;Ce.folderName=vt;import{Fragment as ZT,jsx as Ta,jsxs as jT}from"react/jsx-runtime";var Ri=e=>Ta(fe,{children:jT(ZT,{children:[Ta(Pe,{first:!0,text:"Item 1"}),Ta(Pe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ta(Pe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ta(Pe,{text:"Item 4"}),Ta(Pe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as K2,jsx as H2,jsxs as _2}from"react/jsx-runtime";import{Fragment as F2,jsx as U2,jsxs as $2}from"react/jsx-runtime";import{Fragment as q2,jsx as J2,jsxs as Y2}from"react/jsx-runtime";import{Fragment as t3,jsx as e3,jsxs as o3}from"react/jsx-runtime";import{jsx as Eo,jsxs as rh}from"react/jsx-runtime";var eh=fe.options,th=fe.states,Ed={...fe.defaultOptions,variant:"horizontal"},oh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ah=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ha=e=>{let{variant:t,modifiers:o,...r}={...Ed,...e},l={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!o?.[n];break;case"opened":l.opened=!!o?.[n],l.popup=Eo(te,{className:"k-menu-popup",children:rh(Ce,{children:[Eo(U,{text:"Item 1"}),Eo(U,{text:"Item 2"}),Eo(uo,{}),Eo(U,{text:"Item 3"})]})});break}}),t==="vertical"?Eo(Ri,{...r,...l,orientation:"vertical",style:{width:"200px"}}):Eo(Ri,{...r,...l})};ha.options=eh;ha.states=th;ha.variants=oh;ha.defaultOptions=Ed;ha.modifiers=ah;ha.className=fe.className;import{Fragment as P3,jsx as R3,jsxs as O3}from"react/jsx-runtime";import{jsx as K3}from"react/jsx-runtime";import{Fragment as dh,jsx as Gt,jsxs as Rd}from"react/jsx-runtime";var lh=c.states,Od={...c.defaultOptions,variant:"text"},ih=c.options,nh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],sh=[{name:"opened",title:"Opened"}],ga=e=>{let{variant:t,modifiers:o,...r}={...Od,...e},l={},n=Gt(te,{className:"k-menu-popup",children:Rd(Ce,{size:r.size,children:[Gt(U,{first:!0,text:"Menu Item"}),Gt(U,{text:"Menu Item"}),Gt(U,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Gt("div",{children:Gt(ne,{...r,...l,icon:"star"})});break;case"icon-and-text":d=Gt("div",{children:Gt(ne,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:d=Gt("div",{children:Gt(ne,{...r,...l,children:"Dropdown Button"})});break}return Rd(dh,{children:[d,o?.opened&&n]})};ga.options=ih;ga.states=lh;ga.variants=nh;ga.defaultOptions=Od;ga.modifiers=sh;ga.className=ne.className;var Oi="split-button",Pd=Oi;import{Fragment as mh,jsx as Pi,jsxs as Gd}from"react/jsx-runtime";var Gi="k-split-button",ch=[i.hover,i.focus,i.active,i.selected,i.disabled],ph={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Hd={arrowIconName:"caret-alt-down"},X=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,icon:k,text:v,arrowIconName:u=Hd.arrowIconName,popup:w,opened:C,popupId:I,...O}=e;return Gd(mh,{children:[Gd("div",{...O,className:a(e.className,Gi,"k-button-group",L(Gi,{rounded:o})),children:[Pi(c,{text:v,icon:k,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:x,...!v&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),Pi(c,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?I:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),C&&w&&Pi(te,{className:"k-menu-popup",children:w})]})};X.states=ch;X.options=ph;X.className=Gi;X.defaultOptions=Hd;X.moduleName=Oi;X.folderName=Pd;X.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.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 Hi=X;import{jsx as bh}from"react/jsx-runtime";var uh="k-toolbar-separator",Mt=e=>bh("div",{className:a(uh,e.className,"k-separator")});var Vt="toolbar",bo=Vt;import{Fragment as _i,jsx as Q,jsxs as xa}from"react/jsx-runtime";var Wt="k-toolbar",fh=[i.focus],Th={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},hh={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:m,section:b,...x}=e,k=[],v=(u,w)=>{let C=[];if(u.type===c&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))C.push(Q(c,{...u.props,className:`${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===c)C.push(Q(c,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===Ua)C.push(Q(Ua,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===to)C.push(Q(to,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===ne)C.push(Q(ne,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===Hi)C.push(Q(Hi,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`));else if(u.type===_||u.props.className&&u.props.className.includes("k-button-group")){let I=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,F)=>{I.push(Q(c,{...E.props,className:`${E.props.className?E.props.className:""}`},`${F}-${new Date().getTime()}`))}),C.push(Q(_,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:I},`${w}-${new Date().getTime()}`))}else u.type===Oe?C.push(Q(Oe,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`)):u.type===ie?C.push(Q(ie,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`)):u.type===lt?C.push(Q(lt,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${w}-${new Date().getTime()}`)):C.push(u);C.forEach(I=>{k.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,C)=>{v(w,C)}),xa("div",{...x,className:a(e.className,Wt,L(Wt,{size:t,fillMode:o}),y(Wt,{focus:r}),{[`${Wt}-resizable`]:l,[`${Wt}-scrollable`]:n,[`${Wt}-scrollable-overlay`]:n&&d==="hidden",[`${Wt}-scrollable-${m}`]:m&&m!=="both",[`${Wt}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&k,n&&d==="hidden"&&Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),n&&d==="start"&&xa(_i,{children:[xa(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),n&&d==="end"&&xa(_i,{children:[Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),Q(Mt,{className:"k-toolbar-button-separator"}),xa(_,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-left"})}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(d==="around"||!d)&&xa(_i,{children:[Q("span",{className:a("k-toolbar-prev","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-left"})}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),Q(Mt,{className:"k-toolbar-button-separator"}),Q("span",{className:a("k-toolbar-next","k-button",L("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Q(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=fh;pe.options=Th;pe.className=Wt;pe.defaultOptions=hh;pe.moduleName=Vt;pe.folderName=bo;pe.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as kh}from"react/jsx-runtime";var _d="k-floating-toolbar",gh=[],xh={},Nh={},Na=e=>{let{...t}=e;return kh("div",{...t,className:a(e.className,_d),children:e.children})};Na.states=gh;Na.options=xh;Na.className=_d;Na.defaultOptions=Nh;Na.moduleName=Vt;Na.folderName=bo;import{jsx as Lh}from"react/jsx-runtime";var Ki="k-toolbar-item",vh=[i.focus],wh={},Ch={},ka=e=>{let{focus:t,...o}=e;return Lh("div",{...o,className:a(e.className,Ki,y(Ki,{focus:t})),children:e.children})};ka.states=vh;ka.options=wh;ka.className=Ki;ka.defaultOptions=Ch;ka.moduleName=Vt;ka.folderName=bo;import{jsx as Kd}from"react/jsx-runtime";var Dd="k-toolbar-popup",Mh=[],yh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Sh={},Ro=e=>{let{size:t,fillMode:o,section:r,...l}=e;return Kd(te,{...l,className:a(e.className,Dd),children:r?Kd("span",{className:a("k-toolbar-items-list",L("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ro.states=Mh;Ro.options=yh;Ro.className=Dd;Ro.defaultOptions=Sh;Ro.moduleName=Vt;Ro.folderName=bo;var Fr=Ro;import{jsx as z5}from"react/jsx-runtime";import{jsx as V5}from"react/jsx-runtime";import{jsx as q5}from"react/jsx-runtime";import{jsx as tz,jsxs as oz}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";import{jsx as Xt,jsxs as Oh}from"react/jsx-runtime";var Ah=X.states,Bd={...X.defaultOptions,variant:"text"},Ih=X.options,Eh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rh=[{name:"opened",title:"Opened"}],va=e=>{let{variant:t,modifiers:o,...r}={...Bd,...e},l={},n=Oh(Ce,{size:r.size,children:[Xt(U,{first:!0,text:"Menu Item"}),Xt(U,{text:"Menu Item"}),Xt(U,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?n:"")}),t){case"icon-only":return Xt("div",{children:Xt(X,{...r,...l,icon:"star"})});case"icon-and-text":return Xt("div",{children:Xt(X,{...r,...l,icon:"star",children:"Split Button"})});default:return Xt("div",{children:Xt(X,{...r,...l,children:"Split Button"})})}};va.options=Ih;va.states=Ah;va.variants=Eh;va.defaultOptions=Bd;va.modifiers=Rh;va.className=X.className;import{jsx as Oo,jsxs as Ph}from"react/jsx-runtime";var zd=e=>Oo(pe,{children:[Oo(c,{children:"Button"},"toolbar-button"),Oo(ne,{text:"Menu button"},"toolbar-menu-button"),Oo(X,{children:"Split button"},"toolbar-split-button"),Ph(_,{children:[Oo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Oo(c,{icon:"align-center",children:"Center"}),Oo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Gz,jsxs as Hz}from"react/jsx-runtime";import{jsx as st,jsxs as Ud}from"react/jsx-runtime";var Fd=e=>st(pe,{scrollable:!0,...e,children:[st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Ud(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),st(c,{children:"Button"},"toolbar-button"),st(ne,{text:"Menu button"},"toolbar-menu-button"),st(X,{children:"Split button"},"toolbar-split-button"),Ud(_,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as dt,jsxs as $d}from"react/jsx-runtime";var Vd=({scrollingPosition:e="start",...t})=>dt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),$d(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),dt(c,{children:"Button"},"toolbar-button"),dt(ne,{text:"Menu button"},"toolbar-menu-button"),dt(X,{children:"Split button"},"toolbar-split-button"),$d(_,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Gh,jsx as Qe,jsxs as $r}from"react/jsx-runtime";var Wd=({fillMode:e,size:t,...o})=>$r(Gh,{children:[Qe(pe,{section:!0,fillMode:e,size:t,children:[Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),$r(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Qe(Mt,{className:"k-toolbar-button-separator"}),Qe(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),$r(Fr,{size:t,fillMode:e,section:!0,...o,children:[Qe(X,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Qe(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Qe(Mt,{}),Qe(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),$r(_,{fillMode:e,children:[Qe(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Qe(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Qe(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as fU,jsx as uU,jsxs as bU}from"react/jsx-runtime";import{Fragment as MU,jsx as CU,jsxs as LU}from"react/jsx-runtime";import{jsx as fo}from"react/jsx-runtime";var Hh=pe.options,_h=pe.states,Xd={...pe.defaultOptions,variant:"default"},Kh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Dh=[],wa=e=>{let{variant:t,...o}={...Xd,...e};switch(t){case"responsive":return fo("div",{children:fo(Wd,{style:{width:"583px"},...o})});case"overlay":return fo("div",{children:fo(Vd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return fo("div",{children:fo(Fd,{style:{width:"583px"},...o})});default:return fo("div",{children:fo(zd,{style:{width:"583px"},...o})})}};wa.options=Hh;wa.states=_h;wa.variants=Kh;wa.defaultOptions=Xd;wa.modifiers=Dh;wa.className=pe.className;import{jsx as Bh}from"react/jsx-runtime";var Jd="k-grid-toolbar",Po=e=>Bh(pe,{...e,className:a(e.className,Jd),children:e.children});Po.className=Jd;Po.moduleName=V;Po.folderName=J;import{jsx as Di,jsxs as Uh}from"react/jsx-runtime";var Bi="k-grid-stack-cell",zh=[i.focus,i.selected],Vr=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:d,selected:m,...b}=e;return Uh("div",{...b,className:a(e.className,Bi,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},y(Bi,{focus:d,selected:m})),children:[n&&Di("span",{className:"k-dirty"}),t&&Di("div",{className:"k-grid-stack-header",children:t}),Di("div",{className:"k-grid-stack-content",children:o}),e.children]})};Vr.states=zh;Vr.className=Bi;Vr.moduleName=V;Vr.folderName=J;import{jsx as Fh}from"react/jsx-runtime";var qd="k-grid-stack-row",Wr=e=>{let{cols:t,...o}=e;return Fh("div",{...o,className:a(e.className,qd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Wr.className=qd;Wr.moduleName=V;Wr.folderName=J;import{Fragment as T6,jsx as b6,jsxs as f6}from"react/jsx-runtime";import{Fragment as w6,jsx as k6,jsxs as v6}from"react/jsx-runtime";var Fe="column-menu",Ze=Fe;import{jsx as Wh}from"react/jsx-runtime";var zi="k-column-menu",$h=[],Vh={size:[s.undefined,s.small,s.medium,s.large]},Yd={view:"list"},Jt=e=>{let{view:t=Yd.view,size:o,...r}=e;return Wh("div",{...r,className:a(e.className,zi,L(zi,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Jt.states=$h;Jt.options=Vh;Jt.className=zi;Jt.defaultOptions=Yd;Jt.moduleName=Fe;Jt.folderName=Ze;Jt.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as Qd}from"react/jsx-runtime";var Ui="k-column-list",Xh=[],Jh={size:[s.undefined,s.small,s.medium,s.large]},qh={},Go=e=>{let{size:t,...o}=e;return Qd("div",{className:"k-column-list-wrapper",children:Qd("div",{...o,className:a(e.className,Ui,L(Ui,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Go.states=Xh;Go.options=Jh;Go.className=Ui;Go.defaultOptions=qh;Go.moduleName=Fe;Go.folderName=Ze;import{jsx as Zd,jsxs as jh}from"react/jsx-runtime";var Fi="k-column-list-item",Yh=[i.focus,i.disabled,i.hover],Qh={},Zh={},ir=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...d}=e;return jh("span",{...d,className:a(e.className,Fi,y(Fi,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[Zd(Me,{disabled:n,checked:o,"aria-label":t}),Zd("span",{className:"k-checkbox-label",children:t})]})};ir.states=Yh;ir.options=Qh;ir.className=Fi;ir.defaultOptions=Zh;import{jsx as $i,jsxs as jd}from"react/jsx-runtime";var Vi="k-columnmenu-item",eg=[i.focus,i.selected],tg={},og={},qt=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:d,...m}=e;return jd("div",{...m,className:a(e.className,Vi,y(Vi,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&$i(f,{icon:l}),r,n&&jd("span",{className:"k-columnmenu-indicators",children:[$i(f,{icon:n}),d&&$i("span",{className:"k-sort-index",children:d})]}),e.children]})};qt.states=eg;qt.options=tg;qt.className=Vi;qt.defaultOptions=og;qt.moduleName=Fe;qt.folderName=Ze;import{jsx as V6}from"react/jsx-runtime";import{jsx as rg}from"react/jsx-runtime";var ag="k-columnmenu-item-content",ec=e=>rg("div",{...e,className:a(e.className,ag,"k-columns-item"),children:e.children});import{jsx as tc}from"react/jsx-runtime";var oc="k-filter-menu",lg=[],ig={},ng={},To=e=>{let{...t}=e;return tc("form",{...t,className:a(e.className,oc),children:tc("div",{className:"k-filter-menu-container",children:e.children})})};To.states=lg;To.options=ig;To.className=oc;To.defaultOptions=ng;To.moduleName=Fe;To.folderName=Ze;import{jsx as o4}from"react/jsx-runtime";import{jsx as Wi,jsxs as pg}from"react/jsx-runtime";var sg="k-item",dg={size:[s.undefined,s.small,s.medium,s.large]},cg=[],Xi=e=>{let{text:t,size:o,...r}=e;return Wi("li",{...r,className:a(e.className,sg),children:pg("label",{className:"k-label k-checkbox-label",children:[Wi(Me,{size:o}),Wi("span",{children:t})]})})};Xi.states=cg;Xi.options=dg;import{jsx as Ca,jsxs as ac}from"react/jsx-runtime";var rc="k-expander",mg=[],ug={},bg={},Ho=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:m,contentId:b,...x}=e,k=b||H("columnmenu-content"),v=!n&&!m?Ca(f,{icon:"chevron-down"}):n&&!m?Ca(f,{icon:"chevron-up"}):Ca(f,{icon:m});return ac("div",{...x,className:a(e.className,rc),children:[ac(qt,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":k,children:[Ca("span",{className:"k-spacer"}),Ca("span",{className:"k-expander-indicator",children:v})]}),n&&Ca(ec,{id:k,children:d}),e.children]})};Ho.states=mg;Ho.options=ug;Ho.className=rc;Ho.defaultOptions=bg;Ho.moduleName=Fe;Ho.folderName=Ze;import{jsx as gg}from"react/jsx-runtime";var Ji="k-group-menu",fg=[],Tg={size:[s.undefined,s.small,s.medium,s.large]},hg={},La=e=>{let{size:t,...o}=e;return gg("div",{...o,className:a(e.className,Ji,L(Ji,{size:t})),children:e.children})};La.states=fg;La.options=Tg;La.className=Ji;La.defaultOptions=hg;La.moduleName=Fe;La.folderName=Ze;import{Fragment as vg,jsx as Xr,jsxs as lc}from"react/jsx-runtime";var qi="k-group-menu-item",xg=[i.hover,i.selected],Ng={},kg={},Ma=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...d}=e;return lc("div",{...d,className:a(e.className,qi,y(qi,{hover:t,selected:o})),children:[l&&Xr("span",{className:"k-group-menu-item-actions",children:l}),Xr("span",{className:"k-group-item-text",children:r}),n&&lc(vg,{children:[Xr("span",{className:"k-spacer"}),Xr("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Ma.states=xg;Ma.options=Ng;Ma.className=qi;Ma.defaultOptions=kg;Ma.moduleName=Fe;Ma.folderName=Ze;import{jsx as _o}from"react/jsx-runtime";var Yi="k-group-menu-item-action",wg=[i.hover,i.disabled,i.selected],Cg={size:[s.undefined,s.small,s.medium,s.large]};var Qi=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...d}=e,m;switch(n){case"remove":m=_o(f,{icon:"x-circle",size:l});break;case"add":m=_o(f,{icon:"plus-circle",size:l});break;case"drag":m=_o(f,{icon:"handle-drag-dots",size:l});break;case"up":m=_o(f,{icon:"chevron-up",size:l});break;case"down":m=_o(f,{icon:"chevron-down",size:l});break;default:m=_o(f,{icon:n,size:l});break}return _o("span",{...d,className:a(e.className,Yi,y(Yi,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:m})};Qi.options=wg;Qi.options=Cg;Qi.className=Yi;import{jsx as A4}from"react/jsx-runtime";import{Fragment as H4,jsx as P4,jsxs as G4}from"react/jsx-runtime";import{jsx as Sg}from"react/jsx-runtime";var ic="k-tabstrip-items",Lg=[],Mg={},yg={tabAlignment:"start"},nr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return Sg("ul",{...l,className:a(e.className,ic,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};nr.states=Lg;nr.options=Mg;nr.className=ic;nr.defaultOptions=yg;var nc=nr;import{jsx as Eg}from"react/jsx-runtime";var sc="k-tabstrip-items-wrapper",Ag=[],Ig={},dc={orientation:"horizontal"},sr=e=>{let{children:t,orientation:o=dc.orientation,...r}=e;return Eg("div",{...r,className:a(e.className,sc,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};sr.states=Ag;sr.options=Ig;sr.className=sc;sr.defaultOptions=dc;var cc=sr;var dr="tabstrip",Jr=dr;import{jsx as yt,jsxs as pc}from"react/jsx-runtime";var ho="k-tabstrip",Rg=[],Og={size:[s.undefined,s.small,s.medium,s.large]},qr={position:"top",tabAlignment:"start",scrollButtons:"around"},Ie=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:d=qr.position,tabAlignment:m=qr.tabAlignment,scrollButtons:b=qr.scrollButtons,dir:x,scrollingPosition:k,overflow:v,...u}=e,w={top:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},bottom:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return pc("div",{dir:x,...u,className:a(ho,e.className,{[`${ho}-${d}`]:d,[`${ho}-scrollable`]:o,[`${ho}-scrollable-overlay`]:o&&(b==="hidden"||!b),[`${ho}-scrollable-${k}`]:k&&k!=="both",[`${ho}-overflow`]:v},L(ho,{size:t})),children:[d==="bottom"&&r,pc(cc,{orientation:C[d],children:[o&&(b==="around"||b==="start")&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].prev}`})}),o&&b==="start"&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].next}`})}),yt(nc,{className:a({"k-tabstrip-items-scroll":o&&b==="hidden"}),tabAlignment:I[m],orientation:C[d],...n&&{id:n},children:l}),o&&b==="end"&&yt("span",{className:a("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].prev}`})}),o&&(b==="around"||b==="end")&&yt("span",{className:a("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:yt(f,{className:"k-button-icon",icon:`caret-alt-${w[d].next}`})}),v&&yt("div",{className:"k-tabstrip-actions k-hstack",children:yt(ne,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&r]})};Ie.states=Rg;Ie.options=Og;Ie.className=ho;Ie.defaultOptions=qr;Ie.moduleName=dr;Ie.folderName=Jr;Ie.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 _g}from"react/jsx-runtime";var mc="k-tabstrip-wrapper",Pg=[],Gg={},Hg={},ya=e=>{let{...t}=e;return _g("div",{...t,className:a(e.className,mc),children:e.children})};ya.states=Pg;ya.options=Gg;ya.className=mc;ya.defaultOptions=Hg;ya.moduleName=dr;ya.folderName=Jr;import{jsx as Yr,jsxs as Zi}from"react/jsx-runtime";var ji="k-tabstrip-item",Kg=[i.active,i.hover,i.disabled,i.focus],Dg={},uc={iconPosition:"before"},je=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:d,first:m,last:b,closable:x,icon:k,iconPosition:v=uc.iconPosition,value:u,actions:w,...C}=e;return Zi("li",{...C,className:a(e.className,ji,y(ji,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":b}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[Zi("span",{className:"k-link",children:[k&&v==="before"&&Yr(f,{icon:k}),u&&Yr("span",{className:"k-link-text",children:u}),k&&v==="after"&&Yr(f,{icon:k})]}),(w||x)&&Zi("span",{className:"k-item-actions",children:[w,x&&Yr(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};je.states=Kg;je.options=Dg;je.className=ji;je.item=uc;import{jsx as Fg}from"react/jsx-runtime";var en="k-tabstrip-content",Bg=[i.active,i.focus],zg={},Ug={},Ht=e=>{let{active:t,focus:o,children:r,...l}=e;return Fg("div",{...l,className:a(e.className,en,y(en,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};Ht.states=Bg;Ht.options=zg;Ht.className=en;Ht.defaultOptions=Ug;import{Fragment as $g,jsx as go,jsxs as Vg}from"react/jsx-runtime";var St=({children:e,...t})=>go(Ie,{tabStripItems:Vg($g,{children:[go(je,{first:!0,value:"First"}),go(je,{active:!0,value:"Second"}),go(je,{value:"Third"}),go(je,{value:"Fourth"}),go(je,{last:!0,value:"Fifth"})]}),...t,children:e||go(Ht,{active:!0,children:go("div",{children:"TabStrip Content"})})});import{jsx as Wg}from"react/jsx-runtime";var bc=e=>Wg(St,{position:"bottom",...e});import{jsx as Xg}from"react/jsx-runtime";var fc=e=>Xg(St,{position:"right",...e});import{jsx as Jg}from"react/jsx-runtime";var Tc=e=>Jg(St,{position:"left",...e});import{jsx as L7}from"react/jsx-runtime";import{Fragment as I7,jsx as A7,jsxs as E7}from"react/jsx-runtime";import{jsx as G7}from"react/jsx-runtime";import{Fragment as U7,jsx as z7,jsxs as F7}from"react/jsx-runtime";import{Fragment as J7,jsx as X7,jsxs as q7}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var qg={...Ie.options,scrollable:{type:"boolean"}},Yg=Ie.states,hc={...Ie.defaultOptions,scrollable:!1,variant:"up"},Qg=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Zg=[],Sa=e=>{let{variant:t,...o}={...hc,...e},r={};switch(t){case"right":return Qr(fc,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Qr(Tc,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Qr(bc,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Qr(St,{style:{width:"350px"},...o,...r})}};Sa.options=qg;Sa.states=Yg;Sa.variants=Qg;Sa.defaultOptions=hc;Sa.modifiers=Zg;Sa.className=Ie.className;import{Fragment as MF,jsx as LF,jsxs as yF}from"react/jsx-runtime";import{Fragment as _F,jsx as GF,jsxs as HF}from"react/jsx-runtime";import{Fragment as XF,jsx as VF,jsxs as WF}from"react/jsx-runtime";import{Fragment as w9,jsx as k9,jsxs as v9}from"react/jsx-runtime";import{Fragment as I9,jsx as S9,jsxs as A9}from"react/jsx-runtime";import{Fragment as z9,jsx as D9,jsxs as B9}from"react/jsx-runtime";import{Fragment as jg,jsx as M,jsxs as ue}from"react/jsx-runtime";var gc=({contentClassName:e,...t})=>M(D,{_renderAriaRoot:!0,pager:M(ft,{refresh:!1}),children:ue(jg,{children:[M(oe,{children:M("div",{className:"k-grid-header-wrap",children:ue(re,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(Z,{role:"rowgroup",children:[ue(S,{role:"row",children:[M(A,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),M(A,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),ue(S,{className:"k-filter-row",role:"row",children:[M(p,{role:"gridcell","aria-label":"Product Id filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Product Id filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Name filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Name filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Quantity filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ce,{"aria-label":"Quantity filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Unit Price filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M($,{"aria-label":"Unit Price filter"}),ue("div",{className:"k-filtercell-operator",children:[M(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),M(p,{role:"gridcell","aria-label":"Discontinued filter",children:M("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[M(ie,{"aria-label":"Discontinued filter"}),M("div",{className:"k-filtercell-operator",children:M(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),M(j,{children:M(ee,{className:e,children:ue(Y,{role:"none",children:[ue("colgroup",{children:[M("col",{}),M("col",{style:{width:"225px"}}),M("col",{}),M("col",{}),M("col",{})]}),ue(ae,{role:"rowgroup",children:[ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"1"}),M(p,{role:"gridcell",children:"Chai"}),M(p,{role:"gridcell",children:"10 boxes x 20 bags"}),M(p,{role:"gridcell",children:"18"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"2"}),M(p,{role:"gridcell",children:"Chang"}),M(p,{role:"gridcell",children:"24 - 12 oz bottles"}),M(p,{role:"gridcell",children:"19"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"3"}),M(p,{role:"gridcell",children:"Aniseed Syrup"}),M(p,{role:"gridcell",children:"12 - 550 ml bottles"}),M(p,{role:"gridcell",children:"10"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",alt:!0,children:[M(p,{role:"gridcell",children:"4"}),M(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),M(p,{role:"gridcell",children:"48 - 6 oz jars"}),M(p,{role:"gridcell",children:"22"}),M(p,{role:"gridcell",children:"false"})]}),ue(S,{className:"k-master-row",role:"row",children:[M(p,{role:"gridcell",children:"5"}),M(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),M(p,{role:"gridcell",children:"12 - 8 oz jars"}),M(p,{role:"gridcell",children:"25"}),M(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as Zr}from"react/jsx-runtime";var ex="k-chip-action";var ke=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=Zr(f,{icon:"x-circle",size:"small"});break;case"more":r=Zr(f,{icon:"more-vertical",size:"small"});break;default:return Zr(f,{icon:t,size:"small"})}return Zr("span",{...o,className:a(e.className,ex,`k-chip-${t}-action`),children:r})};var tn="avatar",xc=tn;import{jsx as Nc}from"react/jsx-runtime";var cr="k-avatar";var tx=[i.hover,i.focus,i.active,i.selected,i.disabled],ox={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},on={type:"text",border:!1},$e=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=on.type,border:d=on.border,...m}=e;return Nc("div",{...m,className:a(e.className,cr,L(cr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${cr}-bordered`]:d}),children:Nc("span",{className:`${cr}-${n}`,children:e.children})})};$e.states=tx;$e.options=ox;$e.className=cr;$e.defaultOptions=on;$e.moduleName=tn;$e.folderName=xc;$e.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ko=$e;import{jsx as ax}from"react/jsx-runtime";var kc=e=>ax(Ko,{type:"icon",...e});import{jsx as rx}from"react/jsx-runtime";var vc=e=>rx(Ko,{type:"text",...e});import{jsx as lx}from"react/jsx-runtime";var wc=e=>lx(Ko,{type:"image",...e});import{jsx as h8}from"react/jsx-runtime";import{jsx as pr}from"react/jsx-runtime";var ix=$e.options,nx=$e.states,sx={...$e.defaultOptions,variant:"image"},dx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],cx=[],Aa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return pr(kc,{...o,children:pr(f,{icon:"star"})});case"text":return pr(vc,{...o,children:"JO"});default:return pr(wc,{...o,children:pr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Aa.options=ix;Aa.states=nx;Aa.variants=dx;Aa.defaultOptions=sx;Aa.modifiers=cx;Aa.className=$e.className;var mr="chip",jr=mr;import{jsx as Ia,jsxs as ux}from"react/jsx-runtime";var el="k-chip",px=[i.hover,i.focus,i.active,i.selected,i.disabled],mx={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[g.undefined,g.base,g.success,g.warning,g.error,g.info]},Cc={avatarImage:"/packages/html/assets/avatar.jpg"},Te=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:d,actions:m,showAvatar:b,avatarImage:x=Cc.avatarImage,hover:k,focus:v,active:u,selected:w,disabled:C,...I}=e;return ux("div",{...I,className:a(e.className,el,L(el,{size:t,rounded:o,fillMode:r,themeColor:l}),y(el,{hover:k,focus:v,active:u,disabled:C,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false",...e.role==="option"&&w!==void 0&&{"aria-selected":w?"true":"false"},"aria-disabled":C?"true":void 0,children:[d&&Ia(f,{className:"k-chip-icon",icon:d,size:"small"}),b&&Ia($e,{className:"k-chip-avatar",type:"image",children:Ia("img",{src:x,alt:""})}),Ia("span",{className:"k-chip-content",children:e.children?e.children:n&&Ia("span",{className:"k-chip-label",children:n})}),m&&Ia("span",{className:"k-chip-actions",children:m})]})};Te.states=px;Te.options=mx;Te.className=el;Te.defaultOptions=Cc;Te.moduleName=mr;Te.folderName=jr;Te.ariaSpec={selector:".k-chip",rules:[{selector:"*:not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:"*:not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var wt=Te;import{jsx as hx}from"react/jsx-runtime";var an="k-chip-list",bx=[],fx={size:[s.undefined,s.small,s.medium,s.large]},Tx={},he=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return hx("div",{...l,className:a(e.className,an,L(an,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};he.states=bx;he.options=fx;he.className=an;he.defaultOptions=Tx;he.moduleName=mr;he.folderName=jr;he.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as X8}from"react/jsx-runtime";import{jsx as Q8}from"react/jsx-runtime";import{jsx as gx}from"react/jsx-runtime";var tl=e=>gx(wt,{text:"text",...e});import{jsx as l$}from"react/jsx-runtime";import{jsx as d$}from"react/jsx-runtime";import{Fragment as f$,jsx as b$,jsxs as T$}from"react/jsx-runtime";import{jsx as k$,jsxs as v$}from"react/jsx-runtime";import{jsx as y$,jsxs as S$}from"react/jsx-runtime";import{jsx as P$,jsxs as G$}from"react/jsx-runtime";import{jsx as Ea,jsxs as Cx}from"react/jsx-runtime";var xx={...wt.options,...he.options},Nx=[],kx=he.states,vx={...wt.defaultOptions,...he.defaultOptions},wx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Ra=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,n=t?.actions,d=t?.avatar;return Cx(he,{size:r.size,className:o,children:[Ea(tl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ea(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ea(tl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ea(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ea(tl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Ea(ke,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Ra.options=xx;Ra.states=kx;Ra.variants=Nx;Ra.defaultOptions=vx;Ra.modifiers=wx;Ra.className=he.className;import{jsx as rn}from"react/jsx-runtime";var Lx=Te.states,Mx=Te.defaultOptions,yx=Te.options,Sx=[],Ax=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Oa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[l],r.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t?.[l]?rn(ke,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?rn(ke,{type:"remove"}):void 0;break;default:break}}),rn(Te,{...o,...r,children:"Chip component"})};Oa.options=yx;Oa.states=Lx;Oa.variants=Sx;Oa.defaultOptions=Mx;Oa.modifiers=Ax;Oa.className=Te.className;import{Fragment as ln,jsx as P,jsxs as Ve}from"react/jsx-runtime";var Lc=({dropClue:e,contentClassName:t,...o})=>P(D,{_renderAriaRoot:!0,groupingHeader:P(At,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:Ve(he,{role:"none",children:[P(Te,{icon:"sort-asc-small",text:"ID",role:"button",actions:Ve(ln,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})}),P(Te,{icon:"sort-desc-small",text:"Name",role:"button",actions:Ve(ln,{children:[P(ke,{type:"more"}),P(ke,{type:"remove"})]})})]})}),children:Ve(ln,{children:[P(oe,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ve(re,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(Z,{role:"rowgroup",children:Ve(S,{role:"row",children:[P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(A,{colspan:1,columnTitle:"ID",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Name",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Price",role:"columnheader"}),P(A,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),P(j,{children:P(ee,{className:t,children:Ve(Y,{role:"none",children:[Ve("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ve(ae,{role:"rowgroup",children:[P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(S,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ve(S,{className:"k-table-group-row k-grouping-row",role:"row",children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:Ve("p",{className:"k-reset",children:[P(f,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ve(S,{className:"k-master-row",role:"row",alt:!0,children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:0,role:"gridcell",children:"2"}),P(p,{colspan:0,role:"gridcell",children:"Chang"}),P(p,{colspan:0,role:"gridcell",children:"$19.00"}),P(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as wV,jsx as kV,jsxs as vV}from"react/jsx-runtime";import{Fragment as EV,jsx as AV,jsxs as IV}from"react/jsx-runtime";import{Fragment as KV,jsx as HV,jsxs as _V}from"react/jsx-runtime";import{Fragment as Ix,jsx as B,jsxs as We}from"react/jsx-runtime";var Mc=({headerWrapClassName:e,contentClassName:t,...o})=>B(D,{_renderAriaRoot:!0,children:We(Ix,{children:[B(oe,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:We(re,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(Z,{role:"rowgroup",children:[We(S,{role:"row",children:[B(A,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),B(A,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),We(S,{role:"row",children:[B(A,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),B(A,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),B(j,{children:B(ee,{className:t,children:We(Y,{role:"none",children:[We("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),We(ae,{role:"rowgroup",children:[We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"1"}),B(p,{role:"gridcell",children:"Chai"}),B(p,{role:"gridcell",children:"39"}),B(p,{role:"gridcell",children:"18"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"2"}),B(p,{role:"gridcell",children:"Chang"}),B(p,{role:"gridcell",children:"17"}),B(p,{role:"gridcell",children:"19"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"3"}),B(p,{role:"gridcell",children:"Aniseed Syrup"}),B(p,{role:"gridcell",children:"13"}),B(p,{role:"gridcell",children:"10"})]}),We(S,{className:"k-master-row",alt:!0,role:"row",children:[B(p,{role:"gridcell",children:"4"}),B(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),B(p,{role:"gridcell",children:"53"}),B(p,{role:"gridcell",children:"22"})]}),We(S,{className:"k-master-row",role:"row",children:[B(p,{role:"gridcell",children:"5"}),B(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),B(p,{role:"gridcell",children:"0"}),B(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as YV,jsx as JV,jsxs as qV}from"react/jsx-runtime";import{Fragment as aW,jsx as tW,jsxs as oW}from"react/jsx-runtime";import{Fragment as Ex,jsx as K,jsxs as Ct}from"react/jsx-runtime";var yc=e=>{let t=H("grid");return K(D,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Ct(Po,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:Ct(Ex,{children:[K(oe,{children:K("div",{className:"k-grid-header-wrap",children:Ct(re,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(Z,{role:"rowgroup",children:Ct(S,{role:"row",children:[K(A,{columnTitle:"Name",role:"columnheader"}),K(A,{columnTitle:"Price",role:"columnheader"}),K(A,{columnTitle:"Available",role:"columnheader"}),K(A,{accessibleLabel:"Commands"})]})})]})})}),K(j,{children:K(ee,{children:K("div",{children:Ct(Y,{role:"none",children:[Ct("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),Ct(ae,{role:"rowgroup",children:[Ct(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[K(p,{role:"gridcell",children:K(ce,{value:"Towel","aria-label":"Name"})}),K(p,{role:"gridcell",children:K($,{value:"42","aria-label":"Price"})}),K(p,{role:"gridcell",children:K(Me,{"aria-label":"Available"})}),Ct(p,{className:"k-command-cell",role:"gridcell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),Ct(S,{className:"k-master-row",role:"row",children:[K(p,{role:"gridcell",children:"Chai"}),K(p,{role:"gridcell",children:"18"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]}),Ct(S,{className:"k-master-row",role:"row",alt:!0,children:[K(p,{role:"gridcell",children:"Chang"}),K(p,{role:"gridcell",children:"19"}),K(p,{role:"gridcell",children:"false"}),K(p,{className:"k-command-cell",role:"gridcell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as AW,jsx as SW,jsxs as IW}from"react/jsx-runtime";var nn="context-menu",Sc=nn;import{jsx as Gx}from"react/jsx-runtime";var Ac="k-context-menu",Rx=[],Ox={},Px={},Xe=e=>{let{children:t,...o}=e;return Gx(Ce,{...o,className:a(e.className,Ac),role:"menu",children:t})};Xe.states=Rx;Xe.options=Ox;Xe.className=Ac;Xe.defaultOptions=Px;Xe.moduleName=nn;Xe.folderName=Sc;Xe.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{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-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."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as ol}from"react/jsx-runtime";var sn=e=>ol(Xe,{children:[ol(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),ol(U,{text:"Item 2"},"menu-item-2"),ol(U,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as YW,jsx as JW,jsxs as qW}from"react/jsx-runtime";import{jsx as ur,jsxs as Bx}from"react/jsx-runtime";var Hx=fe.options,_x=fe.states,Ic={...fe.defaultOptions,variant:"normal"},Kx=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Dx=[],Pa=e=>{let{variant:t,...o}={...Ic,...e};return t==="separators"?Bx(sn,{...o,style:{width:"130px"},children:[ur(U,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),ur(uo,{}),ur(U,{text:"Item 2"},"menu-item-2"),ur(U,{last:!0,text:"Item 3"},"menu-item-3")]}):ur(sn,{...o,style:{width:"130px"}})};Pa.options=Hx;Pa.states=_x;Pa.variants=Kx;Pa.defaultOptions=Ic;Pa.modifiers=Dx;Pa.className=Xe.className;import{Fragment as gX,jsx as TX,jsxs as hX}from"react/jsx-runtime";import{Fragment as MX,jsx as LX,jsxs as yX}from"react/jsx-runtime";import{Fragment as HX,jsx as GX,jsxs as _X}from"react/jsx-runtime";import{Fragment as al,jsx as T,jsxs as le}from"react/jsx-runtime";var zx=D.options,Ux=D.states,Ec={...D.defaultOptions,variant:"normal"},Fx=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],$x=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ga=e=>{let{variant:t,modifiers:o,...r}={...Ec,...e},l={toolbar:void 0,pager:void 0},n=le(Po,{children:[T(c,{icon:"plus",children:"Add New"}),T(c,{icon:"file-pdf",children:"Export to PDF"}),T("span",{className:"k-spacer"}),T(ce,{prefix:T(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=T(xe,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o?.[x]?n:void 0;break;case"pager":l.pager=o?.[x]?d:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=le(al,{children:[T(oe,{children:T("div",{className:"k-grid-header-wrap",children:le(re,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{...m[t],columnTitle:"ID"}),T(A,{...m[t],columnTitle:"Product Name"}),T(A,{...m[t],columnTitle:"Units in Stock"}),T(A,{...m[t],columnTitle:"Units Price"})]})})]})})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return T(Mc,{...r,...l});case"editing":return T(yc,{...r,...l});case"grouping":return T(Lc,{...r,...l,groupingHeader:T(At,{children:le(he,{children:[T(Te,{icon:"sort-asc-small",actions:le(al,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"ID"}),T(Te,{icon:"sort-desc-small",actions:le(al,{children:[T(ke,{type:"more"}),T(ke,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return T(D,{...r,...l,children:le(al,{children:[T(oe,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(re,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(Z,{children:le(S,{children:[T(A,{className:"k-drag-cell",accessibleLabel:"Reorder"}),T(A,{columnTitle:"ID"}),T(A,{columnTitle:"Product Name"}),T(A,{columnTitle:"Units in Stock"}),T(A,{columnTitle:"Units Price"})]})})]})]})}),T(j,{children:T(ee,{children:le(Y,{children:[le("colgroup",{children:[T("col",{className:"k-drag-col"}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),le(ae,{children:[le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"1"}),T(p,{children:"Chai"}),T(p,{children:"39"}),T(p,{children:"18"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"2"}),T(p,{children:"Chang"}),T(p,{children:"17"}),T(p,{children:"19"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"3"}),T(p,{children:"Aniseed Syrup"}),T(p,{children:"13"}),T(p,{children:"10"})]}),le(S,{alt:!0,children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"4"}),T(p,{children:"Chef Anton's Cajun Seasoning"}),T(p,{children:"53"}),T(p,{children:"22"})]}),le(S,{children:[T(p,{className:"k-drag-cell",children:T(f,{icon:"reorder"})}),T(p,{children:"5"}),T(p,{children:"Chef Anton's Gumbo Mix"}),T(p,{children:"0"}),T(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return T(gc,{...r,...l});default:return T(D,{...r,...l,children:b})}};Ga.options=zx;Ga.states=Ux;Ga.variants=Fx;Ga.defaultOptions=Ec;Ga.modifiers=$x;Ga.className=D.className;import{Fragment as Rc,jsx as R,jsxs as Je}from"react/jsx-runtime";var QJ=({contentClassName:e,...t})=>{let o=H("grid"),r=H("grid-ctx-menu-pin");return Je(Rc,{children:[R(D,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:Je(Rc,{children:[R(oe,{children:R("div",{className:"k-grid-header-wrap",children:Je(re,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R(Z,{role:"rowgroup",children:Je(S,{role:"row","aria-rowindex":1,children:[R(A,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),R(A,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),R(A,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),R(A,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),R(Do,{role:"none",children:R("div",{className:"k-grid-pinned-wrap",role:"none",children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),R("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:Je(S,{className:"k-master-row",role:"row","aria-rowindex":1,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin-outline",className:"k-action-icon"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),R(j,{children:R(ee,{className:e,children:Je(Y,{role:"none",children:[Je("colgroup",{children:[R("col",{style:{width:"48px"}}),R("col",{}),R("col",{}),R("col",{})]}),Je(ae,{role:"rowgroup",children:[Je(S,{className:"k-master-row",role:"row","aria-rowindex":2,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),R(p,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),R(p,{role:"gridcell","aria-colindex":4,children:"USA"})]}),Je(S,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"unpin-outline",className:"k-action-icon"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),R(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),R(p,{role:"gridcell","aria-colindex":4,children:"UK"})]}),Je(S,{className:"k-master-row",role:"row","aria-rowindex":4,children:[R(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:R("span",{className:"k-pin-cell",children:R(f,{icon:"pin-outline"})})}),R(p,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),R(p,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),R(p,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),R(te,{className:"k-menu-popup",children:Je(Xe,{id:r,children:[R(U,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),R(U,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};export{QJ as GridWithPinnedRowsPinColumn};