npm - @progress/kendo-themes-html - Versions diffs - 13.2.0-dev.1 → 13.2.0-dev.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/dist/cjs/grid/templates/grid-with-pinned-rows-pin-column.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Dm=Object.create;var Sr=Object.defineProperty;var Bm=Object.getOwnPropertyDescriptor;var zm=Object.getOwnPropertyNames;var Um=Object.getPrototypeOf,Fm=Object.prototype.hasOwnProperty;var $m=(e,t)=>{for(var o in t)Sr(e,o,{get:t[o],enumerable:!0})},ts=(e,t,o,r)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of zm(t))!Fm.call(e,l)&&l!==o&&Sr(e,l,{get:()=>t[l],enumerable:!(r=Bm(t,l))\|\|r.enumerable});return e};var os=(e,t,o)=>(o=e!=null?Dm(Um(e)):{},ts(t\|\|!e\|\|!e.__esModule?Sr(o,"default",{value:e,enumerable:!0}):o,e)),Vm=e=>ts(Sr({},"__esModule",{value:!0}),e);var RN={};$m(RN,{GridWithPinnedRowsPinColumn:()=>EN});module.exports=Vm(RN);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 M=(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"}),S=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:d,active:u,selected:f,disabled:x,indeterminate:v,loading:w,empty:b,readonly:C,highlighted:L,...P}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":u,"k-selected":f,"k-disabled":x,"k-indeterminate":v&&!d,"k-loading":w,"k-empty":b,"k-readonly":C,"k-highlighted":L},Object.keys(P).reduce((_,H)=>(H.startsWith("k-")?_[H]=P[H]:_[`k-${H}`]=P[H],_),{}))};function as(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 xl={};function B(e){return xl[e]=(xl[e]\|\|0)+1,`k-${e}-${xl[e]}`}var X="grid",q=X;var Ir=require("react/jsx-runtime"),Ar="k-grid",Wm=[],Xm={size:[s.undefined,s.small,s.medium,s.large]},Jm=[],rs={pagerPosition:"bottom"},U=e=>{let{size:t,pagerPosition:o=rs.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:u,resizable:f,ariaColCount:x,ariaRowCount:v,ariaRootId:w,ariaRole:b="grid",...C}=e;return(0,Ir.jsxs)("div",{...C,className:a(e.className,Ar,{[`${Ar}-resizable`]:f},M(Ar,{size:t})),children:[r,o==="top"&&l,n,e.children&&u?(0,Ir.jsx)("div",{className:"k-grid-aria-root",role:b,id:w,"aria-colcount":x,"aria-rowcount":v,children:e.children}):e.children,d,o==="bottom"&&l]})};U.states=Wm;U.options=Xm;U.variants=Jm;U.className=Ar;U.defaultOptions=rs;U.moduleName=X;U.folderName=q;U.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."}]};var is=require("react/jsx-runtime"),ls="k-grid-header",ae=e=>{let{draggable:t,...o}=e;return(0,is.jsx)("div",{...o,className:a(e.className,ls,{"k-grid-draggable-header":t}),children:e.children})};ae.className=ls;ae.moduleName=X;ae.folderName=q;var Ja=require("react/jsx-runtime"),ns="k-grouping-header",Bt=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,Ja.jsxs)("div",{...r,className:a(e.className,ns),children:[o&&(0,Ja.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Ja.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Bt.className=ns;Bt.moduleName=X;Bt.folderName=q;var ds=require("react/jsx-runtime"),ss="k-grid-pinned-container",Yo=e=>{let{position:t,...o}=e;return(0,ds.jsx)("div",{...o,className:a(e.className,ss,{"k-pos-bottom":t==="bottom"}),children:e.children})};Yo.className=ss;Yo.moduleName=X;Yo.folderName=q;var ps=require("react/jsx-runtime"),cs="k-grid-sticky-container",qa=e=>{let{position:t,...o}=e;return(0,ps.jsx)("div",{...o,className:a(e.className,cs,{"k-pos-bottom":t==="bottom"}),children:e.children})};qa.className=cs;qa.moduleName=X;qa.folderName=q;var Oe="table",ze=Oe;var us=require("react/jsx-runtime"),ms="k-data-table",qm=[],Ym={size:[s.undefined,s.small,s.medium,s.large]},Qm={},Yt=e=>{let{size:t,...o}=e;return(0,us.jsx)("div",{...o,className:a(e.className,ms,M("k-table",{size:t})),children:e.children})};Yt.states=qm;Yt.options=Ym;Yt.className=ms;Yt.defaultOptions=Qm;Yt.moduleName=Oe;Yt.folderName=ze;var bs=require("react/jsx-runtime"),Nl="k-table-header-wrap",Zm=[i.hover,i.focus,i.disabled],jm={},eu={},To=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,bs.jsx)("div",{...n,className:a(e.className,Nl,S(Nl,{hover:o,focus:r,disabled:l})),children:t})};To.states=Zm;To.options=jm;To.className=Nl;To.defaultOptions=eu;To.moduleName=Oe;To.folderName=ze;var fs=require("react/jsx-runtime"),kl="k-table",tu=[],ou={size:[s.undefined,s.small,s.medium,s.large]},au={},Ue=e=>{let{size:t,...o}=e;return(0,fs.jsx)("table",{...o,className:a(e.className,kl,M(kl,{size:t})),children:e.children})};Ue.states=tu;Ue.options=ou;Ue.className=kl;Ue.defaultOptions=au;Ue.moduleName=Oe;Ue.folderName=ze;var Er=require("react/jsx-runtime"),vl="k-table-header",ru=[i.hover,i.focus,i.disabled],lu={},iu={},Qt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,Er.jsx)("div",{...n,className:a(e.className,vl,S(vl,{hover:o,focus:r,disabled:l})),children:(0,Er.jsx)(To,{children:(0,Er.jsx)(Ue,{children:t})})})};Qt.states=ru;Qt.options=lu;Qt.className=vl;Qt.defaultOptions=iu;Qt.moduleName=Oe;Qt.folderName=ze;var hs=require("react/jsx-runtime"),Ts="k-table-scroller",nu=[],su={},du={},Qo=e=>{let{children:t,...o}=e;return(0,hs.jsx)("div",{...o,className:a(e.className,Ts),children:t})};Qo.states=nu;Qo.options=su;Qo.className=Ts;Qo.defaultOptions=du;Qo.moduleName=Oe;Qo.folderName=ze;var cu=require("react/jsx-runtime");var xs=require("react/jsx-runtime"),gs="k-table-footer",pu=[],mu={},uu={},ho=e=>{let{children:t,...o}=e;return(0,xs.jsx)("div",{...o,className:a(e.className,gs),children:t})};ho.states=pu;ho.options=mu;ho.className=gs;ho.defaultOptions=uu;ho.moduleName=Oe;ho.folderName=ze;var Ns=require("react/jsx-runtime"),wl="k-table-list",bu=[],fu={size:[s.undefined,s.small,s.medium,s.large]},Tu={},go=e=>{let{size:t,virtualization:o,...r}=e;return(0,Ns.jsx)("ul",{...r,className:a(e.className,"k-table",wl,M(wl,{size:t}),{"k-virtual-table":o}),children:e.children})};go.states=bu;go.options=fu;go.className=wl;go.defaultOptions=Tu;go.moduleName=Oe;go.folderName=ze;var ks=require("react/jsx-runtime"),hu="k-table-thead",Z=e=>(0,ks.jsx)("thead",{className:a(e.className,hu),children:e.children});var vs=require("react/jsx-runtime"),gu="k-table-tbody",re=e=>(0,vs.jsx)("tbody",{className:a(e.className,gu),children:e.children});var xu=require("react/jsx-runtime");var ws=require("react/jsx-runtime"),Cl="k-table-row",Nu=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],A=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:d,...u}=e;return(0,ws.jsx)("tr",{...u,className:a(e.className,Cl,{"k-table-alt-row":d},S(Cl,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};A.states=Nu;A.className=Cl;var Cs=require("react/jsx-runtime"),Ll="k-table-row",ku=[i.hover,i.focus,i.selected,i.disabled],Rr=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...d}=e;return(0,Cs.jsx)("li",{...d,className:a(e.className,Ll,{"k-table-alt-row":n},S(Ll,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Rr.states=ku;Rr.className=Ll;var Ms=require("react/jsx-runtime"),Ls="k-table-th",Zt=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t\|\|e.children;return(0,Ms.jsx)("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Ls),children:n})};Zt.className=Ls;Zt.moduleName=Oe;Zt.folderName=ze;var vu=require("react/jsx-runtime");var ys=require("react/jsx-runtime"),Ml="k-table-td",wu=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:d,...u}=e,f=l\|\|e.children;return(0,ys.jsx)("td",{colSpan:n,rowSpan:d,...u,className:a(e.className,Ml,S(Ml,{focus:t,selected:o,highlighted:r})),children:f})};p.states=wu;p.className=Ml;var Cu=require("react/jsx-runtime");var Lu=require("react/jsx-runtime");var Mu=require("react/jsx-runtime");var yu=require("react/jsx-runtime");var Su=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var Rs=require("react/jsx-runtime");var yl=require("react/jsx-runtime");var Ps=require("react/jsx-runtime"),Os="k-grid-header-table",le=e=>(0,Ps.jsx)(Ue,{...e,className:a(e.className,Os),children:e.children});le.className=Os;le.moduleName=X;le.folderName=q;var Ya=require("react/jsx-runtime"),Sl="k-font-icon",Eu=[],Ru={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]},Ou={},Qa=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...d}=e;return r?(0,Ya.jsx)("span",{...d,className:a(e.className,Sl,M(Sl,{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"}):(0,Ya.jsx)(Ya.Fragment,{})};Qa.states=Eu;Qa.options=Ru;Qa.className=Sl;Qa.defaultOptions=Ou;var Gs=Qa;var Go=require("react/jsx-runtime"),Al="k-svg-icon",Pu=[],Gu={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]},Hs={viewBox:"0 0 24 24"},Za=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=Hs.viewBox,icon:d,...u}=e;if(!d)return(0,Go.jsx)(Go.Fragment,{});if(d==="none")return(0,Go.jsx)("span",{...u,className:a(e.className,Al,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return(0,Go.jsx)("span",{...u,className:a(e.className,Al,M("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:(0,Go.jsx)("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})})};Za.states=Pu;Za.options=Gu;Za.className=Al;Za.defaultOptions=Hs;var Il=Za;var El=os(require("@progress/kendo-svg-icons"));var _s="icon",Ks="icons";var zs=require("react");var Ds=require("react"),Bs=(0,Ds.createContext)({iconsType:"svg"});var jt=require("react/jsx-runtime"),Or="k-icon",Hu=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_u=[],Ku={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]},Rl={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=(0,zs.useContext)(Bs),{size:o,themeColor:r,icon:l,type:n=t\|\|Rl.type,rotate:d,flip:u,viewBox:f=Rl.viewBox,...x}=e;if(!l)return(0,jt.jsx)(jt.Fragment,{});if((t\|\|n)==="svg"){if(l==="none")return(0,jt.jsx)(Il,{...x,className:a(e.className,Or),icon:l,size:o});let w=El[l]?l:Hu(`${l}-icon`);return El[w]?(0,jt.jsx)(Il,{...x,className:a(e.className,Or),icon:El[w],size:o,themeColor:r,rotate:d,flip:u,viewBox:f}):(0,jt.jsx)(jt.Fragment,{})}return(0,jt.jsx)(Gs,{...x,className:a(e.className,Or),icon:l,size:o,themeColor:r,rotate:d,flip:u})};T.states=_u;T.options=Ku;T.defaultOptions=Rl;T.className=Or;T.moduleName=_s;T.folderName=Ks;T.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var ut=require("react/jsx-runtime"),Ol="k-header",Du=[i.hover,i.focus,i.active],Us={sortIcon:"sort-asc-small"},R=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:d,hover:u,focus:f,active:x,sortIcon:v=Us.sortIcon,sortOrder:w,accessibleLabel:b,...C}=e;return(0,ut.jsxs)(Zt,{...C,className:a(e.className,Ol,{"k-filterable":t\|\|r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},S(Ol,{hover:u,focus:f,active:x})),children:[d&&(0,ut.jsxs)("span",{className:"k-cell-inner",children:[(0,ut.jsxs)("span",{className:"k-link",children:[(0,ut.jsx)("span",{className:"k-column-title",children:d}),o&&(0,ut.jsx)("span",{className:"k-sort-icon",children:(0,ut.jsx)(T,{icon:v})}),w&&(0,ut.jsx)("span",{className:"k-sort-order",children:w})]}),t&&(0,ut.jsx)("a",{className:a("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,ut.jsx)(T,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&b&&(0,ut.jsx)("span",{className:"k-sr-only",children:b}),e.children,n&&(0,ut.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};R.states=Du;R.className=Ol;R.defaultOptions=Us;R.moduleName=X;R.folderName=q;var $s=require("react/jsx-runtime"),Fs="k-grid-container",j=e=>(0,$s.jsx)("div",{...e,className:a(e.className,Fs),children:e.children});j.className=Fs;j.moduleName=X;j.folderName=q;var Ws=require("react/jsx-runtime"),Vs="k-grid-content",ee=e=>(0,Ws.jsx)("div",{...e,className:a(e.className,Vs),children:e.children});ee.className=Vs;ee.moduleName=X;ee.folderName=q;var Js=require("react/jsx-runtime"),Xs="k-grid-table",Q=e=>(0,Js.jsx)(Ue,{...e,className:a(e.className,Xs),children:e.children});Q.className=Xs;Q.moduleName=X;Q.folderName=q;var Ys=require("react/jsx-runtime"),qs="k-grid-footer",Pr=e=>(0,Ys.jsx)("div",{...e,className:a(e.className,qs),children:e.children});Pr.className=qs;Pr.moduleName=X;Pr.folderName=q;var Zs=require("react/jsx-runtime"),Qs="k-grid-footer-table",Gr=e=>(0,Zs.jsx)(Ue,{...e,className:a(e.className,Qs),children:e.children});Gr.className=Qs;Gr.moduleName=X;Gr.folderName=q;var Pl="button",js=Pl;var Ot=require("react/jsx-runtime"),ja="k-button",Bu=["icon-button"],zu=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Uu={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]},Gl={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:d=Gl.showArrow,arrowIconName:u=Gl.arrowIconName,variant:f,hover:x,focus:v,active:w,selected:b,disabled:C,togglable:L,ariaDisabled:P,icon:_,text:H,iconClassName:V,className:be,...se}=e,qe=_!==void 0,Ye=e.children!==void 0;return(0,Ot.jsxs)(t,{className:a(be,ja,as(ja,f),M(ja,{size:o,rounded:r,fillMode:l,themeColor:n}),S(ja,{hover:x,focus:v,active:w,disabled:C\|\|P,selected:b}),{"k-icon-button":!H&&!Ye&&qe}),...se,"aria-pressed":L?b?"true":"false":void 0,"aria-disabled":P?"true":void 0,disabled:C\|\|void 0,children:[_&&(0,Ot.jsx)(T,{className:a(V,"k-button-icon"),icon:_}),H?(0,Ot.jsxs)(Ot.Fragment,{children:[H&&(0,Ot.jsx)("span",{className:"k-button-text",children:H}),e.children]}):e.children&&(0,Ot.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Ot.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ot.jsx)(T,{icon:u})})]})};c.states=zu;c.options=Uu;c.variants=Bu;c.className=ja;c.defaultOptions=Gl;c.moduleName=Pl;c.folderName=js;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."}]};var ed=require("react/jsx-runtime"),xo=e=>(0,ed.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var td=require("react/jsx-runtime"),er=e=>(0,td.jsx)(c,{icon:"folder",children:"Button",...e});var od=require("react/jsx-runtime"),Ho=e=>(0,od.jsx)(c,{children:"Button",...e});var Hr=require("react/jsx-runtime"),Fu=c.options,$u=c.states,Vu={...c.defaultOptions,variant:"text"},Wu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xu=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Hr.jsx)(xo,{...o,icon:"star"});case"icon-and-text":return(0,Hr.jsx)(er,{...o,icon:"star",children:"Button"});default:return(0,Hr.jsx)(Ho,{...o,children:"Button"})}};Zo.options=Fu;Zo.states=$u;Zo.variants=Wu;Zo.defaultOptions=Vu;Zo.modifiers=Xu;Zo.className=c.className;var tr="input",_r=tr;var ad=require("react/jsx-runtime"),Kr="k-input",Ju=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qu={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]},Yu={},Le=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u,size:f,rounded:x,fillMode:v,...w}=e;return(0,ad.jsx)("span",{...w,className:a(e.className,Kr,M(Kr,{size:f,rounded:x,fillMode:v}),S(Kr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u}))})};Le.states=Ju;Le.options=qu;Le.className=Kr;Le.defaultOptions=Yu;Le.moduleName=tr;Le.folderName=_r;var rd=require("react/jsx-runtime"),Dr="k-picker",Qu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zu={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]},ju={},zt=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u,size:f,rounded:x,fillMode:v,...w}=e;return(0,rd.jsx)("span",{...w,className:a(e.className,Dr,M(Dr,{size:f,rounded:x,fillMode:v}),S(Dr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u})),children:e.children})};zt.states=Qu;zt.options=Zu;zt.className=Dr;zt.defaultOptions=ju;zt.moduleName=tr;zt.folderName=_r;var jo=require("react/jsx-runtime"),ld="k-clear-value",eb=[i.disabled,i.loading,i.readonly],tb={},bt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t\|\|r\|\|o\|\|!l?(0,jo.jsx)(jo.Fragment,{}):(0,jo.jsx)("span",{className:a(e.className,ld),children:(0,jo.jsx)(T,{icon:"x"})})};bt.states=eb;bt.options=tb;bt.className=ld;var id=require("react/jsx-runtime"),Hl="k-input-inner",ob=[],ab={},Br={type:"text",autocomplete:"off",value:"",placeholder:""},ft=e=>{let{value:t=Br.value,type:o=Br.type,placeholder:r=Br.placeholder,autocomplete:l=Br.autocomplete,disabled:n,readOnly:d,...u}=e;return(0,id.jsx)("input",{...u,type:o,className:a(e.className,Hl,M(Hl,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n\|\|void 0,readOnly:d\|\|void 0})};ft.states=ob;ft.options=ab;ft.className=Hl;var or=require("react/jsx-runtime"),_l="k-input-inner",rb=[],lb={},_o=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return(0,or.jsxs)("span",{...d,className:a(e.className,_l,M(_l,e)),children:[l,!l&&n&&(0,or.jsx)(T,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&(0,or.jsx)("span",{className:"k-input-value-text",children:t})]})};_o.states=rb;_o.options=lb;_o.className=_l;var sd=require("react/jsx-runtime"),Kl="k-input-inner",ib=[],nb={},nd={value:"",placeholder:""},Dl=e=>{let{value:t=nd.value,placeholder:o=nd.placeholder,rows:r,disabled:l,...n}=e;return(0,sd.jsx)("textarea",{...n,className:a(e.className,Kl,M(Kl,e)),placeholder:o,rows:r,defaultValue:t,disabled:l\|\|void 0})};Dl.states=ib;Dl.options=nb;Dl.className=Kl;var ar=require("react/jsx-runtime"),dd="k-input-loading-icon",sb=[i.disabled,i.loading],it=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,ar.jsx)(ar.Fragment,{}):(0,ar.jsx)("span",{className:a(e.className,dd,"k-icon k-i-loading")})};it.states=sb;it.className=dd;var rr=require("react/jsx-runtime"),cd="k-input-validation-icon",db=[i.valid,i.invalid,i.disabled,i.loading],cb={},Qe=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r\|\|l\|\|!!!(t\|\|o)?(0,rr.jsx)(rr.Fragment,{}):(0,rr.jsx)(T,{className:a(cd),icon:n})};Qe.states=db;Qe.options=cb;Qe.className=cd;var lr=require("react/jsx-runtime"),pb="k-input-prefix",mb={direction:"horizontal"},wt=e=>{let{direction:t=mb.direction,...o}=e;return e.children?(0,lr.jsx)("span",{...o,className:a(pb,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,lr.jsx)(lr.Fragment,{})};var ir=require("react/jsx-runtime"),ub="k-input-suffix",bb={direction:"horizontal"},Ct=e=>{let{direction:t=bb.direction,...o}=e;return e.children?(0,ir.jsx)("span",{...o,className:a(ub,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ir.jsx)(ir.Fragment,{})};var fb=require("react/jsx-runtime");var pd=require("react/jsx-runtime"),Tb="k-input-suffix-text",Bl=e=>{let{children:t,...o}=e;return(0,pd.jsx)("span",{...o,className:a(Tb,e.className),children:t})};var ud=require("react/jsx-runtime"),md="k-input-separator",hb={direction:"vertical"},Lt=e=>{let{direction:t=hb.direction,...o}=e;return(0,ud.jsx)("span",{...o,className:a(md,e.className,{[`${md}-${t}`]:t})})};var Ie=require("react/jsx-runtime"),gb=Le.states,xb=Le.defaultOptions,Nb=Le.options,kb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vb=[],ea=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:d,...u}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,v=t==null?void 0:t["clear-button"],w=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,Ie.jsxs)(Le,{...u,valid:o,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[f&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(wt,{children:(0,Ie.jsx)(T,{icon:"lock"})}),b&&(0,Ie.jsx)(Lt,{})]}),(0,Ie.jsx)(ft,{placeholder:"Placeholder",value:"Value"}),w&&(0,Ie.jsx)(Qe,{valid:o,invalid:r,loading:l,disabled:n}),(0,Ie.jsx)(it,{loading:l,disabled:n}),v&&(0,Ie.jsx)(bt,{loading:l,disabled:n,readonly:d,value:"Value"}),x&&(0,Ie.jsxs)(Ie.Fragment,{children:[b&&(0,Ie.jsx)(Lt,{}),(0,Ie.jsx)(Ct,{children:(0,Ie.jsx)(Ho,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ea.options=Nb;ea.states=gb;ea.variants=vb;ea.defaultOptions=xb;ea.modifiers=kb;ea.className=Le.className;var zl="popup",bd=zl;var Ul=require("react/jsx-runtime"),fd="k-animation-container",wb=[],Cb={},Td={positionMode:"absolute"},Ut=e=>{let{positionMode:t=Td.positionMode,animationStyle:o,offset:r,...l}=e;return(0,Ul.jsx)("div",{...l,style:{...r,...e.style},className:a(e.className,fd,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ul.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ut.states=wb;Ut.options=Cb;Ut.className=fd;Ut.defaultOptions=Td;Ut.moduleName=zl;Ut.folderName=bd;var Fl="popup",hd=Fl;var $l=require("react/jsx-runtime"),gd="k-popup",Lb=[],Mb={},xd={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=xd.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...u}=e;return(0,$l.jsx)(Ut,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":d,children:(0,$l.jsx)("div",{...u,className:a(e.className,gd),children:e.children})})};te.states=Lb;te.options=Mb;te.className=gd;te.defaultOptions=xd;te.moduleName=Fl;te.folderName=hd;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 Vl="action-buttons",Nd=Vl;var kd=require("react/jsx-runtime"),zr="k-actions",yb=[],Sb={},Wl={alignment:"start",orientation:"horizontal"},Mt=e=>{let{alignment:t=Wl.alignment,orientation:o=Wl.orientation,...r}=e;return(0,kd.jsx)("div",{...r,className:a(zr,{[`${zr}-${t}`]:t,[`${zr}-${o}`]:o},e.className),children:e.children})};Mt.states=yb;Mt.options=Sb;Mt.className=zr;Mt.defaultOptions=Wl;Mt.moduleName=Vl;Mt.folderName=Nd;var wd=require("react/jsx-runtime"),Ab="k-actionsheet-footer",vd={alignment:"stretched",orientation:"horizontal"},No=e=>{let{alignment:t=vd.alignment,orientation:o=vd.orientation,template:r,as:l=r?"div":Mt,...n}=e;return(0,wd.jsx)(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,Ab),children:e.children})};var Xl="searchbox",Cd=Xl;var ko=require("react/jsx-runtime"),Ld="k-searchbox",Ib=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Eb={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]},Jl={showIcon:!0,icon:"search"},Tt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:d,focus:u,valid:f,invalid:x,required:v,loading:w,disabled:b,showIcon:C=Jl.showIcon,icon:L=Jl.icon,"aria-label":P,..._}=e;return(0,ko.jsxs)(Le,{..._,size:r,rounded:l,fillMode:n,hover:d,focus:u,valid:f,invalid:x,required:v,loading:w,disabled:b,className:a(e.className,Ld),children:[C&&(0,ko.jsx)(T,{className:"k-input-icon",icon:L}),(0,ko.jsx)(ft,{placeholder:o,value:t,"aria-label":P}),(0,ko.jsx)(it,{...e}),(0,ko.jsx)(Qe,{...e}),(0,ko.jsx)(bt,{...e})]})};Tt.states=Ib;Tt.options=Eb;Tt.className=Ld;Tt.defaultOptions=Jl;Tt.moduleName=Xl;Tt.folderName=Cd;var Rb=require("react/jsx-runtime");var ql="textbox",Md=ql;var Fe=require("react/jsx-runtime"),yd="k-textbox",Ob=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Pb={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]},Ur={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Ur.separators,showClearButton:n=Ur.showClearButton,showValidationIcon:d=Ur.showValidationIcon,prefix:u,suffix:f,type:x,value:v,placeholder:w,hover:b,focus:C,valid:L,invalid:P,required:_,loading:H,disabled:V,readonly:be,id:se,"aria-label":qe,"aria-describedby":Ye,...mt}=e;return(0,Fe.jsxs)(Le,{...mt,size:t,rounded:o,fillMode:r,hover:b,focus:C,valid:L,invalid:P,required:_,loading:H,disabled:V,readonly:be,className:a(e.className,yd),children:[u&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(wt,{children:u}),l&&(0,Fe.jsx)(Lt,{})]}),(0,Fe.jsx)(ft,{id:se,placeholder:w,value:v,type:x,disabled:V,"aria-label":qe,"aria-describedby":Ye,"aria-invalid":P?"true":void 0}),d&&(0,Fe.jsx)(Qe,{valid:L,invalid:P,loading:H,disabled:V}),(0,Fe.jsx)(it,{loading:H,disabled:V}),n&&(0,Fe.jsx)(bt,{loading:H,disabled:V,readonly:be,value:v}),f&&(0,Fe.jsxs)(Fe.Fragment,{children:[l&&(0,Fe.jsx)(Lt,{}),(0,Fe.jsx)(Ct,{children:f})]})]})};ce.states=Ob;ce.options=Pb;ce.className=yd;ce.defaultOptions=Ur;ce.moduleName=ql;ce.folderName=Md;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 nr=ce;var Ad=require("react/jsx-runtime"),Sd=e=>(0,Ad.jsx)(nr,{...e});var Id=require("react/jsx-runtime");var Ed=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var Fr=require("react/jsx-runtime"),Hb=ce.states,_b=ce.defaultOptions,Kb=ce.options,Db=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Bb=[],ta=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Fr.jsx)(T,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Fr.jsx)(Ho,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Fr.jsx)(Sd,{value:"Value",style:{width:300},...o,...r})};ta.options=Kb;ta.states=Hb;ta.variants=Bb;ta.defaultOptions=_b;ta.modifiers=Db;ta.className=ce.className;var ht=require("react/jsx-runtime"),Rd="k-actionsheet-titlebar",zb={},Ze=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:u,inputPlaceholder:f,adaptive:x,titleId:v,children:w,...b}=e;return(0,ht.jsxs)("div",{...b,className:a(e.className,Rd),children:[(0,ht.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,ht.jsx)("div",{className:"k-actionsheet-actions",children:r}),!w&&(0,ht.jsxs)("div",{className:"k-actionsheet-title",id:v,children:[t&&(0,ht.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ht.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),w&&(0,ht.jsx)("div",{className:"k-actionsheet-title",id:v,children:w}),l&&(0,ht.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d\|\|n)&&(0,ht.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,ht.jsx)(ce,{value:u,placeholder:f,size:x?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,ht.jsx)(Tt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ze.className=Rd;Ze.defaultOptions=zb;var oa=require("react/jsx-runtime"),Yl="k-actionsheet-view",Ub=[],Fb={},$b={},aa=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:d,...u}=e,f=(l==null?void 0:l.type)===Ze&&(0,oa.jsx)(Ze,{adaptive:t,titleId:d,...l==null?void 0:l.props}),x=(n==null?void 0:n.type)===No&&(0,oa.jsx)(No,{...n==null?void 0:n.props});return(0,oa.jsxs)("div",{...u,className:a(e.className,Yl,{[`${Yl}-animated`]:o}),children:[f,(0,oa.jsx)("div",{className:"k-actionsheet-content",children:r}),x]})};aa.states=Ub;aa.options=Fb;aa.className=Yl;aa.defaultOptions=$b;var sr="action-sheet",$r=sr;var Ql="overlay",Od=Ql;var Pd=require("react/jsx-runtime"),Zl="k-overlay",Vb=[],Wb={themeColor:[g.undefined,g.light,g.dark,g.inverse]},Xb={},vo=e=>{let{themeColor:t,...o}=e;return(0,Pd.jsx)("div",{...o,className:a(e.className,Zl,M(Zl,{themeColor:t})),children:e.children})};vo.states=Vb;vo.options=Wb;vo.className=Zl;vo.defaultOptions=Xb;vo.moduleName=Ql;vo.folderName=Od;var Ko=require("react/jsx-runtime"),Gd="k-actionsheet",Jb=[],qb={},dr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ke=e=>{let{side:t=dr.side,fullscreen:o=dr.fullscreen,adaptive:r=dr.adaptive,overlay:l=dr.overlay,template:n,children:d,header:u,footer:f,id:x,...v}=e,w=x&&!n&&u?`${x}-title`:void 0;return(0,Ko.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,Ko.jsx)(vo,{}),(0,Ko.jsx)(Ut,{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:(0,Ko.jsx)("div",{...v,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":w,className:a(e.className,Gd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n\|\|(0,Ko.jsx)(aa,{header:u,footer:f,adaptive:r,titleId:w,...e,children:d})})})]})};ke.states=Jb;ke.options=qb;ke.className=Gd;ke.defaultOptions=dr;ke.moduleName=sr;ke.folderName=$r;ke.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."}]};var _d=require("react/jsx-runtime"),Hd="k-actionsheet-container",Yb=[],Qb={},Zb={},ra=e=>{let{children:t,...o}=e;return(0,_d.jsx)("div",{...o,className:Hd,children:t})};ra.states=Yb;ra.options=Qb;ra.className=Hd;ra.defaultOptions=Zb;ra.moduleName=sr;ra.folderName=$r;var Kd=require("react/jsx-runtime"),jl=e=>{let{...t}=e;return(0,Kd.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var yt=require("react/jsx-runtime"),ei="k-actionsheet-item",jb=[i.hover,i.focus,i.selected,i.disabled],wo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:d,disabled:u,...f}=e;return(0,yt.jsxs)("span",{...f,className:a(e.className,ei,S(ei,{hover:l,focus:n,selected:d,disabled:u})),children:[!e.children&&(0,yt.jsx)(yt.Fragment,{children:(0,yt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,yt.jsx)("span",{className:"k-icon-wrap",children:(0,yt.jsx)(T,{className:"k-actionsheet-item-icon",icon:t})}),(0,yt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,yt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),r&&(0,yt.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};wo.states=jb;wo.className=ei;var Dd=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var tf=require("react/jsx-runtime");var of=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),af=ke.options,rf=ke.states,zd={...ke.defaultOptions,variant:"normal"},lf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],nf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],la=e=>{let{variant:t,modifiers:o,...r}={...zd,...e},l={},n=(0,fe.jsxs)(jl,{children:[(0,fe.jsx)(wo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(wo,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(wo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(wo,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(o!=null&&o[f]),l.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":l.subtitle=o!=null&&o[f]?d:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,fe.jsx)(ke,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,fe.jsx)(Ze,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(No,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,fe.jsx)(ke,{...r,fullscreen:l.fullScreen,header:(0,fe.jsx)(Ze,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(No,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};la.options=af;la.states=rf;la.variants=lf;la.defaultOptions=zd;la.modifiers=nf;la.className=ke.className;var Wr=os(require("react"));var ti=require("react/jsx-runtime"),sf="k-list-group-sticky-header",oi=e=>(0,ti.jsx)("div",{className:a(sf,e.className),children:(0,ti.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ud=require("react/jsx-runtime"),df="k-no-data",Vr=e=>{let{live:t,...o}=e;return(0,Ud.jsx)("span",{...o,className:a(df,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Do="list",ia=Do;var na=require("react/jsx-runtime"),ai="k-list",cf=[],pf={size:[s.undefined,s.small,s.medium,s.large]},mf={},Y=e=>{var C;let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:d,noData:u,screenReaders:f,...x}=e,w=Wr.default.Children.toArray(r)[0],b=(C=w==null?void 0:w.props)!=null&&C.children?Wr.default.Children.count(w.props.children):Wr.default.Children.count(r);return(0,na.jsxs)("div",{...x,className:a(e.className,ai,M(ai,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&(0,na.jsx)(oi,{children:l}),r\|\|(u!==void 0?u:(0,na.jsx)(Vr,{live:!0,children:"No data found."})),f&&r&&(0,na.jsxs)(Vr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Y.states=cf;Y.options=pf;Y.className=ai;Y.defaultOptions=mf;Y.moduleName=Do;Y.folderName=ia;Y.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var $d=require("react/jsx-runtime"),Fd="k-list-container",uf=[],bf={},ff={},sa=e=>{let{...t}=e;return(0,$d.jsx)("div",{...t,className:a(e.className,Fd),children:e.children})};sa.states=uf;sa.options=bf;sa.className=Fd;sa.defaultOptions=ff;sa.moduleName=Do;sa.folderName=ia;var Bo="checkbox",da=Bo;var ri=require("react/jsx-runtime"),Xr="k-checkbox",Tf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],hf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},gf={},Ee=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:d,invalid:u,valid:f,required:x,size:v,rounded:w,wrapperRole:b,...C}=e;return(0,ri.jsx)("span",{className:"k-checkbox-wrap",role:b,children:(0,ri.jsx)("input",{...C,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:a(e.className,Xr,M(Xr,{size:v,rounded:w}),S(Xr,{hover:l,focus:n,disabled:d,invalid:u,valid:f,indeterminate:r,checked:o}))})})};Ee.states=Tf;Ee.options=hf;Ee.className=Xr;Ee.defaultOptions=gf;Ee.moduleName=Bo;Ee.folderName=da;Ee.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 Pt=Ee;var Xd=require("react/jsx-runtime"),Vd="k-checkbox-list",xf=[],Nf={},Wd={layout:"vertical"},je=e=>{let{layout:t=Wd.layout,...o}=e;return(0,Xd.jsx)("ul",{...o,className:a(e.className,Vd,{[`k-list-${t}`]:t}),children:e.children})};je.states=xf;je.options=Nf;je.className=Vd;je.defaultOptions=Wd;je.moduleName=Bo;je.folderName=da;var qd=require("react/jsx-runtime"),Jd="k-checkbox-list-item",kf=[],vf={},wf={},et=e=>{let{...t}=e;return(0,qd.jsx)("li",{...t,className:a(e.className,Jd),children:e.children})};et.states=kf;et.options=vf;et.className=Jd;et.defaultOptions=wf;et.moduleName=Bo;et.folderName=da;var zo=require("react/jsx-runtime"),eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,zo.jsxs)(zo.Fragment,{children:[(0,zo.jsx)(Pt,{id:t,...o}),(0,zo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var li=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var ni=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var Lf=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),yf=je.options,Sf=je.states,Af={...je.defaultOptions,variant:"vertical"},If=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ef=[],ca=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,$e.jsxs)(je,{layout:"horizontal",...o,children:[(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})})]}):(0,$e.jsxs)(je,{...o,children:[(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})})]})};ca.options=yf;ca.states=Sf;ca.variants=If;ca.defaultOptions=Af;ca.modifiers=Ef;ca.className=je.className;var Yd=require("react/jsx-runtime"),Rf=Pt.options,Of=Pt.states,Pf=Pt.defaultOptions,Gf=[],Hf=[],pa=e=>(0,Yd.jsx)(eo,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});pa.options=Rf;pa.states=Of;pa.variants=Gf;pa.defaultOptions=Pf;pa.modifiers=Hf;pa.className=Pt.className;var Ft=require("react/jsx-runtime"),si="k-list-item",_f=[i.hover,i.focus,i.selected,i.disabled],Kf={},Df={},F=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:u,hover:f,focus:x,selected:v,disabled:w,actions:b,description:C,id:L,...P}=e,_=t\|\|e.children;return(0,Ft.jsxs)("li",{...P,id:L,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&v?"true":r?void 0:"false","aria-disabled":!r&&w?"true":void 0,className:a(e.className,r?"k-list-group-item":si,S(si,{hover:f,focus:x,disabled:w,selected:v})),children:[d&&(0,Ft.jsx)(Ee,{checked:u}),l&&(0,Ft.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ft.jsx)(T,{icon:l,className:a("k-list-item-icon",n)})}),(0,Ft.jsx)("span",{className:"k-list-item-text",children:_}),b&&(0,Ft.jsx)("div",{className:"k-list-item-actions",children:b}),C&&(0,Ft.jsx)("span",{className:"k-list-item-description",children:C}),o&&o!==""&&(0,Ft.jsx)("div",{className:"k-list-item-group-label",children:o})]})};F.states=_f;F.options=Kf;F.className=si;F.defaultOptions=Df;F.moduleName=Do;F.folderName=ia;F.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."}]};var Qd=require("react/jsx-runtime"),Bf="k-list-ul",to=e=>{let{children:t,role:o,id:r,...l}=e;return(0,Qd.jsx)("ul",{...l,id:r,role:o,className:a(Bf,e.className),children:t})};to.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."}]};var ma=require("react/jsx-runtime"),zf="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return(0,ma.jsxs)("div",{...d,className:a(zf,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:(0,ma.jsx)(to,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&(0,ma.jsx)("div",{className:"k-height-container",children:(0,ma.jsx)("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."}]};var di=require("react/jsx-runtime");var ua=require("react/jsx-runtime"),Uf="k-list-group-item",Uo=e=>{let{groupIconName:t,...o}=e;return(0,ua.jsxs)("li",{...o,role:"presentation",className:a(Uf,e.className),children:[t&&(0,ua.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ua.jsx)(T,{icon:t,className:"k-list-item-icon"})}),(0,ua.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Uo.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."}]};var Zd=require("react/jsx-runtime"),ci="k-list-optionlabel",Ff=[i.hover,i.focus,i.selected,i.disabled],$f={},Vf={},Jr=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return(0,Zd.jsx)("div",{...d,className:a(ci,S(ci,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Jr.states=Ff;Jr.options=$f;Jr.className=ci;Jr.defaultOptions=Vf;var jd=require("react/jsx-runtime"),pi="k-list-custom-value",Wf=[i.hover,i.focus,i.selected,i.disabled],Xf={},Jf={},Co=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return(0,jd.jsx)("div",{...d,className:a(pi,S(pi,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Co.states=Wf;Co.options=Xf;Co.className=pi;Co.defaultOptions=Jf;var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var qf=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var ec="dropdown-list",tc="dropdownlist";var Te=require("react/jsx-runtime"),oc="k-dropdownlist",Yf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qf={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]},hi={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=hi.arrowIconName,showValue:n=hi.showValue,valueIconName:d,prefix:u,suffix:f,value:x,placeholder:v,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,popup:be,opened:se,adaptive:qe,adaptiveSettings:Ye,adaptiveTitle:mt,adaptiveSubtitle:Po,adaptiveFilter:Tl,id:fo,activeDescendant:yr,"aria-label":hl,...gl}=e,Km=fo?`${fo}-listbox`:void 0,es=fo?`${fo}-value`:void 0;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(zt,{...gl,id:fo,size:t,rounded:o,fillMode:r,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,className:a(e.className,oc,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Km:void 0,"aria-activedescendant":se&&yr?yr:void 0,"aria-describedby":se?es:void 0,"aria-disabled":H?"true":void 0,"aria-label":hl,tabIndex:0,children:[(0,Te.jsx)(wt,{children:u}),(0,Te.jsx)(_o,{placeholder:v,value:x,showValue:n,valueIconName:d,id:es}),(0,Te.jsx)(Qe,{valid:C,invalid:L,loading:_,disabled:H}),(0,Te.jsx)(it,{loading:_,disabled:H}),(0,Te.jsx)(Ct,{children:f}),(0,Te.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v\|\|"Toggle dropdown",tabIndex:-1})]}),se&&be&&(0,Te.jsx)(te,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:be}),qe&&(0,Te.jsx)(ke,{adaptive:!0,...Ye,header:(0,Te.jsx)(Ze,{actionsEnd:(0,Te.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Tl,inputValue:x,inputPlaceholder:v,title:mt,subtitle:Po}),children:(0,Te.jsx)("div",{className:"k-list-container",children:(0,Te.jsx)(Y,{size:"large",children:(0,Te.jsxs)(de,{"aria-label":"Options",children:[(0,Te.jsx)(F,{text:"List item"}),(0,Te.jsx)(F,{text:"List item"}),(0,Te.jsx)(F,{text:"List item"})]})})})})]})};ie.states=Yf;ie.options=Qf;ie.className=oc;ie.defaultOptions=hi;ie.moduleName=ec;ie.folderName=tc;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."}]};var Zf=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var jf=require("react/jsx-runtime");var rc=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var eT=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),tT=ie.states,oT=ie.defaultOptions,aT=ie.options,rT=[{name:"opened",title:"Opened"}],lT=[],fa=e=>{let{modifiers:t,...o}=e,r={},l=(0,nt.jsxs)(nt.Fragment,{children:[(0,nt.jsx)("div",{className:"k-list-filter",children:(0,nt.jsx)(Tt,{})}),(0,nt.jsx)(Y,{style:{width:300},size:o.size,children:(0,nt.jsxs)(de,{children:[(0,nt.jsx)(F,{children:"List item"}),(0,nt.jsx)(F,{children:"List item"}),(0,nt.jsx)(F,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(n=>{n==="opened"&&(r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0)}),(0,nt.jsx)("div",{children:(0,nt.jsx)(ie,{placeholder:"Value",style:{width:300},...o,...r})})};fa.options=aT;fa.states=tT;fa.variants=lT;fa.defaultOptions=oT;fa.modifiers=rT;fa.className=ie.className;var cr=require("react/jsx-runtime"),lc="k-spin-button",sT=[],dT={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"},Lo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Ni.increaseLabel,decreaseLabel:n=Ni.decreaseLabel,...d}=e;return(0,cr.jsxs)("span",{...d,className:a(lc,e.className),children:[(0,cr.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),(0,cr.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};Lo.states=sT;Lo.options=dT;Lo.className=lc;Lo.defaultOptions=Ni;Lo.moduleName=null;Lo.folderName=null;var ic="numeric-textbox",nc="numerictextbox";var Pe=require("react/jsx-runtime"),sc="k-numerictextbox",cT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],pT={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]},qr={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:r,separators:l=qr.separators,showClearButton:n=qr.showClearButton,showSpinButton:d=qr.showSpinButton,prefix:u,suffix:f,value:x,placeholder:v,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,id:be,"aria-label":se,"aria-describedby":qe,...Ye}=e;return(0,Pe.jsxs)(Le,{...Ye,size:t,rounded:o,fillMode:r,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,className:a(e.className,sc),children:[u&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(wt,{children:u}),l&&(0,Pe.jsx)(Lt,{})]}),(0,Pe.jsx)(ft,{id:be,placeholder:v,value:x,role:"spinbutton",disabled:H,"aria-label":se,"aria-describedby":qe,"aria-invalid":L?"true":void 0}),(0,Pe.jsx)(Qe,{valid:C,invalid:L,loading:_,disabled:H}),(0,Pe.jsx)(it,{loading:_,disabled:H}),n&&(0,Pe.jsx)(bt,{loading:_,disabled:H,readonly:V,value:x}),f&&(0,Pe.jsxs)(Pe.Fragment,{children:[l&&(0,Pe.jsx)(Lt,{}),(0,Pe.jsx)(Ct,{children:f})]}),d&&(0,Pe.jsx)(Lo,{className:"k-input-spinner",size:t,fillMode:r,disabled:H})]})};W.states=cT;W.options=pT;W.className=sc;W.defaultOptions=qr;W.moduleName=ic;W.folderName=nc;W.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 pr=W;var cc=require("react/jsx-runtime"),dc=e=>(0,cc.jsx)(pr,{...e});var pc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var mT=require("react/jsx-runtime");var Yr=require("react/jsx-runtime"),uT=W.states,bT=W.defaultOptions,fT=W.options,TT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],hT=[],Ta=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Yr.jsx)(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Yr.jsx)(Bl,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;case"spin-button":r.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Yr.jsx)(dc,{value:"Value",style:{width:300},...o,...r})};Ta.options=fT;Ta.states=uT;Ta.variants=hT;Ta.defaultOptions=bT;Ta.modifiers=TT;Ta.className=W.className;var ki="pager",uc=ki;var pe=require("react/jsx-runtime"),Qr="k-pager",gT=[i.focus,i.disabled],xT={size:[s.undefined,s.small,s.medium,s.large]},gt={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},ve=e=>{let{responsive:t=gt.responsive,size:o,pagerSizeInfo:r=gt.pagerSizeInfo,pageTitleInfo:l=gt.pageTitleInfo,maxPagesInfo:n=gt.maxPagesInfo,itemsPerPage:d=gt.itemsPerPage,maxPages:u=gt.maxPages,currentPage:f=gt.currentPage,previousNext:x=gt.previousNext,type:v=gt.type,pageSizes:w=gt.pageSizes,refresh:b=gt.refresh,info:C=gt.info,focus:L,disabled:P,dir:_,...H}=e,V=[],be=[];for(let se=1;se<=u;se++)V.push((0,pe.jsx)(c,{selected:se===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${se}`,...se===f&&{"aria-current":"page"},children:se},se)),be.push((0,pe.jsx)("option",{selected:se===f,children:se},se));return(0,pe.jsxs)("div",{dir:_,...H,className:a(e.className,Qr,M(Qr,{size:o}),S(Qr,{focus:L,disabled:P}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${u}`,children:[(0,pe.jsxs)("div",{className:a("k-pager-numbers-wrap"),children:[x&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(c,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,pe.jsx)(c,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),v==="numeric"&&(0,pe.jsx)("div",{className:a("k-pager-numbers"),children:V}),v==="input"&&(0,pe.jsxs)("span",{className:a("k-pager-input"),children:[l&&(0,pe.jsx)("span",{children:"Page"}),(0,pe.jsx)(W,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,pe.jsx)("span",{children:n&&`of ${u}`})]}),x&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(c,{className:a("k-pager-nav"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,pe.jsx)(c,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),w&&(0,pe.jsxs)("span",{className:a("k-pager-sizes"),children:[(0,pe.jsx)(ie,{value:`${d}`,size:o,"aria-label":"Items per page"}),r&&(0,pe.jsx)("span",{children:"items per page"})]}),b&&(0,pe.jsx)(c,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),C&&(0,pe.jsx)("span",{className:a("k-pager-info"),children:C})]})};ve.states=gT;ve.options=xT;ve.className=Qr;ve.defaultOptions=gt;ve.moduleName=ki;ve.folderName=uc;ve.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."}]};var NT=require("react/jsx-runtime");var kT=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var vi=require("react/jsx-runtime"),wT=ve.options,CT=ve.states,LT={...ve.defaultOptions,variant:"numeric"},MT=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],yT=[],ha=e=>{let{variant:t,...o}=e;return t==="input"?(0,vi.jsx)(ve,{...o,type:"input"}):(0,vi.jsx)(ve,{...o,type:"numeric"})};ha.options=wT;ha.states=CT;ha.variants=MT;ha.defaultOptions=LT;ha.modifiers=yT;ha.className=ve.className;var fc=require("react/jsx-runtime"),bc="k-grid-pager",St=e=>(0,fc.jsx)(ve,{...e,className:a(e.className,bc),children:e.children});St.className=bc;St.moduleName=X;St.folderName=q;var wi="button",Tc=wi;var hc=require("react/jsx-runtime"),mr="k-button-group",ST=[i.disabled],AT={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},IT={},z=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return(0,hc.jsx)("div",{role:"group",...l,className:a(e.className,mr,M(mr,{fillMode:t}),S(mr,{disabled:o}),{[`${mr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};z.states=ST;z.options=AT;z.className=mr;z.defaultOptions=IT;z.moduleName=wi;z.folderName=Tc;z.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."}]};var Ci=require("react/jsx-runtime");var Li=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var st=require("react/jsx-runtime"),ET={...c.options,...z.options},RT=c.states,OT={...c.defaultOptions,...z.defaultOptions,variant:"text-button"},PT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],GT=[],ga=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?(0,st.jsxs)(z,{fillMode:r.fillMode,className:o,children:[(0,st.jsx)(c,{...r,icon:"star"}),(0,st.jsx)(c,{...r,icon:"star"}),(0,st.jsx)(c,{...r,icon:"star"})]}):t==="icon-text-button"?(0,st.jsxs)(z,{fillMode:r.fillMode,className:o,children:[(0,st.jsx)(c,{...r,icon:"star",children:"First"}),(0,st.jsx)(c,{...r,icon:"star",children:"Middle"}),(0,st.jsx)(c,{...r,icon:"star",children:"Last"})]}):(0,st.jsxs)(z,{fillMode:r.fillMode,className:o,children:[(0,st.jsx)(c,{...r,children:"First"}),(0,st.jsx)(c,{...r,children:"Middle"}),(0,st.jsx)(c,{...r,children:"Last"})]})};ga.options=ET;ga.states=RT;ga.variants=PT;ga.defaultOptions=OT;ga.modifiers=GT;ga.className=z.className;var ur=require("react/jsx-runtime"),gc="k-color-preview",HT=[],_T={},Mo=e=>{let{color:t,iconName:o,...r}=e;return(0,ur.jsxs)("span",{...r,className:a(e.className,gc,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ur.jsx)(T,{icon:o,className:"k-color-preview-icon"}),(0,ur.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mo.states=HT;Mo.options=_T;Mo.className=gc;var Ii="slider",xc=Ii;var Gt=require("react/jsx-runtime"),br="k-slider",KT=[i.hover,i.focus,i.active,i.disabled,i.readonly],DT={},At={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=At.type,orientation:o=At.orientation,gradientType:r=At.gradientType,readonly:l=At.readonly,disabled:n=At.disabled,handlePosition:d=At.handlePosition,showButtons:u=At.showButtons,showTicks:f=At.showTicks,value:x=At.value,min:v=At.min,max:w=At.max,startValue:b,endValue:C,hover:L,focus:P,active:_,trackStyle:H,dir:V,...be}=e,qe=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ye,mt;return o==="horizontal"?(Ye=V==="rtl"?"caret-alt-left":"caret-alt-right",mt=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ye="caret-alt-up",mt="caret-alt-down"),(0,Gt.jsxs)("div",{...be,className:a(br,e.className,S(br,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[u&&(0,Gt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:mt,tabIndex:-1,title:"Decrease"}),(0,Gt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Gt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Gt.jsxs)("div",{className:"k-slider-track",style:H,children:[(0,Gt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Gt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",S(br,{hover:L,focus:P,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":b??v,"aria-valuemin":v,"aria-valuemax":C??w,"aria-orientation":qe,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),(0,Gt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${d}`,S(br,{hover:L,focus:P,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?C??w:x,"aria-valuemin":t==="range"?b??v:v,"aria-valuemax":w,"aria-orientation":qe,"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"]})]})]}),u&&(0,Gt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:Ye,tabIndex:-1,title:"Increase"})]})};ue.states=KT;ue.options=DT;ue.className=br;ue.defaultOptions=At;ue.moduleName=Ii;ue.folderName=xc;ue.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."}]};var Ei=require("react/jsx-runtime"),Nc="k-tick",BT=[],zT={},kc={label:!1},K=e=>{let{style:t,label:o=kc.label,orientation:r,large:l,text:n,...d}=e;return(0,Ei.jsx)("li",{...d,role:"presentation",title:n\|\|"Tick",className:a(e.className,Nc,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&(0,Ei.jsx)("span",{className:"k-label",children:n})})};K.states=BT;K.options=zT;K.className=Nc;K.defaultOptions=kc;var Ge=require("react/jsx-runtime"),vc=e=>(0,Ge.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(K,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var He=require("react/jsx-runtime"),wc=e=>(0,He.jsx)(ue,{children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(K,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{label:!0,large:!0,text:"5"}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Ri=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Pi=e=>(0,Cc.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Lc=require("react/jsx-runtime"),Gi=e=>(0,Lc.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Hi=require("react/jsx-runtime");var _i=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),UT=ue.options,FT=ue.states,Mc={...ue.defaultOptions,variant:"horizontal",label:!0},$T=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],VT=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],xa=e=>{let{variant:t,modifiers:o,...r}={...Mc,...e},l={};Object.keys(o\|\|{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!(o!=null&&o[x]);break}case"label":{l.label=!!(o!=null&&o[x]);break}case"tick":{l.showTicks=!!(o!=null&&o[x]);break}}});let{label:n=!0,showButtons:d,showTicks:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,dt.jsxs)(wc,{showTicks:u,showButtons:d,style:{height:"300px",...f},...r,children:[(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,dt.jsxs)(vc,{showTicks:u,showButtons:d,style:{width:"400px",...f},...r,children:[(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};xa.options=UT;xa.states=FT;xa.variants=$T;xa.defaultOptions=Mc;xa.modifiers=VT;xa.className=ue.className;var E=require("react/jsx-runtime"),yc="k-colorgradient-inputs",WT=[],XT={size:[s.undefined,s.small,s.medium,s.large]},Sc={mode:"rgba"},Na=e=>{let{mode:t=Sc.mode,size:o,...r}=e;return(0,E.jsxs)("div",{...r,className:a(yc,"k-hstack"),children:[(0,E.jsx)("div",{className:"k-vstack",children:(0,E.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,E.jsx)(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Na.states=WT;Na.options=XT;Na.className=yc;Na.defaultOptions=Sc;var Ve=require("react/jsx-runtime"),Ac="k-colorgradient-color-contrast",JT=[],qT={},YT={},ka=()=>(0,Ve.jsxs)("div",{className:a(Ac,"k-vbox"),children:[(0,Ve.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ve.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ve.jsx)(T,{icon:"check"}),(0,Ve.jsx)(T,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AA: 4.5"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ve.jsx)(T,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AAA: 7.0"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ve.jsx)(T,{icon:"x"})]})]})]});ka.states=JT;ka.options=qT;ka.className=Ac;ka.defaultOptions=YT;var Ic="color-gradient",Ec="colorgradient";var Se=require("react/jsx-runtime"),Zr="k-colorgradient",QT=[i.hover,i.focus,i.readonly,i.disabled],ZT={size:[s.undefined,s.small,s.medium,s.large]},$t={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"},Re=e=>{let{size:t,mode:o=$t.mode,readonly:r=$t.readonly,disabled:l=$t.disabled,gradientStyle:n=$t.gradientStyle,dragHandleStyle:d=$t.dragHandleStyle,alphaStyle:u=$t.alphaStyle,alphaStyleHorizontal:f=$t.alphaStyleHorizontal,contrast:x=$t.contrast,dir:v,hover:w,focus:b,hoverHandle:C,focusHandle:L,canvasOrientation:P=$t.canvasOrientation,role:_,tabIndex:H,...V}=e;return(0,Se.jsxs)("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:H??0,"aria-disabled":l?"true":void 0,className:a(e.className,Zr,M(Zr,{size:t}),S(Zr,{hover:w,focus:b,readonly:r,disabled:l})),dir:v,children:[!P\|\|P==="horizontal"&&(0,Se.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Se.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Se.jsx)("div",{className:"k-hsv-gradient",children:(0,Se.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":C,"k-focus":L}),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})})}),(0,Se.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Se.jsx)(Gi,{className:"k-hue-slider",hover:C,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,Se.jsx)(Gi,{className:"k-alpha-slider",hover:C,focus:L,trackStyle:u})]})]}),P==="vertical"&&(0,Se.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Se.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Se.jsx)("div",{className:"k-hsv-gradient",children:(0,Se.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":C,"k-focus":L}),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})})}),(0,Se.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Se.jsx)(Pi,{className:"k-hue-slider",hover:C,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,Se.jsx)(Pi,{className:"k-alpha-slider",hover:C,focus:L,trackStyle:f})]})]}),(0,Se.jsx)(Na,{mode:e.mode,size:t}),x&&(0,Se.jsx)(ka,{})]})};Re.states=QT;Re.options=ZT;Re.className=Zr;Re.defaultOptions=$t;Re.moduleName=Ic;Re.folderName=Ec;Re.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)."}]};var Rc=require("react/jsx-runtime"),jr=e=>(0,Rc.jsx)(Re,{...e});var jT=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var el=require("react/jsx-runtime"),th=Re.options,oh=Re.states,ah={...Re.defaultOptions,variant:"rgba"},rh=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],lh=[],va=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,el.jsx)(jr,{...o,mode:t});case"rgb":return(0,el.jsx)(jr,{...o,mode:t});default:return(0,el.jsx)(jr,{...o,mode:t})}};va.options=th;va.states=oh;va.variants=rh;va.defaultOptions=ah;va.modifiers=lh;va.className=Re.className;var Oc=require("react/jsx-runtime"),Ki=e=>(0,Oc.jsx)("tr",{role:"row",children:e.children});var Pc=require("react/jsx-runtime"),Di="k-colorpalette-tile",ih=[i.hover,i.focus,i.selected],nh={},wa=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Pc.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,Di,S(Di,{hover:r,focus:l,selected:n})),style:u})};wa.states=ih;wa.options=nh;wa.className=Di;var Gc="color-palette",Hc="colorpalette";var Ca=require("react/jsx-runtime"),tl="k-colorpalette",sh=[i.disabled],dh={size:[s.undefined,s.small,s.medium,s.large]},_c={columns:10},tt=e=>{let{size:t,palette:o,columns:r=_c.columns,tileSize:l,disabled:n,...d}=e,u=[];if(o){let f=r\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(v,w)=>{let b=[];x.slice(wf,(w+1)f).map((L,P)=>{b.push((0,Ca.jsx)(wa,{color:L,tileSize:l},P))});let C=(0,Ca.jsx)(Ki,{children:b},w);u.push(C)})}return(0,Ca.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,tl,S(tl,{disabled:n}),M(tl,{size:t})),children:(0,Ca.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Ca.jsx)("tbody",{children:u.length>0?u:e.children})})})};tt.states=sh;tt.options=dh;tt.className=tl;tt.defaultOptions=_c;tt.moduleName=Gc;tt.folderName=Hc;tt.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 ol=tt;var fr={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}};var Dc=require("react/jsx-runtime"),Kc=e=>(0,Dc.jsx)(ol,{palette:fr.basic,...e});var ch=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var zc=require("react/jsx-runtime"),ph=tt.options,mh=tt.states,uh={...tt.defaultOptions,variant:"basic"},bh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],fh={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}},Th=[],La=e=>{let{variant:t="basic",...o}=e,r=fh[t];return(0,zc.jsx)(Kc,{columns:r.columns,palette:r,...o})};La.options=ph;La.states=mh;La.variants=bh;La.defaultOptions=uh;La.modifiers=Th;La.className=tt.className;var Uc="color-editor",Fc="coloreditor";var Me=require("react/jsx-runtime"),al="k-coloreditor",hh=[i.focus],gh={size:[s.undefined,s.small,s.medium,s.large]},Tr={view:"gradient",palette:fr.office,actionButtons:!0,canvasOrientation:"horizontal"},we=e=>{let{size:t,view:o=Tr.view,palette:r=Tr.palette,color:l,currentColor:n,focus:d,focusView:u,dir:f,group:x,actionButtons:v=Tr.actionButtons,canvasOrientation:w=Tr.canvasOrientation,...b}=e;return(0,Me.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",al,M(al,{size:t}),S(al,{focus:d})),dir:f,children:[(0,Me.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Me.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Me.jsxs)(z,{fillMode:"flat",children:[(0,Me.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Me.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Me.jsx)("div",{className:"k-spacer"}),(0,Me.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Me.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Me.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Me.jsx)(Mo,{className:"k-coloreditor-preview-color",color:l}),(0,Me.jsx)(Mo,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Me.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Me.jsx)(Re,{focus:u,size:t,canvasOrientation:w,role:"none",tabIndex:-1}):(0,Me.jsx)(tt,{palette:r,size:t})}),v&&(0,Me.jsxs)(Mt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Me.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Me.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};we.states=hh;we.options=gh;we.className=al;we.defaultOptions=Tr;we.moduleName=Uc;we.folderName=Fc;we.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=we;var xh=require("react/jsx-runtime");var Nh=require("react/jsx-runtime");var Vc=require("react/jsx-runtime"),$c=e=>(0,Vc.jsx)(Ma,{group:!0,currentColor:"fuchsia",...e});var Xc=require("react/jsx-runtime"),Wc=e=>(0,Xc.jsx)(Ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Bi=require("react/jsx-runtime"),kh=we.options,vh=we.states,wh={...we.defaultOptions,variant:"gradient"},Ch=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Lh=[],ya=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Bi.jsx)(Wc,{...o,color:"white"}):(0,Bi.jsx)($c,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ya.options=kh;ya.states=vh;ya.variants=Ch;ya.defaultOptions=wh;ya.modifiers=Lh;ya.className=we.className;var Jc="color-picker",qc="colorpicker";var Ae=require("react/jsx-runtime"),Yc="k-colorpicker",Mh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],yh={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]},Qc={arrowIconName:"caret-alt-down"},xt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Qc.arrowIconName,prefix:n,suffix:d,value:u,placeholder:f,hover:x,focus:v,valid:w,invalid:b,required:C,disabled:L,valueIconName:P,popup:_,opened:H,adaptive:V,adaptiveSettings:be,adaptiveTitle:se,adaptiveSubtitle:qe,...Ye}=e,mt="colorpicker-popup";return(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsxs)(zt,{...Ye,size:t,rounded:o,fillMode:r,hover:x,focus:v,valid:w,invalid:b,required:C,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":H?"true":"false","aria-controls":H\|\|V?mt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:a(e.className,Yc,"k-icon-picker"),children:[(0,Ae.jsx)(wt,{children:n}),(0,Ae.jsx)(_o,{placeholder:f,value:u,showValue:!1,valueIcon:(0,Ae.jsx)(Mo,{className:"k-value-icon",color:u,iconName:P}),valueIconName:P}),(0,Ae.jsx)(Ct,{children:d}),(0,Ae.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),H&&_&&(0,Ae.jsx)(te,{id:mt,className:"k-colorpicker-popup",children:_}),V&&(0,Ae.jsx)(ke,{adaptive:!0,id:mt,...be,header:(0,Ae.jsx)(Ze,{actionsEnd:(0,Ae.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:qe}),footer:(0,Ae.jsxs)(No,{children:[(0,Ae.jsx)(c,{text:"Cancel",size:"large"}),(0,Ae.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Ae.jsx)(we,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};xt.states=Mh;xt.options=yh;xt.className=Yc;xt.defaultOptions=Qc;xt.moduleName=Jc;xt.folderName=qc;xt.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 oo=xt;var Zc=require("react/jsx-runtime"),rl=e=>(0,Zc.jsx)(oo,{...e});var Sh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var Eh=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),Ph=oo.options,Gh=oo.states,jc={...oo.defaultOptions,variant:"color"},Hh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],_h=[{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...r}={...jc,...e},l={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?(0,yo.jsx)(we,{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(0,yo.jsx)("div",{style:n,children:(0,yo.jsx)(rl,{...r,...l})});case"icon":return(0,yo.jsx)("div",{style:n,children:(0,yo.jsx)(rl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return(0,yo.jsx)("div",{style:n,children:(0,yo.jsx)(rl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};Sa.options=Ph;Sa.states=Gh;Sa.variants=Hh;Sa.defaultOptions=jc;Sa.modifiers=_h;Sa.className=oo.className;var zi="combobox",ep=zi;var oe=require("react/jsx-runtime"),tp="k-combobox",Kh=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Dh={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]},op={separators:!0},We=e=>{let{size:t,rounded:o,fillMode:r,separators:l=op.separators,prefix:n,suffix:d,value:u,placeholder:f,hover:x,focus:v,valid:w,invalid:b,required:C,loading:L,disabled:P,popup:_,opened:H,readonly:V,adaptive:be,adaptiveSettings:se,adaptiveTitle:qe,adaptiveSubtitle:Ye,adaptiveCustomValue:mt,id:Po,autocomplete:Tl,activeDescendant:fo,"aria-label":yr,...hl}=e,gl=Po?`${Po}-listbox`:void 0;return(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsxs)(Le,{...hl,size:t,rounded:o,fillMode:r,hover:x,focus:v,valid:w,invalid:b,required:C,loading:L,disabled:P,readonly:V,className:a(e.className,tp),children:[n&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)(wt,{children:n}),l&&(0,oe.jsx)(Lt,{})]}),(0,oe.jsx)(ft,{id:Po,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":H?"true":"false","aria-controls":H?gl:void 0,"aria-activedescendant":H&&fo?fo:void 0,"aria-autocomplete":Tl,"aria-invalid":b?"true":void 0,"aria-busy":L?"true":void 0,"aria-label":yr,disabled:P,readOnly:V}),(0,oe.jsx)(Qe,{valid:w,invalid:b,loading:L,disabled:P}),(0,oe.jsx)(it,{loading:L,disabled:P}),(0,oe.jsx)(bt,{loading:L,disabled:P,readonly:V,value:u}),d&&(0,oe.jsxs)(oe.Fragment,{children:[l&&(0,oe.jsx)(Lt,{}),(0,oe.jsx)(Ct,{children:d})]}),(0,oe.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:P})]}),H&&_&&(0,oe.jsx)(te,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),be&&(0,oe.jsx)(ke,{adaptive:!0,id:Po?`${Po}-adaptive`:void 0,...se,header:(0,oe.jsx)(Ze,{actionsEnd:(0,oe.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:qe,subtitle:Ye}),children:(0,oe.jsx)("div",{className:"k-list-container",children:(0,oe.jsx)(Y,{customValue:mt?(0,oe.jsx)(Co,{text:`Use "${u}"`}):void 0,size:"large",children:(0,oe.jsxs)(de,{"aria-label":qe\|\|"Options",children:[(0,oe.jsx)(F,{text:"List item"}),(0,oe.jsx)(F,{text:"List item"}),(0,oe.jsx)(F,{text:"List item"})]})})})})]})};We.states=Kh;We.options=Dh;We.className=tp;We.defaultOptions=op;We.moduleName=zi;We.folderName=ep;We.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 Nt=We;var rp=require("react/jsx-runtime"),ap=e=>(0,rp.jsx)(Nt,{...e});var lp=require("react/jsx-runtime");var ip=require("react/jsx-runtime");var np=require("react/jsx-runtime");var sp=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var zh=require("react/jsx-runtime");var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),Uh=We.states,Fh=We.defaultOptions,$h=We.options,Vh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Wh=[],Aa=e=>{let{modifiers:t,...o}=e,r={},l=(0,Ht.jsx)(Y,{style:{width:300},size:o.size,children:(0,Ht.jsxs)(de,{children:[(0,Ht.jsx)(F,{children:"List item"}),(0,Ht.jsx)(F,{children:"List item"}),(0,Ht.jsx)(F,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":r.prefix=t!=null&&t[n]?(0,Ht.jsx)(T,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t!=null&&t[n]?(0,Ht.jsx)(xo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,Ht.jsx)("div",{children:(0,Ht.jsx)(ap,{value:"Value",style:{width:300},...o,...r})})};Aa.options=$h;Aa.states=Uh;Aa.variants=Wh;Aa.defaultOptions=Fh;Aa.modifiers=Vh;Aa.className=We.className;var Fi="menu-button",up=Fi;var fp=require("react/jsx-runtime"),bp="k-menu-button",Xh=[i.hover,i.focus,i.active,i.selected,i.disabled],Jh={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]},$i={showArrow:!0,arrowIconName:"caret-alt-down"},ne=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,icon:v,text:w,showArrow:b=$i.showArrow,arrowIconName:C=$i.arrowIconName,expanded:L,...P}=e;return(0,fp.jsx)(c,{...P,className:a(e.className,bp),text:w,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,icon:v,showArrow:b,arrowIconName:C,"aria-expanded":L?"true":"false",...!w&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ne.states=Xh;ne.options=Jh;ne.className=bp;ne.defaultOptions=$i;ne.moduleName=Fi;ne.folderName=up;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."}]};var qh=require("react/jsx-runtime");var Yh=require("react/jsx-runtime");var Qh=require("react/jsx-runtime");var kt="menu",It=kt;var ao=require("react/jsx-runtime"),Vi="k-menu-item",Zh=[i.hover,i.focus,i.active,i.selected,i.disabled],jh={},Tp={iconPosition:"before"},Xe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:u,first:f,last:x,showArrow:v,arrowIconName:w,iconPosition:b=Tp.iconPosition,dir:C,children:L,expanded:P,..._}=e,H=w;return H\|\|(H=C==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ao.jsxs)("li",{..._,className:a(e.className,Vi,"k-item",S(Vi,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":f,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":P?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ao.jsxs)("span",{className:a("k-link k-menu-link"),children:[d&&b==="before"&&(0,ao.jsx)(T,{className:"k-menu-link-icon",icon:d}),(0,ao.jsx)("span",{className:"k-menu-link-text",children:u}),d&&b==="after"&&(0,ao.jsx)(T,{className:"k-menu-link-icon",icon:d}),v&&(0,ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ao.jsx)(T,{icon:H})})]}),L]})};Xe.states=Zh;Xe.options=jh;Xe.className=Vi;Xe.defaultOptions=Tp;Xe.moduleName=kt;Xe.folderName=It;var ro=require("react/jsx-runtime"),Wi="k-menu-item",eg=[i.hover,i.focus,i.active,i.selected,i.disabled],tg={},Xi={dir:"ltr",iconPosition:"before"},$=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:u,first:f,last:x,showArrow:v,arrowIconName:w,iconPosition:b=Xi.iconPosition,dir:C=Xi.dir,children:L,popup:P,expanded:_,...H}=e,V=w;return V\|\|(V=C==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ro.jsxs)("li",{...H,className:a(e.className,Wi,"k-item",S(Wi,{focus:o,disabled:n}),{"k-first":f,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":_?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ro.jsxs)("span",{className:a("k-link k-menu-link",S("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[d&&b==="before"&&(0,ro.jsx)(T,{className:"k-menu-link-icon",icon:d}),(0,ro.jsx)("span",{className:"k-menu-link-text",children:u}),d&&b==="after"&&(0,ro.jsx)(T,{className:"k-menu-link-icon",icon:d}),v&&(0,ro.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ro.jsx)(T,{icon:V})})]}),L,P]})};$.states=eg;$.options=tg;$.className=Wi;$.defaultOptions=Xi;$.moduleName=kt;$.folderName=It;var xp=require("react/jsx-runtime"),hp="k-menu-scroll-wrapper",og=[],ag={},rg={},Fo=e=>{let{className:t,children:o,orientation:r,...l}=e;return(0,xp.jsx)("div",{...l,className:a(t,hp,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Fo.states=og;Fo.options=ag;Fo.className=hp;Fo.defaultOptions=rg;Fo.moduleName=kt;Fo.folderName=It;var gp=Fo;var _e=require("react/jsx-runtime"),Ji="k-menu",lg=[],ig={},il={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},he=e=>{let{children:t,orientation:o=il.orientation,header:r=il.header,scrollable:l,scrollButtonsPosition:n=il.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:x,...v}=e,w={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,_e.jsx)("ul",{dir:u,...v,className:a(e.className,"k-reset",Ji,{[`${Ji}-${o}`]:o,"k-header":r}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,_e.jsxs)(_e.Fragment,{children:[l?(0,_e.jsxs)(gp,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,n==="end"&&(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,f]})};he.states=lg;he.options=ig;he.className=Ji;he.defaultOptions=il;he.moduleName=kt;he.folderName=It;he.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var kp=require("react/jsx-runtime"),qi="k-separator",Np={orientation:"horizontal"},So=e=>{let{orientation:t=Np.orientation,...o}=e;return(0,kp.jsx)("li",{...o,className:a(e.className,"k-item",qi,{[`${qi}-${t}`]:t}),role:"separator"})};So.className=qi;So.defaultOptions=Np;So.moduleName=kt;So.folderName=It;var vp=require("react/jsx-runtime");var wp=require("react/jsx-runtime"),Yi="k-menu-group",ng=[],sg={size:[s.undefined,s.small,s.medium,s.large]},dg={},ye=e=>{let{children:t,size:o,...r}=e;return(0,wp.jsx)("ul",{...r,className:a(e.className,Yi,M(Yi,{size:o})),role:"menu",children:t})};ye.states=ng;ye.options=sg;ye.className=Yi;ye.defaultOptions=dg;ye.moduleName=kt;ye.folderName=It;var _t=require("react/jsx-runtime"),Qi=e=>(0,_t.jsx)(he,{children:(0,_t.jsxs)(_t.Fragment,{children:[(0,_t.jsx)(Xe,{first:!0,text:"Item 1"}),(0,_t.jsx)(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,_t.jsx)(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,_t.jsx)(Xe,{text:"Item 4"}),(0,_t.jsx)(Xe,{last:!0,text:"Item 5"})]}),...e});var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var en=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),cg=he.options,pg=he.states,Cp={...he.defaultOptions,variant:"horizontal"},mg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ug=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...r}={...Cp,...e},l={};return Object.keys(o\|\|{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!(o!=null&&o[n]);break;case"opened":l.opened=!!(o!=null&&o[n]),l.popup=(0,Vt.jsx)(te,{className:"k-menu-popup",children:(0,Vt.jsxs)(ye,{children:[(0,Vt.jsx)($,{text:"Item 1"}),(0,Vt.jsx)($,{text:"Item 2"}),(0,Vt.jsx)(So,{}),(0,Vt.jsx)($,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Vt.jsx)(Qi,{...r,...l,orientation:"vertical",style:{width:"200px"}}):(0,Vt.jsx)(Qi,{...r,...l})};Ia.options=cg;Ia.states=pg;Ia.variants=mg;Ia.defaultOptions=Cp;Ia.modifiers=ug;Ia.className=he.className;var on=require("react/jsx-runtime");var bg=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),fg=c.states,Lp={...c.defaultOptions,variant:"text"},Tg=c.options,hg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gg=[{name:"opened",title:"Opened"}],Ea=e=>{let{variant:t,modifiers:o,...r}={...Lp,...e},l={},n=(0,Je.jsx)(te,{className:"k-menu-popup",children:(0,Je.jsxs)(ye,{size:r.size,children:[(0,Je.jsx)($,{first:!0,text:"Menu Item"}),(0,Je.jsx)($,{text:"Menu Item"}),(0,Je.jsx)($,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Je.jsx)("div",{children:(0,Je.jsx)(ne,{...r,...l,icon:"star"})});break;case"icon-and-text":d=(0,Je.jsx)("div",{children:(0,Je.jsx)(ne,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Je.jsx)("div",{children:(0,Je.jsx)(ne,{...r,...l,children:"Dropdown Button"})});break}return(0,Je.jsxs)(Je.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};Ea.options=Tg;Ea.states=fg;Ea.variants=hg;Ea.defaultOptions=Lp;Ea.modifiers=gg;Ea.className=ne.className;var an="split-button",Mp=an;var lo=require("react/jsx-runtime"),rn="k-split-button",xg=[i.hover,i.focus,i.active,i.selected,i.disabled],Ng={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]},yp={arrowIconName:"caret-alt-down"},J=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,icon:v,text:w,arrowIconName:b=yp.arrowIconName,popup:C,opened:L,popupId:P,..._}=e;return(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsxs)("div",{..._,className:a(e.className,rn,"k-button-group",M(rn,{rounded:o})),children:[(0,lo.jsx)(c,{text:w,icon:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,...!w&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),(0,lo.jsx)(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?P:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),L&&C&&(0,lo.jsx)(te,{className:"k-menu-popup",children:C})]})};J.states=xg;J.options=Ng;J.className=rn;J.defaultOptions=yp;J.moduleName=an;J.folderName=Mp;J.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 ln=J;var Sp=require("react/jsx-runtime"),kg="k-toolbar-separator",Kt=e=>(0,Sp.jsx)("div",{className:a(kg,e.className,"k-separator")});var io="toolbar",Ao=io;var D=require("react/jsx-runtime"),no="k-toolbar",vg=[i.focus],wg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Cg={scrollButtons:"around"},me=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:u,section:f,...x}=e,v=[],w=(b,C)=>{let L=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))L.push((0,D.jsx)(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===c)L.push((0,D.jsx)(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===er)L.push((0,D.jsx)(er,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===xo)L.push((0,D.jsx)(xo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===ne)L.push((0,D.jsx)(ne,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===ln)L.push((0,D.jsx)(ln,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===z\|\|b.props.className&&b.props.className.includes("k-button-group")){let P=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((H,V)=>{P.push((0,D.jsx)(c,{...H.props,className:`${H.props.className?H.props.className:""}`},`${V}-${new Date().getTime()}`))}),L.push((0,D.jsx)(z,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:P},`${C}-${new Date().getTime()}`))}else b.type===We?L.push((0,D.jsx)(We,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`)):b.type===ie?L.push((0,D.jsx)(ie,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`)):b.type===xt?L.push((0,D.jsx)(xt,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`)):L.push(b);L.forEach(P=>{v.push(P)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((C,L)=>{w(C,L)}),(0,D.jsxs)("div",{...x,className:a(e.className,no,M(no,{size:t,fillMode:o}),S(no,{focus:r}),{[`${no}-resizable`]:l,[`${no}-scrollable`]:n,[`${no}-scrollable-overlay`]:n&&d==="hidden",[`${no}-scrollable-${u}`]:u&&u!=="both",[`${no}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!n&&v,n&&d==="hidden"&&(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),n&&d==="start"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(z,{children:[(0,D.jsx)("span",{className:a("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:a("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),n&&d==="end"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsxs)(z,{children:[(0,D.jsx)("span",{className:a("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:a("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(d==="around"\|\|!d)&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:a("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsx)("span",{className:a("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=vg;me.options=wg;me.className=no;me.defaultOptions=Cg;me.moduleName=io;me.folderName=Ao;me.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."}]};var Ip=require("react/jsx-runtime"),Ap="k-floating-toolbar",Lg=[],Mg={},yg={},Ra=e=>{let{...t}=e;return(0,Ip.jsx)("div",{...t,className:a(e.className,Ap),children:e.children})};Ra.states=Lg;Ra.options=Mg;Ra.className=Ap;Ra.defaultOptions=yg;Ra.moduleName=io;Ra.folderName=Ao;var Ep=require("react/jsx-runtime"),nn="k-toolbar-item",Sg=[i.focus],Ag={},Ig={},Oa=e=>{let{focus:t,...o}=e;return(0,Ep.jsx)("div",{...o,className:a(e.className,nn,S(nn,{focus:t})),children:e.children})};Oa.states=Sg;Oa.options=Ag;Oa.className=nn;Oa.defaultOptions=Ig;Oa.moduleName=io;Oa.folderName=Ao;var sn=require("react/jsx-runtime"),Rp="k-toolbar-popup",Eg=[],Rg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Og={},$o=e=>{let{size:t,fillMode:o,section:r,...l}=e;return(0,sn.jsx)(te,{...l,className:a(e.className,Rp),children:r?(0,sn.jsx)("span",{className:a("k-toolbar-items-list",M("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};$o.states=Eg;$o.options=Rg;$o.className=Rp;$o.defaultOptions=Og;$o.moduleName=io;$o.folderName=Ao;var nl=$o;var Pg=require("react/jsx-runtime");var Gg=require("react/jsx-runtime");var Hg=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var _g=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),Kg=J.states,Pp={...J.defaultOptions,variant:"text"},Dg=J.options,Bg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zg=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...r}={...Pp,...e},l={},n=(0,Et.jsxs)(ye,{size:r.size,children:[(0,Et.jsx)($,{first:!0,text:"Menu Item"}),(0,Et.jsx)($,{text:"Menu Item"}),(0,Et.jsx)($,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?n:"")}),t){case"icon-only":return(0,Et.jsx)("div",{children:(0,Et.jsx)(J,{...r,...l,icon:"star"})});case"icon-and-text":return(0,Et.jsx)("div",{children:(0,Et.jsx)(J,{...r,...l,icon:"star",children:"Split Button"})});default:return(0,Et.jsx)("div",{children:(0,Et.jsx)(J,{...r,...l,children:"Split Button"})})}};Pa.options=Dg;Pa.states=Kg;Pa.variants=Bg;Pa.defaultOptions=Pp;Pa.modifiers=zg;Pa.className=J.className;var Wt=require("react/jsx-runtime"),Gp=e=>(0,Wt.jsx)(me,{children:[(0,Wt.jsx)(c,{children:"Button"},"toolbar-button"),(0,Wt.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Wt.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,Wt.jsxs)(z,{children:[(0,Wt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Wt.jsx)(c,{icon:"align-center",children:"Center"}),(0,Wt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Hp=require("react/jsx-runtime");var Ke=require("react/jsx-runtime"),_p=e=>(0,Ke.jsx)(me,{scrollable:!0,...e,children:[(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(z,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(z,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var De=require("react/jsx-runtime"),Kp=({scrollingPosition:e="start",...t})=>(0,De.jsx)(me,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(z,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(z,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ge=require("react/jsx-runtime"),Dp=({fillMode:e,size:t,...o})=>(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(me,{section:!0,fillMode:e,size:t,children:[(0,ge.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsxs)(z,{fillMode:e,children:[(0,ge.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,ge.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,ge.jsxs)(nl,{size:t,fillMode:e,section:!0,...o,children:[(0,ge.jsx)(J,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ge.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsx)(Kt,{}),(0,ge.jsx)(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ge.jsxs)(z,{fillMode:e,children:[(0,ge.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var so=require("react/jsx-runtime"),Ug=me.options,Fg=me.states,Bp={...me.defaultOptions,variant:"default"},$g=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Vg=[],Ga=e=>{let{variant:t,...o}={...Bp,...e};switch(t){case"responsive":return(0,so.jsx)("div",{children:(0,so.jsx)(Dp,{style:{width:"583px"},...o})});case"overlay":return(0,so.jsx)("div",{children:(0,so.jsx)(Kp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,so.jsx)("div",{children:(0,so.jsx)(_p,{style:{width:"583px"},...o})});default:return(0,so.jsx)("div",{children:(0,so.jsx)(Gp,{style:{width:"583px"},...o})})}};Ga.options=Ug;Ga.states=Fg;Ga.variants=$g;Ga.defaultOptions=Bp;Ga.modifiers=Vg;Ga.className=me.className;var Up=require("react/jsx-runtime"),zp="k-grid-toolbar",Vo=e=>(0,Up.jsx)(me,{...e,className:a(e.className,zp),children:e.children});Vo.className=zp;Vo.moduleName=X;Vo.folderName=q;var Ha=require("react/jsx-runtime"),pn="k-grid-stack-cell",Wg=[i.focus,i.selected],sl=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:d,selected:u,...f}=e;return(0,Ha.jsxs)("div",{...f,className:a(e.className,pn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},S(pn,{focus:d,selected:u})),children:[n&&(0,Ha.jsx)("span",{className:"k-dirty"}),t&&(0,Ha.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Ha.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};sl.states=Wg;sl.className=pn;sl.moduleName=X;sl.folderName=q;var $p=require("react/jsx-runtime"),Fp="k-grid-stack-row",dl=e=>{let{cols:t,...o}=e;return(0,$p.jsx)("div",{...o,className:a(e.className,Fp,{[`k-grid-cols-${t}`]:t}),children:e.children})};dl.className=Fp;dl.moduleName=X;dl.folderName=q;var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var ot="column-menu",ct=ot;var Wp=require("react/jsx-runtime"),bn="k-column-menu",Xg=[],Jg={size:[s.undefined,s.small,s.medium,s.large]},Vp={view:"list"},co=e=>{let{view:t=Vp.view,size:o,...r}=e;return(0,Wp.jsx)("div",{...r,className:a(e.className,bn,M(bn,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};co.states=Xg;co.options=Jg;co.className=bn;co.defaultOptions=Vp;co.moduleName=ot;co.folderName=ct;co.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var Tn=require("react/jsx-runtime"),fn="k-column-list",qg=[],Yg={size:[s.undefined,s.small,s.medium,s.large]},Qg={},Wo=e=>{let{size:t,...o}=e;return(0,Tn.jsx)("div",{className:"k-column-list-wrapper",children:(0,Tn.jsx)("div",{...o,className:a(e.className,fn,M(fn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Wo.states=qg;Wo.options=Yg;Wo.className=fn;Wo.defaultOptions=Qg;Wo.moduleName=ot;Wo.folderName=ct;var hr=require("react/jsx-runtime"),hn="k-column-list-item",Zg=[i.focus,i.disabled,i.hover],jg={},ex={},gr=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...d}=e;return(0,hr.jsxs)("span",{...d,className:a(e.className,hn,S(hn,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,hr.jsx)(Ee,{disabled:n,checked:o,"aria-label":t}),(0,hr.jsx)("span",{className:"k-checkbox-label",children:t})]})};gr.states=Zg;gr.options=jg;gr.className=hn;gr.defaultOptions=ex;var Xo=require("react/jsx-runtime"),gn="k-columnmenu-item",tx=[i.focus,i.selected],ox={},ax={},po=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:d,...u}=e;return(0,Xo.jsxs)("div",{...u,className:a(e.className,gn,S(gn,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Xo.jsx)(T,{icon:l}),r,n&&(0,Xo.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Xo.jsx)(T,{icon:n}),d&&(0,Xo.jsx)("span",{className:"k-sort-index",children:d})]}),e.children]})};po.states=tx;po.options=ox;po.className=gn;po.defaultOptions=ax;po.moduleName=ot;po.folderName=ct;var rx=require("react/jsx-runtime");var Jp=require("react/jsx-runtime"),lx="k-columnmenu-item-content",Xp=e=>(0,Jp.jsx)("div",{...e,className:a(e.className,lx,"k-columns-item"),children:e.children});var xn=require("react/jsx-runtime"),qp="k-filter-menu",ix=[],nx={},sx={},Io=e=>{let{...t}=e;return(0,xn.jsx)("form",{...t,className:a(e.className,qp),children:(0,xn.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Io.states=ix;Io.options=nx;Io.className=qp;Io.defaultOptions=sx;Io.moduleName=ot;Io.folderName=ct;var dx=require("react/jsx-runtime");var _a=require("react/jsx-runtime"),cx="k-item",px={size:[s.undefined,s.small,s.medium,s.large]},mx=[],Nn=e=>{let{text:t,size:o,...r}=e;return(0,_a.jsx)("li",{...r,className:a(e.className,cx),children:(0,_a.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,_a.jsx)(Ee,{size:o}),(0,_a.jsx)("span",{children:t})]})})};Nn.states=mx;Nn.options=px;var Xt=require("react/jsx-runtime"),Yp="k-expander",ux=[],bx={},fx={},Jo=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:u,contentId:f,...x}=e,v=f\|\|B("columnmenu-content"),w=!n&&!u?(0,Xt.jsx)(T,{icon:"chevron-down"}):n&&!u?(0,Xt.jsx)(T,{icon:"chevron-up"}):(0,Xt.jsx)(T,{icon:u});return(0,Xt.jsxs)("div",{...x,className:a(e.className,Yp),children:[(0,Xt.jsxs)(po,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":v,children:[(0,Xt.jsx)("span",{className:"k-spacer"}),(0,Xt.jsx)("span",{className:"k-expander-indicator",children:w})]}),n&&(0,Xt.jsx)(Xp,{id:v,children:d}),e.children]})};Jo.states=ux;Jo.options=bx;Jo.className=Yp;Jo.defaultOptions=fx;Jo.moduleName=ot;Jo.folderName=ct;var Qp=require("react/jsx-runtime"),kn="k-group-menu",Tx=[],hx={size:[s.undefined,s.small,s.medium,s.large]},gx={},Ka=e=>{let{size:t,...o}=e;return(0,Qp.jsx)("div",{...o,className:a(e.className,kn,M(kn,{size:t})),children:e.children})};Ka.states=Tx;Ka.options=hx;Ka.className=kn;Ka.defaultOptions=gx;Ka.moduleName=ot;Ka.folderName=ct;var Jt=require("react/jsx-runtime"),vn="k-group-menu-item",xx=[i.hover,i.selected],Nx={},kx={},Da=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...d}=e;return(0,Jt.jsxs)("div",{...d,className:a(e.className,vn,S(vn,{hover:t,selected:o})),children:[l&&(0,Jt.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,Jt.jsx)("span",{className:"k-group-item-text",children:r}),n&&(0,Jt.jsxs)(Jt.Fragment,{children:[(0,Jt.jsx)("span",{className:"k-spacer"}),(0,Jt.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Da.states=xx;Da.options=Nx;Da.className=vn;Da.defaultOptions=kx;Da.moduleName=ot;Da.folderName=ct;var Eo=require("react/jsx-runtime"),wn="k-group-menu-item-action",vx=[i.hover,i.disabled,i.selected],wx={size:[s.undefined,s.small,s.medium,s.large]};var Cn=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...d}=e,u;switch(n){case"remove":u=(0,Eo.jsx)(T,{icon:"x-circle",size:l});break;case"add":u=(0,Eo.jsx)(T,{icon:"plus-circle",size:l});break;case"drag":u=(0,Eo.jsx)(T,{icon:"handle-drag-dots",size:l});break;case"up":u=(0,Eo.jsx)(T,{icon:"chevron-up",size:l});break;case"down":u=(0,Eo.jsx)(T,{icon:"chevron-down",size:l});break;default:u=(0,Eo.jsx)(T,{icon:n,size:l});break}return(0,Eo.jsx)("span",{...d,className:a(e.className,wn,S(wn,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:u})};Cn.options=vx;Cn.options=wx;Cn.className=wn;var Cx=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var em=require("react/jsx-runtime"),Zp="k-tabstrip-items",Lx=[],Mx={},yx={tabAlignment:"start"},xr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return(0,em.jsx)("ul",{...l,className:a(e.className,Zp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};xr.states=Lx;xr.options=Mx;xr.className=Zp;xr.defaultOptions=yx;var jp=xr;var rm=require("react/jsx-runtime"),tm="k-tabstrip-items-wrapper",Sx=[],Ax={},om={orientation:"horizontal"},Nr=e=>{let{children:t,orientation:o=om.orientation,...r}=e;return(0,rm.jsx)("div",{...r,className:a(e.className,tm,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Nr.states=Sx;Nr.options=Ax;Nr.className=tm;Nr.defaultOptions=om;var am=Nr;var kr="tabstrip",cl=kr;var at=require("react/jsx-runtime"),Ro="k-tabstrip",Ix=[],Ex={size:[s.undefined,s.small,s.medium,s.large]},pl={position:"top",tabAlignment:"start",scrollButtons:"around"},Be=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:d=pl.position,tabAlignment:u=pl.tabAlignment,scrollButtons:f=pl.scrollButtons,dir:x,scrollingPosition:v,overflow:w,...b}=e,C={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"}},L={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},P={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,at.jsxs)("div",{dir:x,...b,className:a(Ro,e.className,{[`${Ro}-${d}`]:d,[`${Ro}-scrollable`]:o,[`${Ro}-scrollable-overlay`]:o&&(f==="hidden"\|\|!f),[`${Ro}-scrollable-${v}`]:v&&v!=="both",[`${Ro}-overflow`]:w},M(Ro,{size:t})),children:[d==="bottom"&&r,(0,at.jsxs)(am,{orientation:L[d],children:[o&&(f==="around"\|\|f==="start")&&(0,at.jsx)("span",{className:a("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].prev}`})}),o&&f==="start"&&(0,at.jsx)("span",{className:a("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].next}`})}),(0,at.jsx)(jp,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:P[u],orientation:L[d],...n&&{id:n},children:l}),o&&f==="end"&&(0,at.jsx)("span",{className:a("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].prev}`})}),o&&(f==="around"\|\|f==="end")&&(0,at.jsx)("span",{className:a("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].next}`})}),w&&(0,at.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,at.jsx)(ne,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&r]})};Be.states=Ix;Be.options=Ex;Be.className=Ro;Be.defaultOptions=pl;Be.moduleName=kr;Be.folderName=cl;Be.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var im=require("react/jsx-runtime"),lm="k-tabstrip-wrapper",Rx=[],Ox={},Px={},Ba=e=>{let{...t}=e;return(0,im.jsx)("div",{...t,className:a(e.className,lm),children:e.children})};Ba.states=Rx;Ba.options=Ox;Ba.className=lm;Ba.defaultOptions=Px;Ba.moduleName=kr;Ba.folderName=cl;var mo=require("react/jsx-runtime"),Mn="k-tabstrip-item",Gx=[i.active,i.hover,i.disabled,i.focus],Hx={},nm={iconPosition:"before"},pt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:d,first:u,last:f,closable:x,icon:v,iconPosition:w=nm.iconPosition,value:b,actions:C,...L}=e;return(0,mo.jsxs)("li",{...L,className:a(e.className,Mn,S(Mn,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":u,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,mo.jsxs)("span",{className:"k-link",children:[v&&w==="before"&&(0,mo.jsx)(T,{icon:v}),b&&(0,mo.jsx)("span",{className:"k-link-text",children:b}),v&&w==="after"&&(0,mo.jsx)(T,{icon:v})]}),(C\|\|x)&&(0,mo.jsxs)("span",{className:"k-item-actions",children:[C,x&&(0,mo.jsx)(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};pt.states=Gx;pt.options=Hx;pt.className=Mn;pt.item=nm;var sm=require("react/jsx-runtime"),yn="k-tabstrip-content",_x=[i.active,i.focus],Kx={},Dx={},qt=e=>{let{active:t,focus:o,children:r,...l}=e;return(0,sm.jsx)("div",{...l,className:a(e.className,yn,S(yn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};qt.states=_x;qt.options=Kx;qt.className=yn;qt.defaultOptions=Dx;var vt=require("react/jsx-runtime"),Dt=({children:e,...t})=>(0,vt.jsx)(Be,{tabStripItems:(0,vt.jsxs)(vt.Fragment,{children:[(0,vt.jsx)(pt,{first:!0,value:"First"}),(0,vt.jsx)(pt,{active:!0,value:"Second"}),(0,vt.jsx)(pt,{value:"Third"}),(0,vt.jsx)(pt,{value:"Fourth"}),(0,vt.jsx)(pt,{last:!0,value:"Fifth"})]}),...t,children:e\|\|(0,vt.jsx)(qt,{active:!0,children:(0,vt.jsx)("div",{children:"TabStrip Content"})})});var cm=require("react/jsx-runtime"),dm=e=>(0,cm.jsx)(Dt,{position:"bottom",...e});var mm=require("react/jsx-runtime"),pm=e=>(0,mm.jsx)(Dt,{position:"right",...e});var bm=require("react/jsx-runtime"),um=e=>(0,bm.jsx)(Dt,{position:"left",...e});var Bx=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var zx=require("react/jsx-runtime");var An=require("react/jsx-runtime");var In=require("react/jsx-runtime");var vr=require("react/jsx-runtime"),Ux={...Be.options,scrollable:{type:"boolean"}},Fx=Be.states,fm={...Be.defaultOptions,scrollable:!1,variant:"up"},$x=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Vx=[],za=e=>{let{variant:t,...o}={...fm,...e},r={};switch(t){case"right":return(0,vr.jsx)(pm,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,vr.jsx)(um,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,vr.jsx)(dm,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,vr.jsx)(Dt,{style:{width:"350px"},...o,...r})}};za.options=Ux;za.states=Fx;za.variants=$x;za.defaultOptions=fm;za.modifiers=Vx;za.className=Be.className;var En=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Tm=({contentClassName:e,...t})=>(0,k.jsx)(U,{_renderAriaRoot:!0,pager:(0,k.jsx)(St,{refresh:!1}),children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ae,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)(le,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(Z,{role:"rowgroup",children:[(0,k.jsxs)(A,{role:"row",children:[(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,k.jsxs)(A,{className:"k-filter-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell","aria-label":"Product Id filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(W,{"aria-label":"Product Id filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Name filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ce,{"aria-label":"Name filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Quantity filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ce,{"aria-label":"Quantity filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Unit Price filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(W,{"aria-label":"Unit Price filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Discontinued filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ie,{"aria-label":"Discontinued filter"}),(0,k.jsx)("div",{className:"k-filtercell-operator",children:(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,k.jsx)(j,{children:(0,k.jsx)(ee,{className:e,children:(0,k.jsxs)(Q,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(re,{role:"rowgroup",children:[(0,k.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell",children:"1"}),(0,k.jsx)(p,{role:"gridcell",children:"Chai"}),(0,k.jsx)(p,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,k.jsx)(p,{role:"gridcell",children:"18"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(p,{role:"gridcell",children:"2"}),(0,k.jsx)(p,{role:"gridcell",children:"Chang"}),(0,k.jsx)(p,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,k.jsx)(p,{role:"gridcell",children:"19"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell",children:"3"}),(0,k.jsx)(p,{role:"gridcell",children:"Aniseed Syrup"}),(0,k.jsx)(p,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,k.jsx)(p,{role:"gridcell",children:"10"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(p,{role:"gridcell",children:"4"}),(0,k.jsx)(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,k.jsx)(p,{role:"gridcell",children:"48 - 6 oz jars"}),(0,k.jsx)(p,{role:"gridcell",children:"22"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell",children:"5"}),(0,k.jsx)(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,k.jsx)(p,{role:"gridcell",children:"12 - 8 oz jars"}),(0,k.jsx)(p,{role:"gridcell",children:"25"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var wr=require("react/jsx-runtime"),Wx="k-chip-action";var Ce=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=(0,wr.jsx)(T,{icon:"x-circle",size:"small"});break;case"more":r=(0,wr.jsx)(T,{icon:"more-vertical",size:"small"});break;default:return(0,wr.jsx)(T,{icon:t,size:"small"})}return(0,wr.jsx)("span",{...o,className:a(e.className,Wx,`k-chip-${t}-action`),children:r})};var _n="avatar",hm=_n;var Dn=require("react/jsx-runtime"),Cr="k-avatar";var Xx=[i.hover,i.focus,i.active,i.selected,i.disabled],Jx={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]},Kn={type:"text",border:!1},rt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=Kn.type,border:d=Kn.border,...u}=e;return(0,Dn.jsx)("div",{...u,className:a(e.className,Cr,M(Cr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${Cr}-bordered`]:d}),children:(0,Dn.jsx)("span",{className:`${Cr}-${n}`,children:e.children})})};rt.states=Xx;rt.options=Jx;rt.className=Cr;rt.defaultOptions=Kn;rt.moduleName=_n;rt.folderName=hm;rt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var qo=rt;var xm=require("react/jsx-runtime"),gm=e=>(0,xm.jsx)(qo,{type:"icon",...e});var km=require("react/jsx-runtime"),Nm=e=>(0,km.jsx)(qo,{type:"text",...e});var wm=require("react/jsx-runtime"),vm=e=>(0,wm.jsx)(qo,{type:"image",...e});var qx=require("react/jsx-runtime");var Ua=require("react/jsx-runtime"),Yx=rt.options,Qx=rt.states,Zx={...rt.defaultOptions,variant:"image"},jx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],eN=[],Fa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Ua.jsx)(gm,{...o,children:(0,Ua.jsx)(T,{icon:"star"})});case"text":return(0,Ua.jsx)(Nm,{...o,children:"JO"});default:return(0,Ua.jsx)(vm,{...o,children:(0,Ua.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Fa.options=Yx;Fa.states=Qx;Fa.variants=jx;Fa.defaultOptions=Zx;Fa.modifiers=eN;Fa.className=rt.className;var Lr="chip",ml=Lr;var uo=require("react/jsx-runtime"),ul="k-chip",tN=[i.hover,i.focus,i.active,i.selected,i.disabled],oN={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]},Cm={avatarImage:"/packages/html/assets/avatar.jpg"},xe=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:d,actions:u,showAvatar:f,avatarImage:x=Cm.avatarImage,hover:v,focus:w,active:b,selected:C,disabled:L,...P}=e;return(0,uo.jsxs)("div",{...P,className:a(e.className,ul,M(ul,{size:t,rounded:o,fillMode:r,themeColor:l}),S(ul,{hover:v,focus:w,active:b,disabled:L,selected:C})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:C?"true":"false",...e.role==="option"&&C!==void 0&&{"aria-selected":C?"true":"false"},"aria-disabled":L?"true":void 0,children:[d&&(0,uo.jsx)(T,{className:"k-chip-icon",icon:d,size:"small"}),f&&(0,uo.jsx)(rt,{className:"k-chip-avatar",type:"image",children:(0,uo.jsx)("img",{src:x,alt:""})}),(0,uo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,uo.jsx)("span",{className:"k-chip-label",children:n})}),u&&(0,uo.jsx)("span",{className:"k-chip-actions",children:u})]})};xe.states=tN;xe.options=oN;xe.className=ul;xe.defaultOptions=Cm;xe.moduleName=Lr;xe.folderName=ml;xe.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 Rt=xe;var Lm=require("react/jsx-runtime"),Bn="k-chip-list",aN=[],rN={size:[s.undefined,s.small,s.medium,s.large]},lN={},Ne=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return(0,Lm.jsx)("div",{...l,className:a(e.className,Bn,M(Bn,{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})};Ne.states=aN;Ne.options=rN;Ne.className=Bn;Ne.defaultOptions=lN;Ne.moduleName=Lr;Ne.folderName=ml;Ne.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."}]};var iN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var Mm=require("react/jsx-runtime"),bl=e=>(0,Mm.jsx)(Rt,{text:"text",...e});var sN=require("react/jsx-runtime");var dN=require("react/jsx-runtime");var zn=require("react/jsx-runtime");var ym=require("react/jsx-runtime");var Sm=require("react/jsx-runtime");var Am=require("react/jsx-runtime");var bo=require("react/jsx-runtime"),cN={...Rt.options,...Ne.options},pN=[],mN=Ne.states,uN={...Rt.defaultOptions,...Ne.defaultOptions},bN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],$a=e=>{let{modifiers:t,className:o,...r}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,d=t==null?void 0:t.avatar;return(0,bo.jsxs)(Ne,{size:r.size,className:o,children:[(0,bo.jsx)(bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,bo.jsx)(Ce,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,bo.jsx)(bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,bo.jsx)(Ce,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,bo.jsx)(bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,bo.jsx)(Ce,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};$a.options=cN;$a.states=mN;$a.variants=pN;$a.defaultOptions=uN;$a.modifiers=bN;$a.className=Ne.className;var fl=require("react/jsx-runtime"),fN=xe.states,TN=xe.defaultOptions,hN=xe.options,gN=[],xN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Va=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":r.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!(t!=null&&t[l]),r.avatarImage=t!=null&&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!=null&&t[l]?(0,fl.jsx)(Ce,{type:"more"}):void 0;break;case"remove-icon":r.actions\|\|(r.actions=[]),r.actions[1]=t!=null&&t[l]?(0,fl.jsx)(Ce,{type:"remove"}):void 0;break;default:break}}),(0,fl.jsx)(xe,{...o,...r,children:"Chip component"})};Va.options=hN;Va.states=fN;Va.variants=gN;Va.defaultOptions=TN;Va.modifiers=xN;Va.className=xe.className;var I=require("react/jsx-runtime"),Im=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(U,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(Bt,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,I.jsxs)(Ne,{role:"none",children:[(0,I.jsx)(xe,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Ce,{type:"more"}),(0,I.jsx)(Ce,{type:"remove"})]})}),(0,I.jsx)(xe,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Ce,{type:"more"}),(0,I.jsx)(Ce,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ae,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(le,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(Z,{role:"rowgroup",children:(0,I.jsxs)(A,{role:"row",children:[(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,I.jsx)(j,{children:(0,I.jsx)(ee,{className:t,children:(0,I.jsxs)(Q,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(re,{role:"rowgroup",children:[(0,I.jsx)(A,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(T,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,I.jsx)(A,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(T,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,I.jsxs)(A,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,I.jsx)(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(T,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,I.jsx)(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"2"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"Chang"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"$19.00"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Em=({headerWrapClassName:e,contentClassName:t,...o})=>(0,O.jsx)(U,{_renderAriaRoot:!0,children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(ae,{children:(0,O.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,O.jsxs)(le,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(Z,{role:"rowgroup",children:[(0,O.jsxs)(A,{role:"row",children:[(0,O.jsx)(R,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,O.jsx)(R,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,O.jsxs)(A,{role:"row",children:[(0,O.jsx)(R,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,O.jsx)(R,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,O.jsxs)(A,{role:"row",children:[(0,O.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,O.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,O.jsx)(j,{children:(0,O.jsx)(ee,{className:t,children:(0,O.jsxs)(Q,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(re,{role:"rowgroup",children:[(0,O.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"1"}),(0,O.jsx)(p,{role:"gridcell",children:"Chai"}),(0,O.jsx)(p,{role:"gridcell",children:"39"}),(0,O.jsx)(p,{role:"gridcell",children:"18"})]}),(0,O.jsxs)(A,{className:"k-master-row",alt:!0,role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"2"}),(0,O.jsx)(p,{role:"gridcell",children:"Chang"}),(0,O.jsx)(p,{role:"gridcell",children:"17"}),(0,O.jsx)(p,{role:"gridcell",children:"19"})]}),(0,O.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"3"}),(0,O.jsx)(p,{role:"gridcell",children:"Aniseed Syrup"}),(0,O.jsx)(p,{role:"gridcell",children:"13"}),(0,O.jsx)(p,{role:"gridcell",children:"10"})]}),(0,O.jsxs)(A,{className:"k-master-row",alt:!0,role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"4"}),(0,O.jsx)(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,O.jsx)(p,{role:"gridcell",children:"53"}),(0,O.jsx)(p,{role:"gridcell",children:"22"})]}),(0,O.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"5"}),(0,O.jsx)(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,O.jsx)(p,{role:"gridcell",children:"0"}),(0,O.jsx)(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var Vn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var G=require("react/jsx-runtime"),Rm=e=>{let t=B("grid");return(0,G.jsx)(U,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,G.jsxs)(Vo,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,G.jsx)(c,{children:"Add new"}),(0,G.jsx)(c,{children:"Save Changes"}),(0,G.jsx)(c,{children:"Cancel Changes"})]}),children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(ae,{children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)(le,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{style:{width:"300px"}})]}),(0,G.jsx)(Z,{role:"rowgroup",children:(0,G.jsxs)(A,{role:"row",children:[(0,G.jsx)(R,{columnTitle:"Name",role:"columnheader"}),(0,G.jsx)(R,{columnTitle:"Price",role:"columnheader"}),(0,G.jsx)(R,{columnTitle:"Available",role:"columnheader"}),(0,G.jsx)(R,{accessibleLabel:"Commands"})]})})]})})}),(0,G.jsx)(j,{children:(0,G.jsx)(ee,{children:(0,G.jsx)("div",{children:(0,G.jsxs)(Q,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{style:{width:"300px"}})]}),(0,G.jsxs)(re,{role:"rowgroup",children:[(0,G.jsxs)(A,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,G.jsx)(p,{role:"gridcell",children:(0,G.jsx)(ce,{value:"Towel","aria-label":"Name"})}),(0,G.jsx)(p,{role:"gridcell",children:(0,G.jsx)(W,{value:"42","aria-label":"Price"})}),(0,G.jsx)(p,{role:"gridcell",children:(0,G.jsx)(Ee,{"aria-label":"Available"})}),(0,G.jsxs)(p,{className:"k-command-cell",role:"gridcell",children:[(0,G.jsx)(c,{children:"Add"}),(0,G.jsx)(c,{children:"Cancel"})]})]}),(0,G.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,G.jsx)(p,{role:"gridcell",children:"Chai"}),(0,G.jsx)(p,{role:"gridcell",children:"18"}),(0,G.jsx)(p,{role:"gridcell",children:"false"}),(0,G.jsx)(p,{className:"k-command-cell",role:"gridcell",children:(0,G.jsx)(c,{children:"Remove"})})]}),(0,G.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,G.jsx)(p,{role:"gridcell",children:"Chang"}),(0,G.jsx)(p,{role:"gridcell",children:"19"}),(0,G.jsx)(p,{role:"gridcell",children:"false"}),(0,G.jsx)(p,{className:"k-command-cell",role:"gridcell",children:(0,G.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e})};var Xn=require("react/jsx-runtime");var Jn="context-menu",Om=Jn;var Gm=require("react/jsx-runtime"),Pm="k-context-menu",NN=[],kN={},vN={},lt=e=>{let{children:t,...o}=e;return(0,Gm.jsx)(ye,{...o,className:a(e.className,Pm),role:"menu",children:t})};lt.states=NN;lt.options=kN;lt.className=Pm;lt.defaultOptions=vN;lt.moduleName=Jn;lt.folderName=Om;lt.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."}]};var Mr=require("react/jsx-runtime"),qn=e=>(0,Mr.jsx)(lt,{children:[(0,Mr.jsx)($,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Mr.jsx)($,{text:"Item 2"},"menu-item-2"),(0,Mr.jsx)($,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Yn=require("react/jsx-runtime");var Oo=require("react/jsx-runtime"),wN=he.options,CN=he.states,Hm={...he.defaultOptions,variant:"normal"},LN=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],MN=[],Wa=e=>{let{variant:t,...o}={...Hm,...e};return t==="separators"?(0,Oo.jsxs)(qn,{...o,style:{width:"130px"},children:[(0,Oo.jsx)($,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Oo.jsx)(So,{}),(0,Oo.jsx)($,{text:"Item 2"},"menu-item-2"),(0,Oo.jsx)($,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,Oo.jsx)(qn,{...o,style:{width:"130px"}})};Wa.options=wN;Wa.states=CN;Wa.variants=LN;Wa.defaultOptions=Hm;Wa.modifiers=MN;Wa.className=lt.className;var Qn=require("react/jsx-runtime");var Zn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var m=require("react/jsx-runtime"),yN=U.options,SN=U.states,_m={...U.defaultOptions,variant:"normal"},AN=[{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"}],IN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Xa=e=>{let{variant:t,modifiers:o,...r}={..._m,...e},l={toolbar:void 0,pager:void 0},n=(0,m.jsxs)(Vo,{children:[(0,m.jsx)(c,{icon:"plus",children:"Add New"}),(0,m.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsx)(ce,{prefix:(0,m.jsx)(T,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=(0,m.jsx)(ve,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o!=null&&o[x]?n:void 0;break;case"pager":l.pager=o!=null&&o[x]?d:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(ae,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)(le,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(Z,{children:(0,m.jsxs)(A,{children:[(0,m.jsx)(R,{...u[t],columnTitle:"ID"}),(0,m.jsx)(R,{...u[t],columnTitle:"Product Name"}),(0,m.jsx)(R,{...u[t],columnTitle:"Units in Stock"}),(0,m.jsx)(R,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,m.jsx)(j,{children:(0,m.jsx)(ee,{children:(0,m.jsxs)(Q,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(re,{children:[(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{children:"1"}),(0,m.jsx)(p,{children:"Chai"}),(0,m.jsx)(p,{children:"39"}),(0,m.jsx)(p,{children:"18"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{children:"2"}),(0,m.jsx)(p,{children:"Chang"}),(0,m.jsx)(p,{children:"17"}),(0,m.jsx)(p,{children:"19"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{children:"3"}),(0,m.jsx)(p,{children:"Aniseed Syrup"}),(0,m.jsx)(p,{children:"13"}),(0,m.jsx)(p,{children:"10"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{children:"4"}),(0,m.jsx)(p,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(p,{children:"53"}),(0,m.jsx)(p,{children:"22"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{children:"5"}),(0,m.jsx)(p,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(p,{children:"0"}),(0,m.jsx)(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,m.jsx)(Em,{...r,...l});case"editing":return(0,m.jsx)(Rm,{...r,...l});case"grouping":return(0,m.jsx)(Im,{...r,...l,groupingHeader:(0,m.jsx)(Bt,{children:(0,m.jsxs)(Ne,{children:[(0,m.jsx)(xe,{icon:"sort-asc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"ID"}),(0,m.jsx)(xe,{icon:"sort-desc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,m.jsx)(U,{...r,...l,children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(ae,{children:(0,m.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,m.jsxs)(le,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(Z,{children:(0,m.jsxs)(A,{children:[(0,m.jsx)(R,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,m.jsx)(R,{columnTitle:"ID"}),(0,m.jsx)(R,{columnTitle:"Product Name"}),(0,m.jsx)(R,{columnTitle:"Units in Stock"}),(0,m.jsx)(R,{columnTitle:"Units Price"})]})})]})]})}),(0,m.jsx)(j,{children:(0,m.jsx)(ee,{children:(0,m.jsxs)(Q,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(re,{children:[(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"1"}),(0,m.jsx)(p,{children:"Chai"}),(0,m.jsx)(p,{children:"39"}),(0,m.jsx)(p,{children:"18"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"2"}),(0,m.jsx)(p,{children:"Chang"}),(0,m.jsx)(p,{children:"17"}),(0,m.jsx)(p,{children:"19"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"3"}),(0,m.jsx)(p,{children:"Aniseed Syrup"}),(0,m.jsx)(p,{children:"13"}),(0,m.jsx)(p,{children:"10"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"4"}),(0,m.jsx)(p,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(p,{children:"53"}),(0,m.jsx)(p,{children:"22"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"5"}),(0,m.jsx)(p,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(p,{children:"0"}),(0,m.jsx)(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,m.jsx)(Tm,{...r,...l});default:return(0,m.jsx)(U,{...r,...l,children:f})}};Xa.options=yN;Xa.states=SN;Xa.variants=AN;Xa.defaultOptions=_m;Xa.modifiers=IN;Xa.className=U.className;var y=require("react/jsx-runtime"),EN=({contentClassName:e,...t})=>{let o=B("grid"),r=B("grid-ctx-menu-pin");return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(U,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ae,{children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(le,{role:"none",children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{style:{width:"48px"}}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)(Z,{role:"rowgroup",children:(0,y.jsxs)(A,{role:"row","aria-rowindex":1,children:[(0,y.jsx)(R,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),(0,y.jsx)(R,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),(0,y.jsx)(R,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),(0,y.jsx)(R,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),(0,y.jsx)(Yo,{role:"none",children:(0,y.jsx)("div",{className:"k-grid-pinned-wrap",role:"none",children:(0,y.jsxs)(Q,{role:"none",children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{style:{width:"48px"}}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:(0,y.jsxs)(A,{className:"k-master-row",role:"row","aria-rowindex":1,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"unpin-outline"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),(0,y.jsx)(j,{children:(0,y.jsx)(ee,{className:e,children:(0,y.jsxs)(Q,{role:"none",children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{style:{width:"48px"}}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(re,{role:"rowgroup",children:[(0,y.jsxs)(A,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"pin-outline"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"USA"})]}),(0,y.jsxs)(A,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"unpin-outline"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"UK"})]}),(0,y.jsxs)(A,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"pin-outline"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),(0,y.jsx)(te,{className:"k-menu-popup",children:(0,y.jsxs)(lt,{id:r,children:[(0,y.jsx)($,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),(0,y.jsx)($,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};
1	+ var Dm=Object.create;var Sr=Object.defineProperty;var Bm=Object.getOwnPropertyDescriptor;var zm=Object.getOwnPropertyNames;var Um=Object.getPrototypeOf,Fm=Object.prototype.hasOwnProperty;var $m=(e,t)=>{for(var o in t)Sr(e,o,{get:t[o],enumerable:!0})},ts=(e,t,o,r)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of zm(t))!Fm.call(e,l)&&l!==o&&Sr(e,l,{get:()=>t[l],enumerable:!(r=Bm(t,l))\|\|r.enumerable});return e};var os=(e,t,o)=>(o=e!=null?Dm(Um(e)):{},ts(t\|\|!e\|\|!e.__esModule?Sr(o,"default",{value:e,enumerable:!0}):o,e)),Vm=e=>ts(Sr({},"__esModule",{value:!0}),e);var RN={};$m(RN,{GridWithPinnedRowsPinColumn:()=>EN});module.exports=Vm(RN);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 M=(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"}),S=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:d,active:u,selected:f,disabled:x,indeterminate:v,loading:w,empty:b,readonly:C,highlighted:L,...P}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":u,"k-selected":f,"k-disabled":x,"k-indeterminate":v&&!d,"k-loading":w,"k-empty":b,"k-readonly":C,"k-highlighted":L},Object.keys(P).reduce((_,H)=>(H.startsWith("k-")?_[H]=P[H]:_[`k-${H}`]=P[H],_),{}))};function as(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 xl={};function B(e){return xl[e]=(xl[e]\|\|0)+1,`k-${e}-${xl[e]}`}var X="grid",q=X;var Ir=require("react/jsx-runtime"),Ar="k-grid",Wm=[],Xm={size:[s.undefined,s.small,s.medium,s.large]},Jm=[],rs={pagerPosition:"bottom"},U=e=>{let{size:t,pagerPosition:o=rs.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:u,resizable:f,ariaColCount:x,ariaRowCount:v,ariaRootId:w,ariaRole:b="grid",...C}=e;return(0,Ir.jsxs)("div",{...C,className:a(e.className,Ar,{[`${Ar}-resizable`]:f},M(Ar,{size:t})),children:[r,o==="top"&&l,n,e.children&&u?(0,Ir.jsx)("div",{className:"k-grid-aria-root",role:b,id:w,"aria-colcount":x,"aria-rowcount":v,children:e.children}):e.children,d,o==="bottom"&&l]})};U.states=Wm;U.options=Xm;U.variants=Jm;U.className=Ar;U.defaultOptions=rs;U.moduleName=X;U.folderName=q;U.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."}]};var is=require("react/jsx-runtime"),ls="k-grid-header",ae=e=>{let{draggable:t,...o}=e;return(0,is.jsx)("div",{...o,className:a(e.className,ls,{"k-grid-draggable-header":t}),children:e.children})};ae.className=ls;ae.moduleName=X;ae.folderName=q;var Ja=require("react/jsx-runtime"),ns="k-grouping-header",Bt=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,Ja.jsxs)("div",{...r,className:a(e.className,ns),children:[o&&(0,Ja.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Ja.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Bt.className=ns;Bt.moduleName=X;Bt.folderName=q;var ds=require("react/jsx-runtime"),ss="k-grid-pinned-container",Yo=e=>{let{position:t,...o}=e;return(0,ds.jsx)("div",{...o,className:a(e.className,ss,{"k-pos-bottom":t==="bottom"}),children:e.children})};Yo.className=ss;Yo.moduleName=X;Yo.folderName=q;var ps=require("react/jsx-runtime"),cs="k-grid-sticky-container",qa=e=>{let{position:t,...o}=e;return(0,ps.jsx)("div",{...o,className:a(e.className,cs,{"k-pos-bottom":t==="bottom"}),children:e.children})};qa.className=cs;qa.moduleName=X;qa.folderName=q;var Oe="table",ze=Oe;var us=require("react/jsx-runtime"),ms="k-data-table",qm=[],Ym={size:[s.undefined,s.small,s.medium,s.large]},Qm={},Yt=e=>{let{size:t,...o}=e;return(0,us.jsx)("div",{...o,className:a(e.className,ms,M("k-table",{size:t})),children:e.children})};Yt.states=qm;Yt.options=Ym;Yt.className=ms;Yt.defaultOptions=Qm;Yt.moduleName=Oe;Yt.folderName=ze;var bs=require("react/jsx-runtime"),Nl="k-table-header-wrap",Zm=[i.hover,i.focus,i.disabled],jm={},eu={},To=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,bs.jsx)("div",{...n,className:a(e.className,Nl,S(Nl,{hover:o,focus:r,disabled:l})),children:t})};To.states=Zm;To.options=jm;To.className=Nl;To.defaultOptions=eu;To.moduleName=Oe;To.folderName=ze;var fs=require("react/jsx-runtime"),kl="k-table",tu=[],ou={size:[s.undefined,s.small,s.medium,s.large]},au={},Ue=e=>{let{size:t,...o}=e;return(0,fs.jsx)("table",{...o,className:a(e.className,kl,M(kl,{size:t})),children:e.children})};Ue.states=tu;Ue.options=ou;Ue.className=kl;Ue.defaultOptions=au;Ue.moduleName=Oe;Ue.folderName=ze;var Er=require("react/jsx-runtime"),vl="k-table-header",ru=[i.hover,i.focus,i.disabled],lu={},iu={},Qt=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,Er.jsx)("div",{...n,className:a(e.className,vl,S(vl,{hover:o,focus:r,disabled:l})),children:(0,Er.jsx)(To,{children:(0,Er.jsx)(Ue,{children:t})})})};Qt.states=ru;Qt.options=lu;Qt.className=vl;Qt.defaultOptions=iu;Qt.moduleName=Oe;Qt.folderName=ze;var hs=require("react/jsx-runtime"),Ts="k-table-scroller",nu=[],su={},du={},Qo=e=>{let{children:t,...o}=e;return(0,hs.jsx)("div",{...o,className:a(e.className,Ts),children:t})};Qo.states=nu;Qo.options=su;Qo.className=Ts;Qo.defaultOptions=du;Qo.moduleName=Oe;Qo.folderName=ze;var cu=require("react/jsx-runtime");var xs=require("react/jsx-runtime"),gs="k-table-footer",pu=[],mu={},uu={},ho=e=>{let{children:t,...o}=e;return(0,xs.jsx)("div",{...o,className:a(e.className,gs),children:t})};ho.states=pu;ho.options=mu;ho.className=gs;ho.defaultOptions=uu;ho.moduleName=Oe;ho.folderName=ze;var Ns=require("react/jsx-runtime"),wl="k-table-list",bu=[],fu={size:[s.undefined,s.small,s.medium,s.large]},Tu={},go=e=>{let{size:t,virtualization:o,...r}=e;return(0,Ns.jsx)("ul",{...r,className:a(e.className,"k-table",wl,M(wl,{size:t}),{"k-virtual-table":o}),children:e.children})};go.states=bu;go.options=fu;go.className=wl;go.defaultOptions=Tu;go.moduleName=Oe;go.folderName=ze;var ks=require("react/jsx-runtime"),hu="k-table-thead",Z=e=>(0,ks.jsx)("thead",{className:a(e.className,hu),children:e.children});var vs=require("react/jsx-runtime"),gu="k-table-tbody",re=e=>(0,vs.jsx)("tbody",{className:a(e.className,gu),children:e.children});var xu=require("react/jsx-runtime");var ws=require("react/jsx-runtime"),Cl="k-table-row",Nu=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],A=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:d,...u}=e;return(0,ws.jsx)("tr",{...u,className:a(e.className,Cl,{"k-table-alt-row":d},S(Cl,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};A.states=Nu;A.className=Cl;var Cs=require("react/jsx-runtime"),Ll="k-table-row",ku=[i.hover,i.focus,i.selected,i.disabled],Rr=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...d}=e;return(0,Cs.jsx)("li",{...d,className:a(e.className,Ll,{"k-table-alt-row":n},S(Ll,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Rr.states=ku;Rr.className=Ll;var Ms=require("react/jsx-runtime"),Ls="k-table-th",Zt=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t\|\|e.children;return(0,Ms.jsx)("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Ls),children:n})};Zt.className=Ls;Zt.moduleName=Oe;Zt.folderName=ze;var vu=require("react/jsx-runtime");var ys=require("react/jsx-runtime"),Ml="k-table-td",wu=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:d,...u}=e,f=l\|\|e.children;return(0,ys.jsx)("td",{colSpan:n,rowSpan:d,...u,className:a(e.className,Ml,S(Ml,{focus:t,selected:o,highlighted:r})),children:f})};p.states=wu;p.className=Ml;var Cu=require("react/jsx-runtime");var Lu=require("react/jsx-runtime");var Mu=require("react/jsx-runtime");var yu=require("react/jsx-runtime");var Su=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Is=require("react/jsx-runtime");var Rs=require("react/jsx-runtime");var yl=require("react/jsx-runtime");var Ps=require("react/jsx-runtime"),Os="k-grid-header-table",le=e=>(0,Ps.jsx)(Ue,{...e,className:a(e.className,Os),children:e.children});le.className=Os;le.moduleName=X;le.folderName=q;var Ya=require("react/jsx-runtime"),Sl="k-font-icon",Eu=[],Ru={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]},Ou={},Qa=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...d}=e;return r?(0,Ya.jsx)("span",{...d,className:a(e.className,Sl,M(Sl,{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"}):(0,Ya.jsx)(Ya.Fragment,{})};Qa.states=Eu;Qa.options=Ru;Qa.className=Sl;Qa.defaultOptions=Ou;var Gs=Qa;var Go=require("react/jsx-runtime"),Al="k-svg-icon",Pu=[],Gu={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]},Hs={viewBox:"0 0 24 24"},Za=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=Hs.viewBox,icon:d,...u}=e;if(!d)return(0,Go.jsx)(Go.Fragment,{});if(d==="none")return(0,Go.jsx)("span",{...u,className:a(e.className,Al,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof d=="object"&&d.name&&d.name;return(0,Go.jsx)("span",{...u,className:a(e.className,Al,M("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:(0,Go.jsx)("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})})};Za.states=Pu;Za.options=Gu;Za.className=Al;Za.defaultOptions=Hs;var Il=Za;var El=os(require("@progress/kendo-svg-icons"));var _s="icon",Ks="icons";var zs=require("react");var Ds=require("react"),Bs=(0,Ds.createContext)({iconsType:"svg"});var jt=require("react/jsx-runtime"),Or="k-icon",Hu=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),_u=[],Ku={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]},Rl={viewBox:"0 0 24 24",type:"svg"},T=e=>{let{iconsType:t}=(0,zs.useContext)(Bs),{size:o,themeColor:r,icon:l,type:n=t\|\|Rl.type,rotate:d,flip:u,viewBox:f=Rl.viewBox,...x}=e;if(!l)return(0,jt.jsx)(jt.Fragment,{});if((t\|\|n)==="svg"){if(l==="none")return(0,jt.jsx)(Il,{...x,className:a(e.className,Or),icon:l,size:o});let w=El[l]?l:Hu(`${l}-icon`);return El[w]?(0,jt.jsx)(Il,{...x,className:a(e.className,Or),icon:El[w],size:o,themeColor:r,rotate:d,flip:u,viewBox:f}):(0,jt.jsx)(jt.Fragment,{})}return(0,jt.jsx)(Gs,{...x,className:a(e.className,Or),icon:l,size:o,themeColor:r,rotate:d,flip:u})};T.states=_u;T.options=Ku;T.defaultOptions=Rl;T.className=Or;T.moduleName=_s;T.folderName=Ks;T.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var ut=require("react/jsx-runtime"),Ol="k-header",Du=[i.hover,i.focus,i.active],Us={sortIcon:"sort-asc-small"},R=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:d,hover:u,focus:f,active:x,sortIcon:v=Us.sortIcon,sortOrder:w,accessibleLabel:b,...C}=e;return(0,ut.jsxs)(Zt,{...C,className:a(e.className,Ol,{"k-filterable":t\|\|r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},S(Ol,{hover:u,focus:f,active:x})),children:[d&&(0,ut.jsxs)("span",{className:"k-cell-inner",children:[(0,ut.jsxs)("span",{className:"k-link",children:[(0,ut.jsx)("span",{className:"k-column-title",children:d}),o&&(0,ut.jsx)("span",{className:"k-sort-icon",children:(0,ut.jsx)(T,{icon:v})}),w&&(0,ut.jsx)("span",{className:"k-sort-order",children:w})]}),t&&(0,ut.jsx)("a",{className:a("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,ut.jsx)(T,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&b&&(0,ut.jsx)("span",{className:"k-sr-only",children:b}),e.children,n&&(0,ut.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};R.states=Du;R.className=Ol;R.defaultOptions=Us;R.moduleName=X;R.folderName=q;var $s=require("react/jsx-runtime"),Fs="k-grid-container",j=e=>(0,$s.jsx)("div",{...e,className:a(e.className,Fs),children:e.children});j.className=Fs;j.moduleName=X;j.folderName=q;var Ws=require("react/jsx-runtime"),Vs="k-grid-content",ee=e=>(0,Ws.jsx)("div",{...e,className:a(e.className,Vs),children:e.children});ee.className=Vs;ee.moduleName=X;ee.folderName=q;var Js=require("react/jsx-runtime"),Xs="k-grid-table",Q=e=>(0,Js.jsx)(Ue,{...e,className:a(e.className,Xs),children:e.children});Q.className=Xs;Q.moduleName=X;Q.folderName=q;var Ys=require("react/jsx-runtime"),qs="k-grid-footer",Pr=e=>(0,Ys.jsx)("div",{...e,className:a(e.className,qs),children:e.children});Pr.className=qs;Pr.moduleName=X;Pr.folderName=q;var Zs=require("react/jsx-runtime"),Qs="k-grid-footer-table",Gr=e=>(0,Zs.jsx)(Ue,{...e,className:a(e.className,Qs),children:e.children});Gr.className=Qs;Gr.moduleName=X;Gr.folderName=q;var Pl="button",js=Pl;var Ot=require("react/jsx-runtime"),ja="k-button",Bu=["icon-button"],zu=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Uu={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]},Gl={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:d=Gl.showArrow,arrowIconName:u=Gl.arrowIconName,variant:f,hover:x,focus:v,active:w,selected:b,disabled:C,togglable:L,ariaDisabled:P,icon:_,text:H,iconClassName:V,className:be,...se}=e,qe=_!==void 0,Ye=e.children!==void 0;return(0,Ot.jsxs)(t,{className:a(be,ja,as(ja,f),M(ja,{size:o,rounded:r,fillMode:l,themeColor:n}),S(ja,{hover:x,focus:v,active:w,disabled:C\|\|P,selected:b}),{"k-icon-button":!H&&!Ye&&qe}),...se,"aria-pressed":L?b?"true":"false":void 0,"aria-disabled":P?"true":void 0,disabled:C\|\|void 0,children:[_&&(0,Ot.jsx)(T,{className:a(V,"k-button-icon"),icon:_}),H?(0,Ot.jsxs)(Ot.Fragment,{children:[H&&(0,Ot.jsx)("span",{className:"k-button-text",children:H}),e.children]}):e.children&&(0,Ot.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Ot.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Ot.jsx)(T,{icon:u})})]})};c.states=zu;c.options=Uu;c.variants=Bu;c.className=ja;c.defaultOptions=Gl;c.moduleName=Pl;c.folderName=js;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."}]};var ed=require("react/jsx-runtime"),xo=e=>(0,ed.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var td=require("react/jsx-runtime"),er=e=>(0,td.jsx)(c,{icon:"folder",children:"Button",...e});var od=require("react/jsx-runtime"),Ho=e=>(0,od.jsx)(c,{children:"Button",...e});var Hr=require("react/jsx-runtime"),Fu=c.options,$u=c.states,Vu={...c.defaultOptions,variant:"text"},Wu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xu=[],Zo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Hr.jsx)(xo,{...o,icon:"star"});case"icon-and-text":return(0,Hr.jsx)(er,{...o,icon:"star",children:"Button"});default:return(0,Hr.jsx)(Ho,{...o,children:"Button"})}};Zo.options=Fu;Zo.states=$u;Zo.variants=Wu;Zo.defaultOptions=Vu;Zo.modifiers=Xu;Zo.className=c.className;var tr="input",_r=tr;var ad=require("react/jsx-runtime"),Kr="k-input",Ju=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qu={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]},Yu={},Le=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u,size:f,rounded:x,fillMode:v,...w}=e;return(0,ad.jsx)("span",{...w,className:a(e.className,Kr,M(Kr,{size:f,rounded:x,fillMode:v}),S(Kr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u}))})};Le.states=Ju;Le.options=qu;Le.className=Kr;Le.defaultOptions=Yu;Le.moduleName=tr;Le.folderName=_r;var rd=require("react/jsx-runtime"),Dr="k-picker",Qu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zu={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]},ju={},zt=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u,size:f,rounded:x,fillMode:v,...w}=e;return(0,rd.jsx)("span",{...w,className:a(e.className,Dr,M(Dr,{size:f,rounded:x,fillMode:v}),S(Dr,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:d,readonly:u})),children:e.children})};zt.states=Qu;zt.options=Zu;zt.className=Dr;zt.defaultOptions=ju;zt.moduleName=tr;zt.folderName=_r;var jo=require("react/jsx-runtime"),ld="k-clear-value",eb=[i.disabled,i.loading,i.readonly],tb={},bt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t\|\|r\|\|o\|\|!l?(0,jo.jsx)(jo.Fragment,{}):(0,jo.jsx)("span",{className:a(e.className,ld),children:(0,jo.jsx)(T,{icon:"x"})})};bt.states=eb;bt.options=tb;bt.className=ld;var id=require("react/jsx-runtime"),Hl="k-input-inner",ob=[],ab={},Br={type:"text",autocomplete:"off",value:"",placeholder:""},ft=e=>{let{value:t=Br.value,type:o=Br.type,placeholder:r=Br.placeholder,autocomplete:l=Br.autocomplete,disabled:n,readOnly:d,...u}=e;return(0,id.jsx)("input",{...u,type:o,className:a(e.className,Hl,M(Hl,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n\|\|void 0,readOnly:d\|\|void 0})};ft.states=ob;ft.options=ab;ft.className=Hl;var or=require("react/jsx-runtime"),_l="k-input-inner",rb=[],lb={},_o=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return(0,or.jsxs)("span",{...d,className:a(e.className,_l,M(_l,e)),children:[l,!l&&n&&(0,or.jsx)(T,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&(0,or.jsx)("span",{className:"k-input-value-text",children:t})]})};_o.states=rb;_o.options=lb;_o.className=_l;var sd=require("react/jsx-runtime"),Kl="k-input-inner",ib=[],nb={},nd={value:"",placeholder:""},Dl=e=>{let{value:t=nd.value,placeholder:o=nd.placeholder,rows:r,disabled:l,...n}=e;return(0,sd.jsx)("textarea",{...n,className:a(e.className,Kl,M(Kl,e)),placeholder:o,rows:r,defaultValue:t,disabled:l\|\|void 0})};Dl.states=ib;Dl.options=nb;Dl.className=Kl;var ar=require("react/jsx-runtime"),dd="k-input-loading-icon",sb=[i.disabled,i.loading],it=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,ar.jsx)(ar.Fragment,{}):(0,ar.jsx)("span",{className:a(e.className,dd,"k-icon k-i-loading")})};it.states=sb;it.className=dd;var rr=require("react/jsx-runtime"),cd="k-input-validation-icon",db=[i.valid,i.invalid,i.disabled,i.loading],cb={},Qe=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r\|\|l\|\|!!!(t\|\|o)?(0,rr.jsx)(rr.Fragment,{}):(0,rr.jsx)(T,{className:a(cd),icon:n})};Qe.states=db;Qe.options=cb;Qe.className=cd;var lr=require("react/jsx-runtime"),pb="k-input-prefix",mb={direction:"horizontal"},wt=e=>{let{direction:t=mb.direction,...o}=e;return e.children?(0,lr.jsx)("span",{...o,className:a(pb,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,lr.jsx)(lr.Fragment,{})};var ir=require("react/jsx-runtime"),ub="k-input-suffix",bb={direction:"horizontal"},Ct=e=>{let{direction:t=bb.direction,...o}=e;return e.children?(0,ir.jsx)("span",{...o,className:a(ub,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,ir.jsx)(ir.Fragment,{})};var fb=require("react/jsx-runtime");var pd=require("react/jsx-runtime"),Tb="k-input-suffix-text",Bl=e=>{let{children:t,...o}=e;return(0,pd.jsx)("span",{...o,className:a(Tb,e.className),children:t})};var ud=require("react/jsx-runtime"),md="k-input-separator",hb={direction:"vertical"},Lt=e=>{let{direction:t=hb.direction,...o}=e;return(0,ud.jsx)("span",{...o,className:a(md,e.className,{[`${md}-${t}`]:t})})};var Ie=require("react/jsx-runtime"),gb=Le.states,xb=Le.defaultOptions,Nb=Le.options,kb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],vb=[],ea=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:d,...u}=e,f=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,v=t==null?void 0:t["clear-button"],w=t==null?void 0:t["validation-icon"],b=t==null?void 0:t.separators;return(0,Ie.jsxs)(Le,{...u,valid:o,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[f&&(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)(wt,{children:(0,Ie.jsx)(T,{icon:"lock"})}),b&&(0,Ie.jsx)(Lt,{})]}),(0,Ie.jsx)(ft,{placeholder:"Placeholder",value:"Value"}),w&&(0,Ie.jsx)(Qe,{valid:o,invalid:r,loading:l,disabled:n}),(0,Ie.jsx)(it,{loading:l,disabled:n}),v&&(0,Ie.jsx)(bt,{loading:l,disabled:n,readonly:d,value:"Value"}),x&&(0,Ie.jsxs)(Ie.Fragment,{children:[b&&(0,Ie.jsx)(Lt,{}),(0,Ie.jsx)(Ct,{children:(0,Ie.jsx)(Ho,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ea.options=Nb;ea.states=gb;ea.variants=vb;ea.defaultOptions=xb;ea.modifiers=kb;ea.className=Le.className;var zl="popup",bd=zl;var Ul=require("react/jsx-runtime"),fd="k-animation-container",wb=[],Cb={},Td={positionMode:"absolute"},Ut=e=>{let{positionMode:t=Td.positionMode,animationStyle:o,offset:r,...l}=e;return(0,Ul.jsx)("div",{...l,style:{...r,...e.style},className:a(e.className,fd,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ul.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ut.states=wb;Ut.options=Cb;Ut.className=fd;Ut.defaultOptions=Td;Ut.moduleName=zl;Ut.folderName=bd;var Fl="popup",hd=Fl;var $l=require("react/jsx-runtime"),gd="k-popup",Lb=[],Mb={},xd={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:o=xd.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...u}=e;return(0,$l.jsx)(Ut,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":d,children:(0,$l.jsx)("div",{...u,className:a(e.className,gd),children:e.children})})};te.states=Lb;te.options=Mb;te.className=gd;te.defaultOptions=xd;te.moduleName=Fl;te.folderName=hd;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 Vl="action-buttons",Nd=Vl;var kd=require("react/jsx-runtime"),zr="k-actions",yb=[],Sb={},Wl={alignment:"start",orientation:"horizontal"},Mt=e=>{let{alignment:t=Wl.alignment,orientation:o=Wl.orientation,...r}=e;return(0,kd.jsx)("div",{...r,className:a(zr,{[`${zr}-${t}`]:t,[`${zr}-${o}`]:o},e.className),children:e.children})};Mt.states=yb;Mt.options=Sb;Mt.className=zr;Mt.defaultOptions=Wl;Mt.moduleName=Vl;Mt.folderName=Nd;var wd=require("react/jsx-runtime"),Ab="k-actionsheet-footer",vd={alignment:"stretched",orientation:"horizontal"},No=e=>{let{alignment:t=vd.alignment,orientation:o=vd.orientation,template:r,as:l=r?"div":Mt,...n}=e;return(0,wd.jsx)(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,Ab),children:e.children})};var Xl="searchbox",Cd=Xl;var ko=require("react/jsx-runtime"),Ld="k-searchbox",Ib=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Eb={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]},Jl={showIcon:!0,icon:"search"},Tt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:d,focus:u,valid:f,invalid:x,required:v,loading:w,disabled:b,showIcon:C=Jl.showIcon,icon:L=Jl.icon,"aria-label":P,..._}=e;return(0,ko.jsxs)(Le,{..._,size:r,rounded:l,fillMode:n,hover:d,focus:u,valid:f,invalid:x,required:v,loading:w,disabled:b,className:a(e.className,Ld),children:[C&&(0,ko.jsx)(T,{className:"k-input-icon",icon:L}),(0,ko.jsx)(ft,{placeholder:o,value:t,"aria-label":P}),(0,ko.jsx)(it,{...e}),(0,ko.jsx)(Qe,{...e}),(0,ko.jsx)(bt,{...e})]})};Tt.states=Ib;Tt.options=Eb;Tt.className=Ld;Tt.defaultOptions=Jl;Tt.moduleName=Xl;Tt.folderName=Cd;var Rb=require("react/jsx-runtime");var ql="textbox",Md=ql;var Fe=require("react/jsx-runtime"),yd="k-textbox",Ob=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Pb={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]},Ur={showClearButton:!0,showValidationIcon:!0,separators:!0},ce=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Ur.separators,showClearButton:n=Ur.showClearButton,showValidationIcon:d=Ur.showValidationIcon,prefix:u,suffix:f,type:x,value:v,placeholder:w,hover:b,focus:C,valid:L,invalid:P,required:_,loading:H,disabled:V,readonly:be,id:se,"aria-label":qe,"aria-describedby":Ye,...mt}=e;return(0,Fe.jsxs)(Le,{...mt,size:t,rounded:o,fillMode:r,hover:b,focus:C,valid:L,invalid:P,required:_,loading:H,disabled:V,readonly:be,className:a(e.className,yd),children:[u&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(wt,{children:u}),l&&(0,Fe.jsx)(Lt,{})]}),(0,Fe.jsx)(ft,{id:se,placeholder:w,value:v,type:x,disabled:V,"aria-label":qe,"aria-describedby":Ye,"aria-invalid":P?"true":void 0}),d&&(0,Fe.jsx)(Qe,{valid:L,invalid:P,loading:H,disabled:V}),(0,Fe.jsx)(it,{loading:H,disabled:V}),n&&(0,Fe.jsx)(bt,{loading:H,disabled:V,readonly:be,value:v}),f&&(0,Fe.jsxs)(Fe.Fragment,{children:[l&&(0,Fe.jsx)(Lt,{}),(0,Fe.jsx)(Ct,{children:f})]})]})};ce.states=Ob;ce.options=Pb;ce.className=yd;ce.defaultOptions=Ur;ce.moduleName=ql;ce.folderName=Md;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 nr=ce;var Ad=require("react/jsx-runtime"),Sd=e=>(0,Ad.jsx)(nr,{...e});var Id=require("react/jsx-runtime");var Ed=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var Fr=require("react/jsx-runtime"),Hb=ce.states,_b=ce.defaultOptions,Kb=ce.options,Db=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Bb=[],ta=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Fr.jsx)(T,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Fr.jsx)(Ho,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,Fr.jsx)(Sd,{value:"Value",style:{width:300},...o,...r})};ta.options=Kb;ta.states=Hb;ta.variants=Bb;ta.defaultOptions=_b;ta.modifiers=Db;ta.className=ce.className;var ht=require("react/jsx-runtime"),Rd="k-actionsheet-titlebar",zb={},Ze=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:u,inputPlaceholder:f,adaptive:x,titleId:v,children:w,...b}=e;return(0,ht.jsxs)("div",{...b,className:a(e.className,Rd),children:[(0,ht.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,ht.jsx)("div",{className:"k-actionsheet-actions",children:r}),!w&&(0,ht.jsxs)("div",{className:"k-actionsheet-title",id:v,children:[t&&(0,ht.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ht.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),w&&(0,ht.jsx)("div",{className:"k-actionsheet-title",id:v,children:w}),l&&(0,ht.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(d\|\|n)&&(0,ht.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?(0,ht.jsx)(ce,{value:u,placeholder:f,size:x?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,ht.jsx)(Tt,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ze.className=Rd;Ze.defaultOptions=zb;var oa=require("react/jsx-runtime"),Yl="k-actionsheet-view",Ub=[],Fb={},$b={},aa=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:d,...u}=e,f=(l==null?void 0:l.type)===Ze&&(0,oa.jsx)(Ze,{adaptive:t,titleId:d,...l==null?void 0:l.props}),x=(n==null?void 0:n.type)===No&&(0,oa.jsx)(No,{...n==null?void 0:n.props});return(0,oa.jsxs)("div",{...u,className:a(e.className,Yl,{[`${Yl}-animated`]:o}),children:[f,(0,oa.jsx)("div",{className:"k-actionsheet-content",children:r}),x]})};aa.states=Ub;aa.options=Fb;aa.className=Yl;aa.defaultOptions=$b;var sr="action-sheet",$r=sr;var Ql="overlay",Od=Ql;var Pd=require("react/jsx-runtime"),Zl="k-overlay",Vb=[],Wb={themeColor:[g.undefined,g.light,g.dark,g.inverse]},Xb={},vo=e=>{let{themeColor:t,...o}=e;return(0,Pd.jsx)("div",{...o,className:a(e.className,Zl,M(Zl,{themeColor:t})),children:e.children})};vo.states=Vb;vo.options=Wb;vo.className=Zl;vo.defaultOptions=Xb;vo.moduleName=Ql;vo.folderName=Od;var Ko=require("react/jsx-runtime"),Gd="k-actionsheet",Jb=[],qb={},dr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ke=e=>{let{side:t=dr.side,fullscreen:o=dr.fullscreen,adaptive:r=dr.adaptive,overlay:l=dr.overlay,template:n,children:d,header:u,footer:f,id:x,...v}=e,w=x&&!n&&u?`${x}-title`:void 0;return(0,Ko.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,Ko.jsx)(vo,{}),(0,Ko.jsx)(Ut,{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:(0,Ko.jsx)("div",{...v,id:x,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":w,className:a(e.className,Gd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n\|\|(0,Ko.jsx)(aa,{header:u,footer:f,adaptive:r,titleId:w,...e,children:d})})})]})};ke.states=Jb;ke.options=qb;ke.className=Gd;ke.defaultOptions=dr;ke.moduleName=sr;ke.folderName=$r;ke.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."}]};var _d=require("react/jsx-runtime"),Hd="k-actionsheet-container",Yb=[],Qb={},Zb={},ra=e=>{let{children:t,...o}=e;return(0,_d.jsx)("div",{...o,className:Hd,children:t})};ra.states=Yb;ra.options=Qb;ra.className=Hd;ra.defaultOptions=Zb;ra.moduleName=sr;ra.folderName=$r;var Kd=require("react/jsx-runtime"),jl=e=>{let{...t}=e;return(0,Kd.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var yt=require("react/jsx-runtime"),ei="k-actionsheet-item",jb=[i.hover,i.focus,i.selected,i.disabled],wo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:d,disabled:u,...f}=e;return(0,yt.jsxs)("span",{...f,className:a(e.className,ei,S(ei,{hover:l,focus:n,selected:d,disabled:u})),children:[!e.children&&(0,yt.jsx)(yt.Fragment,{children:(0,yt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,yt.jsx)("span",{className:"k-icon-wrap",children:(0,yt.jsx)(T,{className:"k-actionsheet-item-icon",icon:t})}),(0,yt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,yt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),r&&(0,yt.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};wo.states=jb;wo.className=ei;var Dd=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var tf=require("react/jsx-runtime");var of=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),af=ke.options,rf=ke.states,zd={...ke.defaultOptions,variant:"normal"},lf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],nf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],la=e=>{let{variant:t,modifiers:o,...r}={...zd,...e},l={},n=(0,fe.jsxs)(jl,{children:[(0,fe.jsx)(wo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(wo,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(wo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(wo,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!(o!=null&&o[f]),l.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":l.subtitle=o!=null&&o[f]?d:void 0;break;case"footer":l.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,fe.jsx)(ke,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,fe.jsx)(Ze,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(No,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,fe.jsx)(ke,{...r,fullscreen:l.fullScreen,header:(0,fe.jsx)(Ze,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(No,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};la.options=af;la.states=rf;la.variants=lf;la.defaultOptions=zd;la.modifiers=nf;la.className=ke.className;var Wr=os(require("react"));var ti=require("react/jsx-runtime"),sf="k-list-group-sticky-header",oi=e=>(0,ti.jsx)("div",{className:a(sf,e.className),children:(0,ti.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ud=require("react/jsx-runtime"),df="k-no-data",Vr=e=>{let{live:t,...o}=e;return(0,Ud.jsx)("span",{...o,className:a(df,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Do="list",ia=Do;var na=require("react/jsx-runtime"),ai="k-list",cf=[],pf={size:[s.undefined,s.small,s.medium,s.large]},mf={},Y=e=>{var C;let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:d,noData:u,screenReaders:f,...x}=e,w=Wr.default.Children.toArray(r)[0],b=(C=w==null?void 0:w.props)!=null&&C.children?Wr.default.Children.count(w.props.children):Wr.default.Children.count(r);return(0,na.jsxs)("div",{...x,className:a(e.className,ai,M(ai,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&(0,na.jsx)(oi,{children:l}),r\|\|(u!==void 0?u:(0,na.jsx)(Vr,{live:!0,children:"No data found."})),f&&r&&(0,na.jsxs)(Vr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Y.states=cf;Y.options=pf;Y.className=ai;Y.defaultOptions=mf;Y.moduleName=Do;Y.folderName=ia;Y.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var $d=require("react/jsx-runtime"),Fd="k-list-container",uf=[],bf={},ff={},sa=e=>{let{...t}=e;return(0,$d.jsx)("div",{...t,className:a(e.className,Fd),children:e.children})};sa.states=uf;sa.options=bf;sa.className=Fd;sa.defaultOptions=ff;sa.moduleName=Do;sa.folderName=ia;var Bo="checkbox",da=Bo;var ri=require("react/jsx-runtime"),Xr="k-checkbox",Tf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],hf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},gf={},Ee=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:d,invalid:u,valid:f,required:x,size:v,rounded:w,wrapperRole:b,...C}=e;return(0,ri.jsx)("span",{className:"k-checkbox-wrap",role:b,children:(0,ri.jsx)("input",{...C,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d\|\|void 0,"aria-invalid":u?"true":void 0,className:a(e.className,Xr,M(Xr,{size:v,rounded:w}),S(Xr,{hover:l,focus:n,disabled:d,invalid:u,valid:f,indeterminate:r,checked:o}))})})};Ee.states=Tf;Ee.options=hf;Ee.className=Xr;Ee.defaultOptions=gf;Ee.moduleName=Bo;Ee.folderName=da;Ee.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 Pt=Ee;var Xd=require("react/jsx-runtime"),Vd="k-checkbox-list",xf=[],Nf={},Wd={layout:"vertical"},je=e=>{let{layout:t=Wd.layout,...o}=e;return(0,Xd.jsx)("ul",{...o,className:a(e.className,Vd,{[`k-list-${t}`]:t}),children:e.children})};je.states=xf;je.options=Nf;je.className=Vd;je.defaultOptions=Wd;je.moduleName=Bo;je.folderName=da;var qd=require("react/jsx-runtime"),Jd="k-checkbox-list-item",kf=[],vf={},wf={},et=e=>{let{...t}=e;return(0,qd.jsx)("li",{...t,className:a(e.className,Jd),children:e.children})};et.states=kf;et.options=vf;et.className=Jd;et.defaultOptions=wf;et.moduleName=Bo;et.folderName=da;var zo=require("react/jsx-runtime"),eo=({children:e="Label",id:t="cb-label-after",...o})=>(0,zo.jsxs)(zo.Fragment,{children:[(0,zo.jsx)(Pt,{id:t,...o}),(0,zo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var li=require("react/jsx-runtime");var ii=require("react/jsx-runtime");var ni=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var Lf=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var $e=require("react/jsx-runtime"),yf=je.options,Sf=je.states,Af={...je.defaultOptions,variant:"vertical"},If=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ef=[],ca=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,$e.jsxs)(je,{layout:"horizontal",...o,children:[(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})})]}):(0,$e.jsxs)(je,{...o,children:[(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})}),(0,$e.jsx)(et,{children:(0,$e.jsx)(eo,{id:B("cb"),children:"Label"})})]})};ca.options=yf;ca.states=Sf;ca.variants=If;ca.defaultOptions=Af;ca.modifiers=Ef;ca.className=je.className;var Yd=require("react/jsx-runtime"),Rf=Pt.options,Of=Pt.states,Pf=Pt.defaultOptions,Gf=[],Hf=[],pa=e=>(0,Yd.jsx)(eo,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});pa.options=Rf;pa.states=Of;pa.variants=Gf;pa.defaultOptions=Pf;pa.modifiers=Hf;pa.className=Pt.className;var Ft=require("react/jsx-runtime"),si="k-list-item",_f=[i.hover,i.focus,i.selected,i.disabled],Kf={},Df={},F=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:u,hover:f,focus:x,selected:v,disabled:w,actions:b,description:C,id:L,...P}=e,_=t\|\|e.children;return(0,Ft.jsxs)("li",{...P,id:L,role:r?"presentation":"option",tabIndex:r?void 0:x?0:-1,"aria-selected":!r&&v?"true":r?void 0:"false","aria-disabled":!r&&w?"true":void 0,className:a(e.className,r?"k-list-group-item":si,S(si,{hover:f,focus:x,disabled:w,selected:v})),children:[d&&(0,Ft.jsx)(Ee,{checked:u}),l&&(0,Ft.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ft.jsx)(T,{icon:l,className:a("k-list-item-icon",n)})}),(0,Ft.jsx)("span",{className:"k-list-item-text",children:_}),b&&(0,Ft.jsx)("div",{className:"k-list-item-actions",children:b}),C&&(0,Ft.jsx)("span",{className:"k-list-item-description",children:C}),o&&o!==""&&(0,Ft.jsx)("div",{className:"k-list-item-group-label",children:o})]})};F.states=_f;F.options=Kf;F.className=si;F.defaultOptions=Df;F.moduleName=Do;F.folderName=ia;F.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."}]};var Qd=require("react/jsx-runtime"),Bf="k-list-ul",to=e=>{let{children:t,role:o,id:r,...l}=e;return(0,Qd.jsx)("ul",{...l,id:r,role:o,className:a(Bf,e.className),children:t})};to.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."}]};var ma=require("react/jsx-runtime"),zf="k-list-content",de=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return(0,ma.jsxs)("div",{...d,className:a(zf,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:(0,ma.jsx)(to,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&(0,ma.jsx)("div",{className:"k-height-container",children:(0,ma.jsx)("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."}]};var di=require("react/jsx-runtime");var ua=require("react/jsx-runtime"),Uf="k-list-group-item",Uo=e=>{let{groupIconName:t,...o}=e;return(0,ua.jsxs)("li",{...o,role:"presentation",className:a(Uf,e.className),children:[t&&(0,ua.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ua.jsx)(T,{icon:t,className:"k-list-item-icon"})}),(0,ua.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Uo.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."}]};var Zd=require("react/jsx-runtime"),ci="k-list-optionlabel",Ff=[i.hover,i.focus,i.selected,i.disabled],$f={},Vf={},Jr=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return(0,Zd.jsx)("div",{...d,className:a(ci,S(ci,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Jr.states=Ff;Jr.options=$f;Jr.className=ci;Jr.defaultOptions=Vf;var jd=require("react/jsx-runtime"),pi="k-list-custom-value",Wf=[i.hover,i.focus,i.selected,i.disabled],Xf={},Jf={},Co=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...d}=e;return(0,jd.jsx)("div",{...d,className:a(pi,S(pi,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Co.states=Wf;Co.options=Xf;Co.className=pi;Co.defaultOptions=Jf;var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var qf=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var ec="dropdown-list",tc="dropdownlist";var Te=require("react/jsx-runtime"),oc="k-dropdownlist",Yf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qf={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]},hi={showValue:!0,arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=hi.arrowIconName,showValue:n=hi.showValue,valueIconName:d,prefix:u,suffix:f,value:x,placeholder:v,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,popup:be,opened:se,adaptive:qe,adaptiveSettings:Ye,adaptiveTitle:mt,adaptiveSubtitle:Po,adaptiveFilter:Tl,id:fo,activeDescendant:yr,"aria-label":hl,...gl}=e,Km=fo?`${fo}-listbox`:void 0,es=fo?`${fo}-value`:void 0;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(zt,{...gl,id:fo,size:t,rounded:o,fillMode:r,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,className:a(e.className,oc,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":se?"true":"false","aria-controls":se?Km:void 0,"aria-activedescendant":se&&yr?yr:void 0,"aria-describedby":se?es:void 0,"aria-disabled":H?"true":void 0,"aria-label":hl,tabIndex:0,children:[(0,Te.jsx)(wt,{children:u}),(0,Te.jsx)(_o,{placeholder:v,value:x,showValue:n,valueIconName:d,id:es}),(0,Te.jsx)(Qe,{valid:C,invalid:L,loading:_,disabled:H}),(0,Te.jsx)(it,{loading:_,disabled:H}),(0,Te.jsx)(Ct,{children:f}),(0,Te.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v\|\|"Toggle dropdown",tabIndex:-1})]}),se&&be&&(0,Te.jsx)(te,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:be}),qe&&(0,Te.jsx)(ke,{adaptive:!0,...Ye,header:(0,Te.jsx)(Ze,{actionsEnd:(0,Te.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Tl,inputValue:x,inputPlaceholder:v,title:mt,subtitle:Po}),children:(0,Te.jsx)("div",{className:"k-list-container",children:(0,Te.jsx)(Y,{size:"large",children:(0,Te.jsxs)(de,{"aria-label":"Options",children:[(0,Te.jsx)(F,{text:"List item"}),(0,Te.jsx)(F,{text:"List item"}),(0,Te.jsx)(F,{text:"List item"})]})})})})]})};ie.states=Yf;ie.options=Qf;ie.className=oc;ie.defaultOptions=hi;ie.moduleName=ec;ie.folderName=tc;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."}]};var Zf=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var jf=require("react/jsx-runtime");var rc=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var eT=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),tT=ie.states,oT=ie.defaultOptions,aT=ie.options,rT=[{name:"opened",title:"Opened"}],lT=[],fa=e=>{let{modifiers:t,...o}=e,r={},l=(0,nt.jsxs)(nt.Fragment,{children:[(0,nt.jsx)("div",{className:"k-list-filter",children:(0,nt.jsx)(Tt,{})}),(0,nt.jsx)(Y,{style:{width:300},size:o.size,children:(0,nt.jsxs)(de,{children:[(0,nt.jsx)(F,{children:"List item"}),(0,nt.jsx)(F,{children:"List item"}),(0,nt.jsx)(F,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(n=>{n==="opened"&&(r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0)}),(0,nt.jsx)("div",{children:(0,nt.jsx)(ie,{placeholder:"Value",style:{width:300},...o,...r})})};fa.options=aT;fa.states=tT;fa.variants=lT;fa.defaultOptions=oT;fa.modifiers=rT;fa.className=ie.className;var cr=require("react/jsx-runtime"),lc="k-spin-button",sT=[],dT={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"},Lo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Ni.increaseLabel,decreaseLabel:n=Ni.decreaseLabel,...d}=e;return(0,cr.jsxs)("span",{...d,className:a(lc,e.className),children:[(0,cr.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),(0,cr.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};Lo.states=sT;Lo.options=dT;Lo.className=lc;Lo.defaultOptions=Ni;Lo.moduleName=null;Lo.folderName=null;var ic="numeric-textbox",nc="numerictextbox";var Pe=require("react/jsx-runtime"),sc="k-numerictextbox",cT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],pT={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]},qr={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:r,separators:l=qr.separators,showClearButton:n=qr.showClearButton,showSpinButton:d=qr.showSpinButton,prefix:u,suffix:f,value:x,placeholder:v,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,id:be,"aria-label":se,"aria-describedby":qe,...Ye}=e;return(0,Pe.jsxs)(Le,{...Ye,size:t,rounded:o,fillMode:r,hover:w,focus:b,valid:C,invalid:L,required:P,loading:_,disabled:H,readonly:V,className:a(e.className,sc),children:[u&&(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(wt,{children:u}),l&&(0,Pe.jsx)(Lt,{})]}),(0,Pe.jsx)(ft,{id:be,placeholder:v,value:x,role:"spinbutton",disabled:H,"aria-label":se,"aria-describedby":qe,"aria-invalid":L?"true":void 0}),(0,Pe.jsx)(Qe,{valid:C,invalid:L,loading:_,disabled:H}),(0,Pe.jsx)(it,{loading:_,disabled:H}),n&&(0,Pe.jsx)(bt,{loading:_,disabled:H,readonly:V,value:x}),f&&(0,Pe.jsxs)(Pe.Fragment,{children:[l&&(0,Pe.jsx)(Lt,{}),(0,Pe.jsx)(Ct,{children:f})]}),d&&(0,Pe.jsx)(Lo,{className:"k-input-spinner",size:t,fillMode:r,disabled:H})]})};W.states=cT;W.options=pT;W.className=sc;W.defaultOptions=qr;W.moduleName=ic;W.folderName=nc;W.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 pr=W;var cc=require("react/jsx-runtime"),dc=e=>(0,cc.jsx)(pr,{...e});var pc=require("react/jsx-runtime");var mc=require("react/jsx-runtime");var mT=require("react/jsx-runtime");var Yr=require("react/jsx-runtime"),uT=W.states,bT=W.defaultOptions,fT=W.options,TT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],hT=[],Ta=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Yr.jsx)(ie,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Yr.jsx)(Bl,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;case"spin-button":r.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Yr.jsx)(dc,{value:"Value",style:{width:300},...o,...r})};Ta.options=fT;Ta.states=uT;Ta.variants=hT;Ta.defaultOptions=bT;Ta.modifiers=TT;Ta.className=W.className;var ki="pager",uc=ki;var pe=require("react/jsx-runtime"),Qr="k-pager",gT=[i.focus,i.disabled],xT={size:[s.undefined,s.small,s.medium,s.large]},gt={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},ve=e=>{let{responsive:t=gt.responsive,size:o,pagerSizeInfo:r=gt.pagerSizeInfo,pageTitleInfo:l=gt.pageTitleInfo,maxPagesInfo:n=gt.maxPagesInfo,itemsPerPage:d=gt.itemsPerPage,maxPages:u=gt.maxPages,currentPage:f=gt.currentPage,previousNext:x=gt.previousNext,type:v=gt.type,pageSizes:w=gt.pageSizes,refresh:b=gt.refresh,info:C=gt.info,focus:L,disabled:P,dir:_,...H}=e,V=[],be=[];for(let se=1;se<=u;se++)V.push((0,pe.jsx)(c,{selected:se===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${se}`,...se===f&&{"aria-current":"page"},children:se},se)),be.push((0,pe.jsx)("option",{selected:se===f,children:se},se));return(0,pe.jsxs)("div",{dir:_,...H,className:a(e.className,Qr,M(Qr,{size:o}),S(Qr,{focus:L,disabled:P}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${u}`,children:[(0,pe.jsxs)("div",{className:a("k-pager-numbers-wrap"),children:[x&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(c,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,pe.jsx)(c,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),v==="numeric"&&(0,pe.jsx)("div",{className:a("k-pager-numbers"),children:V}),v==="input"&&(0,pe.jsxs)("span",{className:a("k-pager-input"),children:[l&&(0,pe.jsx)("span",{children:"Page"}),(0,pe.jsx)(W,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,pe.jsx)("span",{children:n&&`of ${u}`})]}),x&&(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(c,{className:a("k-pager-nav"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,pe.jsx)(c,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),w&&(0,pe.jsxs)("span",{className:a("k-pager-sizes"),children:[(0,pe.jsx)(ie,{value:`${d}`,size:o,"aria-label":"Items per page"}),r&&(0,pe.jsx)("span",{children:"items per page"})]}),b&&(0,pe.jsx)(c,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),C&&(0,pe.jsx)("span",{className:a("k-pager-info"),children:C})]})};ve.states=gT;ve.options=xT;ve.className=Qr;ve.defaultOptions=gt;ve.moduleName=ki;ve.folderName=uc;ve.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."}]};var NT=require("react/jsx-runtime");var kT=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var vi=require("react/jsx-runtime"),wT=ve.options,CT=ve.states,LT={...ve.defaultOptions,variant:"numeric"},MT=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],yT=[],ha=e=>{let{variant:t,...o}=e;return t==="input"?(0,vi.jsx)(ve,{...o,type:"input"}):(0,vi.jsx)(ve,{...o,type:"numeric"})};ha.options=wT;ha.states=CT;ha.variants=MT;ha.defaultOptions=LT;ha.modifiers=yT;ha.className=ve.className;var fc=require("react/jsx-runtime"),bc="k-grid-pager",St=e=>(0,fc.jsx)(ve,{...e,className:a(e.className,bc),children:e.children});St.className=bc;St.moduleName=X;St.folderName=q;var wi="button",Tc=wi;var hc=require("react/jsx-runtime"),mr="k-button-group",ST=[i.disabled],AT={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},IT={},z=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return(0,hc.jsx)("div",{role:"group",...l,className:a(e.className,mr,M(mr,{fillMode:t}),S(mr,{disabled:o}),{[`${mr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};z.states=ST;z.options=AT;z.className=mr;z.defaultOptions=IT;z.moduleName=wi;z.folderName=Tc;z.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."}]};var Ci=require("react/jsx-runtime");var Li=require("react/jsx-runtime");var Mi=require("react/jsx-runtime");var yi=require("react/jsx-runtime");var Si=require("react/jsx-runtime");var Ai=require("react/jsx-runtime");var st=require("react/jsx-runtime"),ET={...c.options,...z.options},RT=c.states,OT={...c.defaultOptions,...z.defaultOptions,variant:"text-button"},PT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],GT=[],ga=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?(0,st.jsxs)(z,{fillMode:r.fillMode,className:o,children:[(0,st.jsx)(c,{...r,icon:"star"}),(0,st.jsx)(c,{...r,icon:"star"}),(0,st.jsx)(c,{...r,icon:"star"})]}):t==="icon-text-button"?(0,st.jsxs)(z,{fillMode:r.fillMode,className:o,children:[(0,st.jsx)(c,{...r,icon:"star",children:"First"}),(0,st.jsx)(c,{...r,icon:"star",children:"Middle"}),(0,st.jsx)(c,{...r,icon:"star",children:"Last"})]}):(0,st.jsxs)(z,{fillMode:r.fillMode,className:o,children:[(0,st.jsx)(c,{...r,children:"First"}),(0,st.jsx)(c,{...r,children:"Middle"}),(0,st.jsx)(c,{...r,children:"Last"})]})};ga.options=ET;ga.states=RT;ga.variants=PT;ga.defaultOptions=OT;ga.modifiers=GT;ga.className=z.className;var ur=require("react/jsx-runtime"),gc="k-color-preview",HT=[],_T={},Mo=e=>{let{color:t,iconName:o,...r}=e;return(0,ur.jsxs)("span",{...r,className:a(e.className,gc,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ur.jsx)(T,{icon:o,className:"k-color-preview-icon"}),(0,ur.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Mo.states=HT;Mo.options=_T;Mo.className=gc;var Ii="slider",xc=Ii;var Gt=require("react/jsx-runtime"),br="k-slider",KT=[i.hover,i.focus,i.active,i.disabled,i.readonly],DT={},At={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=At.type,orientation:o=At.orientation,gradientType:r=At.gradientType,readonly:l=At.readonly,disabled:n=At.disabled,handlePosition:d=At.handlePosition,showButtons:u=At.showButtons,showTicks:f=At.showTicks,value:x=At.value,min:v=At.min,max:w=At.max,startValue:b,endValue:C,hover:L,focus:P,active:_,trackStyle:H,dir:V,...be}=e,qe=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ye,mt;return o==="horizontal"?(Ye=V==="rtl"?"caret-alt-left":"caret-alt-right",mt=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ye="caret-alt-up",mt="caret-alt-down"),(0,Gt.jsxs)("div",{...be,className:a(br,e.className,S(br,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[u&&(0,Gt.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:mt,tabIndex:-1,title:"Decrease"}),(0,Gt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,Gt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Gt.jsxs)("div",{className:"k-slider-track",style:H,children:[(0,Gt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Gt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",S(br,{hover:L,focus:P,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":b??v,"aria-valuemin":v,"aria-valuemax":C??w,"aria-orientation":qe,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),(0,Gt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${d}`,S(br,{hover:L,focus:P,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?C??w:x,"aria-valuemin":t==="range"?b??v:v,"aria-valuemax":w,"aria-orientation":qe,"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"]})]})]}),u&&(0,Gt.jsx)(c,{className:"k-button-increase",rounded:"full",icon:Ye,tabIndex:-1,title:"Increase"})]})};ue.states=KT;ue.options=DT;ue.className=br;ue.defaultOptions=At;ue.moduleName=Ii;ue.folderName=xc;ue.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."}]};var Ei=require("react/jsx-runtime"),Nc="k-tick",BT=[],zT={},kc={label:!1},K=e=>{let{style:t,label:o=kc.label,orientation:r,large:l,text:n,...d}=e;return(0,Ei.jsx)("li",{...d,role:"presentation",title:n\|\|"Tick",className:a(e.className,Nc,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&(0,Ei.jsx)("span",{className:"k-label",children:n})})};K.states=BT;K.options=zT;K.className=Nc;K.defaultOptions=kc;var Ge=require("react/jsx-runtime"),vc=e=>(0,Ge.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(K,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{label:!0,large:!0,text:"5"}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{}),(0,Ge.jsx)(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var He=require("react/jsx-runtime"),wc=e=>(0,He.jsx)(ue,{children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(K,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{label:!0,large:!0,text:"5"}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{}),(0,He.jsx)(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Ri=require("react/jsx-runtime");var Oi=require("react/jsx-runtime");var Cc=require("react/jsx-runtime"),Pi=e=>(0,Cc.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Lc=require("react/jsx-runtime"),Gi=e=>(0,Lc.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Hi=require("react/jsx-runtime");var _i=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),UT=ue.options,FT=ue.states,Mc={...ue.defaultOptions,variant:"horizontal",label:!0},$T=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],VT=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],xa=e=>{let{variant:t,modifiers:o,...r}={...Mc,...e},l={};Object.keys(o\|\|{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!(o!=null&&o[x]);break}case"label":{l.label=!!(o!=null&&o[x]);break}case"tick":{l.showTicks=!!(o!=null&&o[x]);break}}});let{label:n=!0,showButtons:d,showTicks:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,dt.jsxs)(wc,{showTicks:u,showButtons:d,style:{height:"300px",...f},...r,children:[(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,dt.jsxs)(vc,{showTicks:u,showButtons:d,style:{width:"400px",...f},...r,children:[(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,dt.jsx)(K,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};xa.options=UT;xa.states=FT;xa.variants=$T;xa.defaultOptions=Mc;xa.modifiers=VT;xa.className=ue.className;var E=require("react/jsx-runtime"),yc="k-colorgradient-inputs",WT=[],XT={size:[s.undefined,s.small,s.medium,s.large]},Sc={mode:"rgba"},Na=e=>{let{mode:t=Sc.mode,size:o,...r}=e;return(0,E.jsxs)("div",{...r,className:a(yc,"k-hstack"),children:[(0,E.jsx)("div",{className:"k-vstack",children:(0,E.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,E.jsxs)("div",{className:"k-vstack",children:[(0,E.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,E.jsx)(ce,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,E.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Na.states=WT;Na.options=XT;Na.className=yc;Na.defaultOptions=Sc;var Ve=require("react/jsx-runtime"),Ac="k-colorgradient-color-contrast",JT=[],qT={},YT={},ka=()=>(0,Ve.jsxs)("div",{className:a(Ac,"k-vbox"),children:[(0,Ve.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ve.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ve.jsx)(T,{icon:"check"}),(0,Ve.jsx)(T,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AA: 4.5"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ve.jsx)(T,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AAA: 7.0"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ve.jsx)(T,{icon:"x"})]})]})]});ka.states=JT;ka.options=qT;ka.className=Ac;ka.defaultOptions=YT;var Ic="color-gradient",Ec="colorgradient";var Se=require("react/jsx-runtime"),Zr="k-colorgradient",QT=[i.hover,i.focus,i.readonly,i.disabled],ZT={size:[s.undefined,s.small,s.medium,s.large]},$t={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"},Re=e=>{let{size:t,mode:o=$t.mode,readonly:r=$t.readonly,disabled:l=$t.disabled,gradientStyle:n=$t.gradientStyle,dragHandleStyle:d=$t.dragHandleStyle,alphaStyle:u=$t.alphaStyle,alphaStyleHorizontal:f=$t.alphaStyleHorizontal,contrast:x=$t.contrast,dir:v,hover:w,focus:b,hoverHandle:C,focusHandle:L,canvasOrientation:P=$t.canvasOrientation,role:_,tabIndex:H,...V}=e;return(0,Se.jsxs)("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:H??0,"aria-disabled":l?"true":void 0,className:a(e.className,Zr,M(Zr,{size:t}),S(Zr,{hover:w,focus:b,readonly:r,disabled:l})),dir:v,children:[!P\|\|P==="horizontal"&&(0,Se.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Se.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Se.jsx)("div",{className:"k-hsv-gradient",children:(0,Se.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":C,"k-focus":L}),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})})}),(0,Se.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Se.jsx)(Gi,{className:"k-hue-slider",hover:C,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,Se.jsx)(Gi,{className:"k-alpha-slider",hover:C,focus:L,trackStyle:u})]})]}),P==="vertical"&&(0,Se.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Se.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Se.jsx)("div",{className:"k-hsv-gradient",children:(0,Se.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":C,"k-focus":L}),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})})}),(0,Se.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Se.jsx)(Pi,{className:"k-hue-slider",hover:C,focus:L}),o!=="rgb"&&o!=="hsv"&&(0,Se.jsx)(Pi,{className:"k-alpha-slider",hover:C,focus:L,trackStyle:f})]})]}),(0,Se.jsx)(Na,{mode:e.mode,size:t}),x&&(0,Se.jsx)(ka,{})]})};Re.states=QT;Re.options=ZT;Re.className=Zr;Re.defaultOptions=$t;Re.moduleName=Ic;Re.folderName=Ec;Re.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)."}]};var Rc=require("react/jsx-runtime"),jr=e=>(0,Rc.jsx)(Re,{...e});var jT=require("react/jsx-runtime");var eh=require("react/jsx-runtime");var el=require("react/jsx-runtime"),th=Re.options,oh=Re.states,ah={...Re.defaultOptions,variant:"rgba"},rh=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],lh=[],va=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,el.jsx)(jr,{...o,mode:t});case"rgb":return(0,el.jsx)(jr,{...o,mode:t});default:return(0,el.jsx)(jr,{...o,mode:t})}};va.options=th;va.states=oh;va.variants=rh;va.defaultOptions=ah;va.modifiers=lh;va.className=Re.className;var Oc=require("react/jsx-runtime"),Ki=e=>(0,Oc.jsx)("tr",{role:"row",children:e.children});var Pc=require("react/jsx-runtime"),Di="k-colorpalette-tile",ih=[i.hover,i.focus,i.selected],nh={},wa=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...d}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Pc.jsx)("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,Di,S(Di,{hover:r,focus:l,selected:n})),style:u})};wa.states=ih;wa.options=nh;wa.className=Di;var Gc="color-palette",Hc="colorpalette";var Ca=require("react/jsx-runtime"),tl="k-colorpalette",sh=[i.disabled],dh={size:[s.undefined,s.small,s.medium,s.large]},_c={columns:10},tt=e=>{let{size:t,palette:o,columns:r=_c.columns,tileSize:l,disabled:n,...d}=e,u=[];if(o){let f=r\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(v,w)=>{let b=[];x.slice(wf,(w+1)f).map((L,P)=>{b.push((0,Ca.jsx)(wa,{color:L,tileSize:l},P))});let C=(0,Ca.jsx)(Ki,{children:b},w);u.push(C)})}return(0,Ca.jsx)("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,tl,S(tl,{disabled:n}),M(tl,{size:t})),children:(0,Ca.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Ca.jsx)("tbody",{children:u.length>0?u:e.children})})})};tt.states=sh;tt.options=dh;tt.className=tl;tt.defaultOptions=_c;tt.moduleName=Gc;tt.folderName=Hc;tt.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 ol=tt;var fr={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}};var Dc=require("react/jsx-runtime"),Kc=e=>(0,Dc.jsx)(ol,{palette:fr.basic,...e});var ch=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var zc=require("react/jsx-runtime"),ph=tt.options,mh=tt.states,uh={...tt.defaultOptions,variant:"basic"},bh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],fh={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}},Th=[],La=e=>{let{variant:t="basic",...o}=e,r=fh[t];return(0,zc.jsx)(Kc,{columns:r.columns,palette:r,...o})};La.options=ph;La.states=mh;La.variants=bh;La.defaultOptions=uh;La.modifiers=Th;La.className=tt.className;var Uc="color-editor",Fc="coloreditor";var Me=require("react/jsx-runtime"),al="k-coloreditor",hh=[i.focus],gh={size:[s.undefined,s.small,s.medium,s.large]},Tr={view:"gradient",palette:fr.office,actionButtons:!0,canvasOrientation:"horizontal"},we=e=>{let{size:t,view:o=Tr.view,palette:r=Tr.palette,color:l,currentColor:n,focus:d,focusView:u,dir:f,group:x,actionButtons:v=Tr.actionButtons,canvasOrientation:w=Tr.canvasOrientation,...b}=e;return(0,Me.jsxs)("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",al,M(al,{size:t}),S(al,{focus:d})),dir:f,children:[(0,Me.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Me.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Me.jsxs)(z,{fillMode:"flat",children:[(0,Me.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Me.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Me.jsx)("div",{className:"k-spacer"}),(0,Me.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Me.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Me.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Me.jsx)(Mo,{className:"k-coloreditor-preview-color",color:l}),(0,Me.jsx)(Mo,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Me.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Me.jsx)(Re,{focus:u,size:t,canvasOrientation:w,role:"none",tabIndex:-1}):(0,Me.jsx)(tt,{palette:r,size:t})}),v&&(0,Me.jsxs)(Mt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Me.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Me.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};we.states=hh;we.options=gh;we.className=al;we.defaultOptions=Tr;we.moduleName=Uc;we.folderName=Fc;we.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=we;var xh=require("react/jsx-runtime");var Nh=require("react/jsx-runtime");var Vc=require("react/jsx-runtime"),$c=e=>(0,Vc.jsx)(Ma,{group:!0,currentColor:"fuchsia",...e});var Xc=require("react/jsx-runtime"),Wc=e=>(0,Xc.jsx)(Ma,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Bi=require("react/jsx-runtime"),kh=we.options,vh=we.states,wh={...we.defaultOptions,variant:"gradient"},Ch=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Lh=[],ya=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Bi.jsx)(Wc,{...o,color:"white"}):(0,Bi.jsx)($c,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ya.options=kh;ya.states=vh;ya.variants=Ch;ya.defaultOptions=wh;ya.modifiers=Lh;ya.className=we.className;var Jc="color-picker",qc="colorpicker";var Ae=require("react/jsx-runtime"),Yc="k-colorpicker",Mh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],yh={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]},Qc={arrowIconName:"caret-alt-down"},xt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Qc.arrowIconName,prefix:n,suffix:d,value:u,placeholder:f,hover:x,focus:v,valid:w,invalid:b,required:C,disabled:L,valueIconName:P,popup:_,opened:H,adaptive:V,adaptiveSettings:be,adaptiveTitle:se,adaptiveSubtitle:qe,...Ye}=e,mt="colorpicker-popup";return(0,Ae.jsxs)(Ae.Fragment,{children:[(0,Ae.jsxs)(zt,{...Ye,size:t,rounded:o,fillMode:r,hover:x,focus:v,valid:w,invalid:b,required:C,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":H?"true":"false","aria-controls":H\|\|V?mt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:a(e.className,Yc,"k-icon-picker"),children:[(0,Ae.jsx)(wt,{children:n}),(0,Ae.jsx)(_o,{placeholder:f,value:u,showValue:!1,valueIcon:(0,Ae.jsx)(Mo,{className:"k-value-icon",color:u,iconName:P}),valueIconName:P}),(0,Ae.jsx)(Ct,{children:d}),(0,Ae.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),H&&_&&(0,Ae.jsx)(te,{id:mt,className:"k-colorpicker-popup",children:_}),V&&(0,Ae.jsx)(ke,{adaptive:!0,id:mt,...be,header:(0,Ae.jsx)(Ze,{actionsEnd:(0,Ae.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:se,subtitle:qe}),footer:(0,Ae.jsxs)(No,{children:[(0,Ae.jsx)(c,{text:"Cancel",size:"large"}),(0,Ae.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Ae.jsx)(we,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};xt.states=Mh;xt.options=yh;xt.className=Yc;xt.defaultOptions=Qc;xt.moduleName=Jc;xt.folderName=qc;xt.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 oo=xt;var Zc=require("react/jsx-runtime"),rl=e=>(0,Zc.jsx)(oo,{...e});var Sh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var Eh=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),Ph=oo.options,Gh=oo.states,jc={...oo.defaultOptions,variant:"color"},Hh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],_h=[{name:"opened",title:"Opened"}],Sa=e=>{let{variant:t,modifiers:o,...r}={...jc,...e},l={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?(0,yo.jsx)(we,{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(0,yo.jsx)("div",{style:n,children:(0,yo.jsx)(rl,{...r,...l})});case"icon":return(0,yo.jsx)("div",{style:n,children:(0,yo.jsx)(rl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return(0,yo.jsx)("div",{style:n,children:(0,yo.jsx)(rl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};Sa.options=Ph;Sa.states=Gh;Sa.variants=Hh;Sa.defaultOptions=jc;Sa.modifiers=_h;Sa.className=oo.className;var zi="combobox",ep=zi;var oe=require("react/jsx-runtime"),tp="k-combobox",Kh=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Dh={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]},op={separators:!0},We=e=>{let{size:t,rounded:o,fillMode:r,separators:l=op.separators,prefix:n,suffix:d,value:u,placeholder:f,hover:x,focus:v,valid:w,invalid:b,required:C,loading:L,disabled:P,popup:_,opened:H,readonly:V,adaptive:be,adaptiveSettings:se,adaptiveTitle:qe,adaptiveSubtitle:Ye,adaptiveCustomValue:mt,id:Po,autocomplete:Tl,activeDescendant:fo,"aria-label":yr,...hl}=e,gl=Po?`${Po}-listbox`:void 0;return(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsxs)(Le,{...hl,size:t,rounded:o,fillMode:r,hover:x,focus:v,valid:w,invalid:b,required:C,loading:L,disabled:P,readonly:V,className:a(e.className,tp),children:[n&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)(wt,{children:n}),l&&(0,oe.jsx)(Lt,{})]}),(0,oe.jsx)(ft,{id:Po,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":H?"true":"false","aria-controls":H?gl:void 0,"aria-activedescendant":H&&fo?fo:void 0,"aria-autocomplete":Tl,"aria-invalid":b?"true":void 0,"aria-busy":L?"true":void 0,"aria-label":yr,disabled:P,readOnly:V}),(0,oe.jsx)(Qe,{valid:w,invalid:b,loading:L,disabled:P}),(0,oe.jsx)(it,{loading:L,disabled:P}),(0,oe.jsx)(bt,{loading:L,disabled:P,readonly:V,value:u}),d&&(0,oe.jsxs)(oe.Fragment,{children:[l&&(0,oe.jsx)(Lt,{}),(0,oe.jsx)(Ct,{children:d})]}),(0,oe.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:P})]}),H&&_&&(0,oe.jsx)(te,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),be&&(0,oe.jsx)(ke,{adaptive:!0,id:Po?`${Po}-adaptive`:void 0,...se,header:(0,oe.jsx)(Ze,{actionsEnd:(0,oe.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:qe,subtitle:Ye}),children:(0,oe.jsx)("div",{className:"k-list-container",children:(0,oe.jsx)(Y,{customValue:mt?(0,oe.jsx)(Co,{text:`Use "${u}"`}):void 0,size:"large",children:(0,oe.jsxs)(de,{"aria-label":qe\|\|"Options",children:[(0,oe.jsx)(F,{text:"List item"}),(0,oe.jsx)(F,{text:"List item"}),(0,oe.jsx)(F,{text:"List item"})]})})})})]})};We.states=Kh;We.options=Dh;We.className=tp;We.defaultOptions=op;We.moduleName=zi;We.folderName=ep;We.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 Nt=We;var rp=require("react/jsx-runtime"),ap=e=>(0,rp.jsx)(Nt,{...e});var lp=require("react/jsx-runtime");var ip=require("react/jsx-runtime");var np=require("react/jsx-runtime");var sp=require("react/jsx-runtime");var dp=require("react/jsx-runtime");var cp=require("react/jsx-runtime");var Ui=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var zh=require("react/jsx-runtime");var pp=require("react/jsx-runtime");var mp=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),Uh=We.states,Fh=We.defaultOptions,$h=We.options,Vh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Wh=[],Aa=e=>{let{modifiers:t,...o}=e,r={},l=(0,Ht.jsx)(Y,{style:{width:300},size:o.size,children:(0,Ht.jsxs)(de,{children:[(0,Ht.jsx)(F,{children:"List item"}),(0,Ht.jsx)(F,{children:"List item"}),(0,Ht.jsx)(F,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":r.prefix=t!=null&&t[n]?(0,Ht.jsx)(T,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t!=null&&t[n]?(0,Ht.jsx)(xo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,Ht.jsx)("div",{children:(0,Ht.jsx)(ap,{value:"Value",style:{width:300},...o,...r})})};Aa.options=$h;Aa.states=Uh;Aa.variants=Wh;Aa.defaultOptions=Fh;Aa.modifiers=Vh;Aa.className=We.className;var Fi="menu-button",up=Fi;var fp=require("react/jsx-runtime"),bp="k-menu-button",Xh=[i.hover,i.focus,i.active,i.selected,i.disabled],Jh={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]},$i={showArrow:!0,arrowIconName:"caret-alt-down"},ne=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,icon:v,text:w,showArrow:b=$i.showArrow,arrowIconName:C=$i.arrowIconName,expanded:L,...P}=e;return(0,fp.jsx)(c,{...P,className:a(e.className,bp),text:w,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,icon:v,showArrow:b,arrowIconName:C,"aria-expanded":L?"true":"false",...!w&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};ne.states=Xh;ne.options=Jh;ne.className=bp;ne.defaultOptions=$i;ne.moduleName=Fi;ne.folderName=up;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."}]};var qh=require("react/jsx-runtime");var Yh=require("react/jsx-runtime");var Qh=require("react/jsx-runtime");var kt="menu",It=kt;var ao=require("react/jsx-runtime"),Vi="k-menu-item",Zh=[i.hover,i.focus,i.active,i.selected,i.disabled],jh={},Tp={iconPosition:"before"},Xe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:u,first:f,last:x,showArrow:v,arrowIconName:w,iconPosition:b=Tp.iconPosition,dir:C,children:L,expanded:P,..._}=e,H=w;return H\|\|(H=C==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ao.jsxs)("li",{..._,className:a(e.className,Vi,"k-item",S(Vi,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":f,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":P?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ao.jsxs)("span",{className:a("k-link k-menu-link"),children:[d&&b==="before"&&(0,ao.jsx)(T,{className:"k-menu-link-icon",icon:d}),(0,ao.jsx)("span",{className:"k-menu-link-text",children:u}),d&&b==="after"&&(0,ao.jsx)(T,{className:"k-menu-link-icon",icon:d}),v&&(0,ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ao.jsx)(T,{icon:H})})]}),L]})};Xe.states=Zh;Xe.options=jh;Xe.className=Vi;Xe.defaultOptions=Tp;Xe.moduleName=kt;Xe.folderName=It;var ro=require("react/jsx-runtime"),Wi="k-menu-item",eg=[i.hover,i.focus,i.active,i.selected,i.disabled],tg={},Xi={dir:"ltr",iconPosition:"before"},$=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:d,text:u,first:f,last:x,showArrow:v,arrowIconName:w,iconPosition:b=Xi.iconPosition,dir:C=Xi.dir,children:L,popup:P,expanded:_,...H}=e,V=w;return V\|\|(V=C==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ro.jsxs)("li",{...H,className:a(e.className,Wi,"k-item",S(Wi,{focus:o,disabled:n}),{"k-first":f,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":_?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ro.jsxs)("span",{className:a("k-link k-menu-link",S("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[d&&b==="before"&&(0,ro.jsx)(T,{className:"k-menu-link-icon",icon:d}),(0,ro.jsx)("span",{className:"k-menu-link-text",children:u}),d&&b==="after"&&(0,ro.jsx)(T,{className:"k-menu-link-icon",icon:d}),v&&(0,ro.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ro.jsx)(T,{icon:V})})]}),L,P]})};$.states=eg;$.options=tg;$.className=Wi;$.defaultOptions=Xi;$.moduleName=kt;$.folderName=It;var xp=require("react/jsx-runtime"),hp="k-menu-scroll-wrapper",og=[],ag={},rg={},Fo=e=>{let{className:t,children:o,orientation:r,...l}=e;return(0,xp.jsx)("div",{...l,className:a(t,hp,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Fo.states=og;Fo.options=ag;Fo.className=hp;Fo.defaultOptions=rg;Fo.moduleName=kt;Fo.folderName=It;var gp=Fo;var _e=require("react/jsx-runtime"),Ji="k-menu",lg=[],ig={},il={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},he=e=>{let{children:t,orientation:o=il.orientation,header:r=il.header,scrollable:l,scrollButtonsPosition:n=il.scrollButtonsPosition,wrapperStyles:d,dir:u,popup:f,contextMenu:x,...v}=e,w={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,_e.jsx)("ul",{dir:u,...v,className:a(e.className,"k-reset",Ji,{[`${Ji}-${o}`]:o,"k-header":r}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,_e.jsxs)(_e.Fragment,{children:[l?(0,_e.jsxs)(gp,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,n==="end"&&(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,_e.jsx)(c,{fillMode:"flat",icon:`caret-alt-${w[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,f]})};he.states=lg;he.options=ig;he.className=Ji;he.defaultOptions=il;he.moduleName=kt;he.folderName=It;he.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var kp=require("react/jsx-runtime"),qi="k-separator",Np={orientation:"horizontal"},So=e=>{let{orientation:t=Np.orientation,...o}=e;return(0,kp.jsx)("li",{...o,className:a(e.className,"k-item",qi,{[`${qi}-${t}`]:t}),role:"separator"})};So.className=qi;So.defaultOptions=Np;So.moduleName=kt;So.folderName=It;var vp=require("react/jsx-runtime");var wp=require("react/jsx-runtime"),Yi="k-menu-group",ng=[],sg={size:[s.undefined,s.small,s.medium,s.large]},dg={},ye=e=>{let{children:t,size:o,...r}=e;return(0,wp.jsx)("ul",{...r,className:a(e.className,Yi,M(Yi,{size:o})),role:"menu",children:t})};ye.states=ng;ye.options=sg;ye.className=Yi;ye.defaultOptions=dg;ye.moduleName=kt;ye.folderName=It;var _t=require("react/jsx-runtime"),Qi=e=>(0,_t.jsx)(he,{children:(0,_t.jsxs)(_t.Fragment,{children:[(0,_t.jsx)(Xe,{first:!0,text:"Item 1"}),(0,_t.jsx)(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,_t.jsx)(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,_t.jsx)(Xe,{text:"Item 4"}),(0,_t.jsx)(Xe,{last:!0,text:"Item 5"})]}),...e});var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var en=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),cg=he.options,pg=he.states,Cp={...he.defaultOptions,variant:"horizontal"},mg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ug=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ia=e=>{let{variant:t,modifiers:o,...r}={...Cp,...e},l={};return Object.keys(o\|\|{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!(o!=null&&o[n]);break;case"opened":l.opened=!!(o!=null&&o[n]),l.popup=(0,Vt.jsx)(te,{className:"k-menu-popup",children:(0,Vt.jsxs)(ye,{children:[(0,Vt.jsx)($,{text:"Item 1"}),(0,Vt.jsx)($,{text:"Item 2"}),(0,Vt.jsx)(So,{}),(0,Vt.jsx)($,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Vt.jsx)(Qi,{...r,...l,orientation:"vertical",style:{width:"200px"}}):(0,Vt.jsx)(Qi,{...r,...l})};Ia.options=cg;Ia.states=pg;Ia.variants=mg;Ia.defaultOptions=Cp;Ia.modifiers=ug;Ia.className=he.className;var on=require("react/jsx-runtime");var bg=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),fg=c.states,Lp={...c.defaultOptions,variant:"text"},Tg=c.options,hg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gg=[{name:"opened",title:"Opened"}],Ea=e=>{let{variant:t,modifiers:o,...r}={...Lp,...e},l={},n=(0,Je.jsx)(te,{className:"k-menu-popup",children:(0,Je.jsxs)(ye,{size:r.size,children:[(0,Je.jsx)($,{first:!0,text:"Menu Item"}),(0,Je.jsx)($,{text:"Menu Item"}),(0,Je.jsx)($,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,Je.jsx)("div",{children:(0,Je.jsx)(ne,{...r,...l,icon:"star"})});break;case"icon-and-text":d=(0,Je.jsx)("div",{children:(0,Je.jsx)(ne,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,Je.jsx)("div",{children:(0,Je.jsx)(ne,{...r,...l,children:"Dropdown Button"})});break}return(0,Je.jsxs)(Je.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};Ea.options=Tg;Ea.states=fg;Ea.variants=hg;Ea.defaultOptions=Lp;Ea.modifiers=gg;Ea.className=ne.className;var an="split-button",Mp=an;var lo=require("react/jsx-runtime"),rn="k-split-button",xg=[i.hover,i.focus,i.active,i.selected,i.disabled],Ng={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]},yp={arrowIconName:"caret-alt-down"},J=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,icon:v,text:w,arrowIconName:b=yp.arrowIconName,popup:C,opened:L,popupId:P,..._}=e;return(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsxs)("div",{..._,className:a(e.className,rn,"k-button-group",M(rn,{rounded:o})),children:[(0,lo.jsx)(c,{text:w,icon:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:d,active:u,selected:f,disabled:x,...!w&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),(0,lo.jsx)(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?P:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),L&&C&&(0,lo.jsx)(te,{className:"k-menu-popup",children:C})]})};J.states=xg;J.options=Ng;J.className=rn;J.defaultOptions=yp;J.moduleName=an;J.folderName=Mp;J.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 ln=J;var Sp=require("react/jsx-runtime"),kg="k-toolbar-separator",Kt=e=>(0,Sp.jsx)("div",{className:a(kg,e.className,"k-separator")});var io="toolbar",Ao=io;var D=require("react/jsx-runtime"),no="k-toolbar",vg=[i.focus],wg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Cg={scrollButtons:"around"},me=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:u,section:f,...x}=e,v=[],w=(b,C)=>{let L=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))L.push((0,D.jsx)(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===c)L.push((0,D.jsx)(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===er)L.push((0,D.jsx)(er,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===xo)L.push((0,D.jsx)(xo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===ne)L.push((0,D.jsx)(ne,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===ln)L.push((0,D.jsx)(ln,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`));else if(b.type===z\|\|b.props.className&&b.props.className.includes("k-button-group")){let P=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((H,V)=>{P.push((0,D.jsx)(c,{...H.props,className:`${H.props.className?H.props.className:""}`},`${V}-${new Date().getTime()}`))}),L.push((0,D.jsx)(z,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:P},`${C}-${new Date().getTime()}`))}else b.type===We?L.push((0,D.jsx)(We,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`)):b.type===ie?L.push((0,D.jsx)(ie,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`)):b.type===xt?L.push((0,D.jsx)(xt,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${C}-${new Date().getTime()}`)):L.push(b);L.forEach(P=>{v.push(P)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((C,L)=>{w(C,L)}),(0,D.jsxs)("div",{...x,className:a(e.className,no,M(no,{size:t,fillMode:o}),S(no,{focus:r}),{[`${no}-resizable`]:l,[`${no}-scrollable`]:n,[`${no}-scrollable-overlay`]:n&&d==="hidden",[`${no}-scrollable-${u}`]:u&&u!=="both",[`${no}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!n&&v,n&&d==="hidden"&&(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),n&&d==="start"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(z,{children:[(0,D.jsx)("span",{className:a("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:a("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),n&&d==="end"&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsxs)(z,{children:[(0,D.jsx)("span",{className:a("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)("span",{className:a("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(d==="around"\|\|!d)&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:a("k-toolbar-prev","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,D.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,D.jsx)("span",{className:a("k-toolbar-next","k-button",M("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,D.jsx)(T,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=vg;me.options=wg;me.className=no;me.defaultOptions=Cg;me.moduleName=io;me.folderName=Ao;me.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."}]};var Ip=require("react/jsx-runtime"),Ap="k-floating-toolbar",Lg=[],Mg={},yg={},Ra=e=>{let{...t}=e;return(0,Ip.jsx)("div",{...t,className:a(e.className,Ap),children:e.children})};Ra.states=Lg;Ra.options=Mg;Ra.className=Ap;Ra.defaultOptions=yg;Ra.moduleName=io;Ra.folderName=Ao;var Ep=require("react/jsx-runtime"),nn="k-toolbar-item",Sg=[i.focus],Ag={},Ig={},Oa=e=>{let{focus:t,...o}=e;return(0,Ep.jsx)("div",{...o,className:a(e.className,nn,S(nn,{focus:t})),children:e.children})};Oa.states=Sg;Oa.options=Ag;Oa.className=nn;Oa.defaultOptions=Ig;Oa.moduleName=io;Oa.folderName=Ao;var sn=require("react/jsx-runtime"),Rp="k-toolbar-popup",Eg=[],Rg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Og={},$o=e=>{let{size:t,fillMode:o,section:r,...l}=e;return(0,sn.jsx)(te,{...l,className:a(e.className,Rp),children:r?(0,sn.jsx)("span",{className:a("k-toolbar-items-list",M("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};$o.states=Eg;$o.options=Rg;$o.className=Rp;$o.defaultOptions=Og;$o.moduleName=io;$o.folderName=Ao;var nl=$o;var Pg=require("react/jsx-runtime");var Gg=require("react/jsx-runtime");var Hg=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var _g=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),Kg=J.states,Pp={...J.defaultOptions,variant:"text"},Dg=J.options,Bg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zg=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...r}={...Pp,...e},l={},n=(0,Et.jsxs)(ye,{size:r.size,children:[(0,Et.jsx)($,{first:!0,text:"Menu Item"}),(0,Et.jsx)($,{text:"Menu Item"}),(0,Et.jsx)($,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?n:"")}),t){case"icon-only":return(0,Et.jsx)("div",{children:(0,Et.jsx)(J,{...r,...l,icon:"star"})});case"icon-and-text":return(0,Et.jsx)("div",{children:(0,Et.jsx)(J,{...r,...l,icon:"star",children:"Split Button"})});default:return(0,Et.jsx)("div",{children:(0,Et.jsx)(J,{...r,...l,children:"Split Button"})})}};Pa.options=Dg;Pa.states=Kg;Pa.variants=Bg;Pa.defaultOptions=Pp;Pa.modifiers=zg;Pa.className=J.className;var Wt=require("react/jsx-runtime"),Gp=e=>(0,Wt.jsx)(me,{children:[(0,Wt.jsx)(c,{children:"Button"},"toolbar-button"),(0,Wt.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Wt.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,Wt.jsxs)(z,{children:[(0,Wt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Wt.jsx)(c,{icon:"align-center",children:"Center"}),(0,Wt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Hp=require("react/jsx-runtime");var Ke=require("react/jsx-runtime"),_p=e=>(0,Ke.jsx)(me,{scrollable:!0,...e,children:[(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(z,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ke.jsx)(c,{children:"Button"},"toolbar-button"),(0,Ke.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,Ke.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,Ke.jsxs)(z,{children:[(0,Ke.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ke.jsx)(c,{icon:"align-center",children:"Center"}),(0,Ke.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var De=require("react/jsx-runtime"),Kp=({scrollingPosition:e="start",...t})=>(0,De.jsx)(me,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(z,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ne,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(J,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(z,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var ge=require("react/jsx-runtime"),Dp=({fillMode:e,size:t,...o})=>(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(me,{section:!0,fillMode:e,size:t,children:[(0,ge.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsxs)(z,{fillMode:e,children:[(0,ge.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,ge.jsx)(Kt,{className:"k-toolbar-button-separator"}),(0,ge.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,ge.jsxs)(nl,{size:t,fillMode:e,section:!0,...o,children:[(0,ge.jsx)(J,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,ge.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,ge.jsx)(Kt,{}),(0,ge.jsx)(ne,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,ge.jsxs)(z,{fillMode:e,children:[(0,ge.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,ge.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,ge.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var so=require("react/jsx-runtime"),Ug=me.options,Fg=me.states,Bp={...me.defaultOptions,variant:"default"},$g=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Vg=[],Ga=e=>{let{variant:t,...o}={...Bp,...e};switch(t){case"responsive":return(0,so.jsx)("div",{children:(0,so.jsx)(Dp,{style:{width:"583px"},...o})});case"overlay":return(0,so.jsx)("div",{children:(0,so.jsx)(Kp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,so.jsx)("div",{children:(0,so.jsx)(_p,{style:{width:"583px"},...o})});default:return(0,so.jsx)("div",{children:(0,so.jsx)(Gp,{style:{width:"583px"},...o})})}};Ga.options=Ug;Ga.states=Fg;Ga.variants=$g;Ga.defaultOptions=Bp;Ga.modifiers=Vg;Ga.className=me.className;var Up=require("react/jsx-runtime"),zp="k-grid-toolbar",Vo=e=>(0,Up.jsx)(me,{...e,className:a(e.className,zp),children:e.children});Vo.className=zp;Vo.moduleName=X;Vo.folderName=q;var Ha=require("react/jsx-runtime"),pn="k-grid-stack-cell",Wg=[i.focus,i.selected],sl=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:d,selected:u,...f}=e;return(0,Ha.jsxs)("div",{...f,className:a(e.className,pn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},S(pn,{focus:d,selected:u})),children:[n&&(0,Ha.jsx)("span",{className:"k-dirty"}),t&&(0,Ha.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Ha.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};sl.states=Wg;sl.className=pn;sl.moduleName=X;sl.folderName=q;var $p=require("react/jsx-runtime"),Fp="k-grid-stack-row",dl=e=>{let{cols:t,...o}=e;return(0,$p.jsx)("div",{...o,className:a(e.className,Fp,{[`k-grid-cols-${t}`]:t}),children:e.children})};dl.className=Fp;dl.moduleName=X;dl.folderName=q;var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var ot="column-menu",ct=ot;var Wp=require("react/jsx-runtime"),bn="k-column-menu",Xg=[],Jg={size:[s.undefined,s.small,s.medium,s.large]},Vp={view:"list"},co=e=>{let{view:t=Vp.view,size:o,...r}=e;return(0,Wp.jsx)("div",{...r,className:a(e.className,bn,M(bn,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};co.states=Xg;co.options=Jg;co.className=bn;co.defaultOptions=Vp;co.moduleName=ot;co.folderName=ct;co.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var Tn=require("react/jsx-runtime"),fn="k-column-list",qg=[],Yg={size:[s.undefined,s.small,s.medium,s.large]},Qg={},Wo=e=>{let{size:t,...o}=e;return(0,Tn.jsx)("div",{className:"k-column-list-wrapper",children:(0,Tn.jsx)("div",{...o,className:a(e.className,fn,M(fn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};Wo.states=qg;Wo.options=Yg;Wo.className=fn;Wo.defaultOptions=Qg;Wo.moduleName=ot;Wo.folderName=ct;var hr=require("react/jsx-runtime"),hn="k-column-list-item",Zg=[i.focus,i.disabled,i.hover],jg={},ex={},gr=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...d}=e;return(0,hr.jsxs)("span",{...d,className:a(e.className,hn,S(hn,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,hr.jsx)(Ee,{disabled:n,checked:o,"aria-label":t}),(0,hr.jsx)("span",{className:"k-checkbox-label",children:t})]})};gr.states=Zg;gr.options=jg;gr.className=hn;gr.defaultOptions=ex;var Xo=require("react/jsx-runtime"),gn="k-columnmenu-item",tx=[i.focus,i.selected],ox={},ax={},po=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:d,...u}=e;return(0,Xo.jsxs)("div",{...u,className:a(e.className,gn,S(gn,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Xo.jsx)(T,{icon:l}),r,n&&(0,Xo.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Xo.jsx)(T,{icon:n}),d&&(0,Xo.jsx)("span",{className:"k-sort-index",children:d})]}),e.children]})};po.states=tx;po.options=ox;po.className=gn;po.defaultOptions=ax;po.moduleName=ot;po.folderName=ct;var rx=require("react/jsx-runtime");var Jp=require("react/jsx-runtime"),lx="k-columnmenu-item-content",Xp=e=>(0,Jp.jsx)("div",{...e,className:a(e.className,lx,"k-columns-item"),children:e.children});var xn=require("react/jsx-runtime"),qp="k-filter-menu",ix=[],nx={},sx={},Io=e=>{let{...t}=e;return(0,xn.jsx)("form",{...t,className:a(e.className,qp),children:(0,xn.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Io.states=ix;Io.options=nx;Io.className=qp;Io.defaultOptions=sx;Io.moduleName=ot;Io.folderName=ct;var dx=require("react/jsx-runtime");var _a=require("react/jsx-runtime"),cx="k-item",px={size:[s.undefined,s.small,s.medium,s.large]},mx=[],Nn=e=>{let{text:t,size:o,...r}=e;return(0,_a.jsx)("li",{...r,className:a(e.className,cx),children:(0,_a.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,_a.jsx)(Ee,{size:o}),(0,_a.jsx)("span",{children:t})]})})};Nn.states=mx;Nn.options=px;var Xt=require("react/jsx-runtime"),Yp="k-expander",ux=[],bx={},fx={},Jo=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:u,contentId:f,...x}=e,v=f\|\|B("columnmenu-content"),w=!n&&!u?(0,Xt.jsx)(T,{icon:"chevron-down"}):n&&!u?(0,Xt.jsx)(T,{icon:"chevron-up"}):(0,Xt.jsx)(T,{icon:u});return(0,Xt.jsxs)("div",{...x,className:a(e.className,Yp),children:[(0,Xt.jsxs)(po,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":v,children:[(0,Xt.jsx)("span",{className:"k-spacer"}),(0,Xt.jsx)("span",{className:"k-expander-indicator",children:w})]}),n&&(0,Xt.jsx)(Xp,{id:v,children:d}),e.children]})};Jo.states=ux;Jo.options=bx;Jo.className=Yp;Jo.defaultOptions=fx;Jo.moduleName=ot;Jo.folderName=ct;var Qp=require("react/jsx-runtime"),kn="k-group-menu",Tx=[],hx={size:[s.undefined,s.small,s.medium,s.large]},gx={},Ka=e=>{let{size:t,...o}=e;return(0,Qp.jsx)("div",{...o,className:a(e.className,kn,M(kn,{size:t})),children:e.children})};Ka.states=Tx;Ka.options=hx;Ka.className=kn;Ka.defaultOptions=gx;Ka.moduleName=ot;Ka.folderName=ct;var Jt=require("react/jsx-runtime"),vn="k-group-menu-item",xx=[i.hover,i.selected],Nx={},kx={},Da=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...d}=e;return(0,Jt.jsxs)("div",{...d,className:a(e.className,vn,S(vn,{hover:t,selected:o})),children:[l&&(0,Jt.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,Jt.jsx)("span",{className:"k-group-item-text",children:r}),n&&(0,Jt.jsxs)(Jt.Fragment,{children:[(0,Jt.jsx)("span",{className:"k-spacer"}),(0,Jt.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Da.states=xx;Da.options=Nx;Da.className=vn;Da.defaultOptions=kx;Da.moduleName=ot;Da.folderName=ct;var Eo=require("react/jsx-runtime"),wn="k-group-menu-item-action",vx=[i.hover,i.disabled,i.selected],wx={size:[s.undefined,s.small,s.medium,s.large]};var Cn=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...d}=e,u;switch(n){case"remove":u=(0,Eo.jsx)(T,{icon:"x-circle",size:l});break;case"add":u=(0,Eo.jsx)(T,{icon:"plus-circle",size:l});break;case"drag":u=(0,Eo.jsx)(T,{icon:"handle-drag-dots",size:l});break;case"up":u=(0,Eo.jsx)(T,{icon:"chevron-up",size:l});break;case"down":u=(0,Eo.jsx)(T,{icon:"chevron-down",size:l});break;default:u=(0,Eo.jsx)(T,{icon:n,size:l});break}return(0,Eo.jsx)("span",{...d,className:a(e.className,wn,S(wn,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:u})};Cn.options=vx;Cn.options=wx;Cn.className=wn;var Cx=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var em=require("react/jsx-runtime"),Zp="k-tabstrip-items",Lx=[],Mx={},yx={tabAlignment:"start"},xr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return(0,em.jsx)("ul",{...l,className:a(e.className,Zp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};xr.states=Lx;xr.options=Mx;xr.className=Zp;xr.defaultOptions=yx;var jp=xr;var rm=require("react/jsx-runtime"),tm="k-tabstrip-items-wrapper",Sx=[],Ax={},om={orientation:"horizontal"},Nr=e=>{let{children:t,orientation:o=om.orientation,...r}=e;return(0,rm.jsx)("div",{...r,className:a(e.className,tm,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Nr.states=Sx;Nr.options=Ax;Nr.className=tm;Nr.defaultOptions=om;var am=Nr;var kr="tabstrip",cl=kr;var at=require("react/jsx-runtime"),Ro="k-tabstrip",Ix=[],Ex={size:[s.undefined,s.small,s.medium,s.large]},pl={position:"top",tabAlignment:"start",scrollButtons:"around"},Be=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:d=pl.position,tabAlignment:u=pl.tabAlignment,scrollButtons:f=pl.scrollButtons,dir:x,scrollingPosition:v,overflow:w,...b}=e,C={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"}},L={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},P={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,at.jsxs)("div",{dir:x,...b,className:a(Ro,e.className,{[`${Ro}-${d}`]:d,[`${Ro}-scrollable`]:o,[`${Ro}-scrollable-overlay`]:o&&(f==="hidden"\|\|!f),[`${Ro}-scrollable-${v}`]:v&&v!=="both",[`${Ro}-overflow`]:w},M(Ro,{size:t})),children:[d==="bottom"&&r,(0,at.jsxs)(am,{orientation:L[d],children:[o&&(f==="around"\|\|f==="start")&&(0,at.jsx)("span",{className:a("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].prev}`})}),o&&f==="start"&&(0,at.jsx)("span",{className:a("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].next}`})}),(0,at.jsx)(jp,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:P[u],orientation:L[d],...n&&{id:n},children:l}),o&&f==="end"&&(0,at.jsx)("span",{className:a("k-tabstrip-prev","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].prev}`})}),o&&(f==="around"\|\|f==="end")&&(0,at.jsx)("span",{className:a("k-tabstrip-next","k-button",M("k-button",{size:t,fillMode:N.flat,rounded:h.none}),"k-icon-button"),"aria-hidden":"true",children:(0,at.jsx)(T,{className:"k-button-icon",icon:`caret-alt-${C[d].next}`})}),w&&(0,at.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,at.jsx)(ne,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&r]})};Be.states=Ix;Be.options=Ex;Be.className=Ro;Be.defaultOptions=pl;Be.moduleName=kr;Be.folderName=cl;Be.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var im=require("react/jsx-runtime"),lm="k-tabstrip-wrapper",Rx=[],Ox={},Px={},Ba=e=>{let{...t}=e;return(0,im.jsx)("div",{...t,className:a(e.className,lm),children:e.children})};Ba.states=Rx;Ba.options=Ox;Ba.className=lm;Ba.defaultOptions=Px;Ba.moduleName=kr;Ba.folderName=cl;var mo=require("react/jsx-runtime"),Mn="k-tabstrip-item",Gx=[i.active,i.hover,i.disabled,i.focus],Hx={},nm={iconPosition:"before"},pt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:d,first:u,last:f,closable:x,icon:v,iconPosition:w=nm.iconPosition,value:b,actions:C,...L}=e;return(0,mo.jsxs)("li",{...L,className:a(e.className,Mn,S(Mn,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":u,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,mo.jsxs)("span",{className:"k-link",children:[v&&w==="before"&&(0,mo.jsx)(T,{icon:v}),b&&(0,mo.jsx)("span",{className:"k-link-text",children:b}),v&&w==="after"&&(0,mo.jsx)(T,{icon:v})]}),(C\|\|x)&&(0,mo.jsxs)("span",{className:"k-item-actions",children:[C,x&&(0,mo.jsx)(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};pt.states=Gx;pt.options=Hx;pt.className=Mn;pt.item=nm;var sm=require("react/jsx-runtime"),yn="k-tabstrip-content",_x=[i.active,i.focus],Kx={},Dx={},qt=e=>{let{active:t,focus:o,children:r,...l}=e;return(0,sm.jsx)("div",{...l,className:a(e.className,yn,S(yn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};qt.states=_x;qt.options=Kx;qt.className=yn;qt.defaultOptions=Dx;var vt=require("react/jsx-runtime"),Dt=({children:e,...t})=>(0,vt.jsx)(Be,{tabStripItems:(0,vt.jsxs)(vt.Fragment,{children:[(0,vt.jsx)(pt,{first:!0,value:"First"}),(0,vt.jsx)(pt,{active:!0,value:"Second"}),(0,vt.jsx)(pt,{value:"Third"}),(0,vt.jsx)(pt,{value:"Fourth"}),(0,vt.jsx)(pt,{last:!0,value:"Fifth"})]}),...t,children:e\|\|(0,vt.jsx)(qt,{active:!0,children:(0,vt.jsx)("div",{children:"TabStrip Content"})})});var cm=require("react/jsx-runtime"),dm=e=>(0,cm.jsx)(Dt,{position:"bottom",...e});var mm=require("react/jsx-runtime"),pm=e=>(0,mm.jsx)(Dt,{position:"right",...e});var bm=require("react/jsx-runtime"),um=e=>(0,bm.jsx)(Dt,{position:"left",...e});var Bx=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var zx=require("react/jsx-runtime");var An=require("react/jsx-runtime");var In=require("react/jsx-runtime");var vr=require("react/jsx-runtime"),Ux={...Be.options,scrollable:{type:"boolean"}},Fx=Be.states,fm={...Be.defaultOptions,scrollable:!1,variant:"up"},$x=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Vx=[],za=e=>{let{variant:t,...o}={...fm,...e},r={};switch(t){case"right":return(0,vr.jsx)(pm,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,vr.jsx)(um,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,vr.jsx)(dm,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,vr.jsx)(Dt,{style:{width:"350px"},...o,...r})}};za.options=Ux;za.states=Fx;za.variants=$x;za.defaultOptions=fm;za.modifiers=Vx;za.className=Be.className;var En=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Tm=({contentClassName:e,...t})=>(0,k.jsx)(U,{_renderAriaRoot:!0,pager:(0,k.jsx)(St,{refresh:!1}),children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(ae,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)(le,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(Z,{role:"rowgroup",children:[(0,k.jsxs)(A,{role:"row",children:[(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,k.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,k.jsxs)(A,{className:"k-filter-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell","aria-label":"Product Id filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(W,{"aria-label":"Product Id filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Name filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ce,{"aria-label":"Name filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Quantity filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ce,{"aria-label":"Quantity filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Unit Price filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(W,{"aria-label":"Unit Price filter"}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ie,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,k.jsx)(p,{role:"gridcell","aria-label":"Discontinued filter",children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ie,{"aria-label":"Discontinued filter"}),(0,k.jsx)("div",{className:"k-filtercell-operator",children:(0,k.jsx)(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,k.jsx)(j,{children:(0,k.jsx)(ee,{className:e,children:(0,k.jsxs)(Q,{role:"none",children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{style:{width:"225px"}}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(re,{role:"rowgroup",children:[(0,k.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell",children:"1"}),(0,k.jsx)(p,{role:"gridcell",children:"Chai"}),(0,k.jsx)(p,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,k.jsx)(p,{role:"gridcell",children:"18"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(p,{role:"gridcell",children:"2"}),(0,k.jsx)(p,{role:"gridcell",children:"Chang"}),(0,k.jsx)(p,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,k.jsx)(p,{role:"gridcell",children:"19"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell",children:"3"}),(0,k.jsx)(p,{role:"gridcell",children:"Aniseed Syrup"}),(0,k.jsx)(p,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,k.jsx)(p,{role:"gridcell",children:"10"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,k.jsx)(p,{role:"gridcell",children:"4"}),(0,k.jsx)(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,k.jsx)(p,{role:"gridcell",children:"48 - 6 oz jars"}),(0,k.jsx)(p,{role:"gridcell",children:"22"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]}),(0,k.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,k.jsx)(p,{role:"gridcell",children:"5"}),(0,k.jsx)(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,k.jsx)(p,{role:"gridcell",children:"12 - 8 oz jars"}),(0,k.jsx)(p,{role:"gridcell",children:"25"}),(0,k.jsx)(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var wr=require("react/jsx-runtime"),Wx="k-chip-action";var Ce=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=(0,wr.jsx)(T,{icon:"x-circle",size:"small"});break;case"more":r=(0,wr.jsx)(T,{icon:"more-vertical",size:"small"});break;default:return(0,wr.jsx)(T,{icon:t,size:"small"})}return(0,wr.jsx)("span",{...o,className:a(e.className,Wx,`k-chip-${t}-action`),children:r})};var _n="avatar",hm=_n;var Dn=require("react/jsx-runtime"),Cr="k-avatar";var Xx=[i.hover,i.focus,i.active,i.selected,i.disabled],Jx={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]},Kn={type:"text",border:!1},rt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=Kn.type,border:d=Kn.border,...u}=e;return(0,Dn.jsx)("div",{...u,className:a(e.className,Cr,M(Cr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${Cr}-bordered`]:d}),children:(0,Dn.jsx)("span",{className:`${Cr}-${n}`,children:e.children})})};rt.states=Xx;rt.options=Jx;rt.className=Cr;rt.defaultOptions=Kn;rt.moduleName=_n;rt.folderName=hm;rt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var qo=rt;var xm=require("react/jsx-runtime"),gm=e=>(0,xm.jsx)(qo,{type:"icon",...e});var km=require("react/jsx-runtime"),Nm=e=>(0,km.jsx)(qo,{type:"text",...e});var wm=require("react/jsx-runtime"),vm=e=>(0,wm.jsx)(qo,{type:"image",...e});var qx=require("react/jsx-runtime");var Ua=require("react/jsx-runtime"),Yx=rt.options,Qx=rt.states,Zx={...rt.defaultOptions,variant:"image"},jx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],eN=[],Fa=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Ua.jsx)(gm,{...o,children:(0,Ua.jsx)(T,{icon:"star"})});case"text":return(0,Ua.jsx)(Nm,{...o,children:"JO"});default:return(0,Ua.jsx)(vm,{...o,children:(0,Ua.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Fa.options=Yx;Fa.states=Qx;Fa.variants=jx;Fa.defaultOptions=Zx;Fa.modifiers=eN;Fa.className=rt.className;var Lr="chip",ml=Lr;var uo=require("react/jsx-runtime"),ul="k-chip",tN=[i.hover,i.focus,i.active,i.selected,i.disabled],oN={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]},Cm={avatarImage:"/packages/html/assets/avatar.jpg"},xe=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:d,actions:u,showAvatar:f,avatarImage:x=Cm.avatarImage,hover:v,focus:w,active:b,selected:C,disabled:L,...P}=e;return(0,uo.jsxs)("div",{...P,className:a(e.className,ul,M(ul,{size:t,rounded:o,fillMode:r,themeColor:l}),S(ul,{hover:v,focus:w,active:b,disabled:L,selected:C})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:C?"true":"false",...e.role==="option"&&C!==void 0&&{"aria-selected":C?"true":"false"},"aria-disabled":L?"true":void 0,children:[d&&(0,uo.jsx)(T,{className:"k-chip-icon",icon:d,size:"small"}),f&&(0,uo.jsx)(rt,{className:"k-chip-avatar",type:"image",children:(0,uo.jsx)("img",{src:x,alt:""})}),(0,uo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,uo.jsx)("span",{className:"k-chip-label",children:n})}),u&&(0,uo.jsx)("span",{className:"k-chip-actions",children:u})]})};xe.states=tN;xe.options=oN;xe.className=ul;xe.defaultOptions=Cm;xe.moduleName=Lr;xe.folderName=ml;xe.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 Rt=xe;var Lm=require("react/jsx-runtime"),Bn="k-chip-list",aN=[],rN={size:[s.undefined,s.small,s.medium,s.large]},lN={},Ne=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return(0,Lm.jsx)("div",{...l,className:a(e.className,Bn,M(Bn,{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})};Ne.states=aN;Ne.options=rN;Ne.className=Bn;Ne.defaultOptions=lN;Ne.moduleName=Lr;Ne.folderName=ml;Ne.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."}]};var iN=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var Mm=require("react/jsx-runtime"),bl=e=>(0,Mm.jsx)(Rt,{text:"text",...e});var sN=require("react/jsx-runtime");var dN=require("react/jsx-runtime");var zn=require("react/jsx-runtime");var ym=require("react/jsx-runtime");var Sm=require("react/jsx-runtime");var Am=require("react/jsx-runtime");var bo=require("react/jsx-runtime"),cN={...Rt.options,...Ne.options},pN=[],mN=Ne.states,uN={...Rt.defaultOptions,...Ne.defaultOptions},bN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],$a=e=>{let{modifiers:t,className:o,...r}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,d=t==null?void 0:t.avatar;return(0,bo.jsxs)(Ne,{size:r.size,className:o,children:[(0,bo.jsx)(bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,bo.jsx)(Ce,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,bo.jsx)(bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,bo.jsx)(Ce,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),(0,bo.jsx)(bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,bo.jsx)(Ce,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};$a.options=cN;$a.states=mN;$a.variants=pN;$a.defaultOptions=uN;$a.modifiers=bN;$a.className=Ne.className;var fl=require("react/jsx-runtime"),fN=xe.states,TN=xe.defaultOptions,hN=xe.options,gN=[],xN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Va=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":r.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!(t!=null&&t[l]),r.avatarImage=t!=null&&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!=null&&t[l]?(0,fl.jsx)(Ce,{type:"more"}):void 0;break;case"remove-icon":r.actions\|\|(r.actions=[]),r.actions[1]=t!=null&&t[l]?(0,fl.jsx)(Ce,{type:"remove"}):void 0;break;default:break}}),(0,fl.jsx)(xe,{...o,...r,children:"Chip component"})};Va.options=hN;Va.states=fN;Va.variants=gN;Va.defaultOptions=TN;Va.modifiers=xN;Va.className=xe.className;var I=require("react/jsx-runtime"),Im=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(U,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(Bt,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,I.jsxs)(Ne,{role:"none",children:[(0,I.jsx)(xe,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Ce,{type:"more"}),(0,I.jsx)(Ce,{type:"remove"})]})}),(0,I.jsx)(xe,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Ce,{type:"more"}),(0,I.jsx)(Ce,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(ae,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(le,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(Z,{role:"rowgroup",children:(0,I.jsxs)(A,{role:"row",children:[(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,I.jsx)(R,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,I.jsx)(R,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,I.jsx)(j,{children:(0,I.jsx)(ee,{className:t,children:(0,I.jsxs)(Q,{role:"none",children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(re,{role:"rowgroup",children:[(0,I.jsx)(A,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(T,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,I.jsx)(A,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,I.jsx)(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(T,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,I.jsxs)(A,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,I.jsx)(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(T,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,I.jsx)(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"2"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"Chang"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"$19.00"}),(0,I.jsx)(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Em=({headerWrapClassName:e,contentClassName:t,...o})=>(0,O.jsx)(U,{_renderAriaRoot:!0,children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(ae,{children:(0,O.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,O.jsxs)(le,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(Z,{role:"rowgroup",children:[(0,O.jsxs)(A,{role:"row",children:[(0,O.jsx)(R,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,O.jsx)(R,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,O.jsxs)(A,{role:"row",children:[(0,O.jsx)(R,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,O.jsx)(R,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,O.jsxs)(A,{role:"row",children:[(0,O.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,O.jsx)(R,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,O.jsx)(j,{children:(0,O.jsx)(ee,{className:t,children:(0,O.jsxs)(Q,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(re,{role:"rowgroup",children:[(0,O.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"1"}),(0,O.jsx)(p,{role:"gridcell",children:"Chai"}),(0,O.jsx)(p,{role:"gridcell",children:"39"}),(0,O.jsx)(p,{role:"gridcell",children:"18"})]}),(0,O.jsxs)(A,{className:"k-master-row",alt:!0,role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"2"}),(0,O.jsx)(p,{role:"gridcell",children:"Chang"}),(0,O.jsx)(p,{role:"gridcell",children:"17"}),(0,O.jsx)(p,{role:"gridcell",children:"19"})]}),(0,O.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"3"}),(0,O.jsx)(p,{role:"gridcell",children:"Aniseed Syrup"}),(0,O.jsx)(p,{role:"gridcell",children:"13"}),(0,O.jsx)(p,{role:"gridcell",children:"10"})]}),(0,O.jsxs)(A,{className:"k-master-row",alt:!0,role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"4"}),(0,O.jsx)(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,O.jsx)(p,{role:"gridcell",children:"53"}),(0,O.jsx)(p,{role:"gridcell",children:"22"})]}),(0,O.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,O.jsx)(p,{role:"gridcell",children:"5"}),(0,O.jsx)(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,O.jsx)(p,{role:"gridcell",children:"0"}),(0,O.jsx)(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var Vn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var G=require("react/jsx-runtime"),Rm=e=>{let t=B("grid");return(0,G.jsx)(U,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,G.jsxs)(Vo,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,G.jsx)(c,{children:"Add new"}),(0,G.jsx)(c,{children:"Save Changes"}),(0,G.jsx)(c,{children:"Cancel Changes"})]}),children:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(ae,{children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)(le,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{style:{width:"300px"}})]}),(0,G.jsx)(Z,{role:"rowgroup",children:(0,G.jsxs)(A,{role:"row",children:[(0,G.jsx)(R,{columnTitle:"Name",role:"columnheader"}),(0,G.jsx)(R,{columnTitle:"Price",role:"columnheader"}),(0,G.jsx)(R,{columnTitle:"Available",role:"columnheader"}),(0,G.jsx)(R,{accessibleLabel:"Commands"})]})})]})})}),(0,G.jsx)(j,{children:(0,G.jsx)(ee,{children:(0,G.jsx)("div",{children:(0,G.jsxs)(Q,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{style:{width:"300px"}})]}),(0,G.jsxs)(re,{role:"rowgroup",children:[(0,G.jsxs)(A,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,G.jsx)(p,{role:"gridcell",children:(0,G.jsx)(ce,{value:"Towel","aria-label":"Name"})}),(0,G.jsx)(p,{role:"gridcell",children:(0,G.jsx)(W,{value:"42","aria-label":"Price"})}),(0,G.jsx)(p,{role:"gridcell",children:(0,G.jsx)(Ee,{"aria-label":"Available"})}),(0,G.jsxs)(p,{className:"k-command-cell",role:"gridcell",children:[(0,G.jsx)(c,{children:"Add"}),(0,G.jsx)(c,{children:"Cancel"})]})]}),(0,G.jsxs)(A,{className:"k-master-row",role:"row",children:[(0,G.jsx)(p,{role:"gridcell",children:"Chai"}),(0,G.jsx)(p,{role:"gridcell",children:"18"}),(0,G.jsx)(p,{role:"gridcell",children:"false"}),(0,G.jsx)(p,{className:"k-command-cell",role:"gridcell",children:(0,G.jsx)(c,{children:"Remove"})})]}),(0,G.jsxs)(A,{className:"k-master-row",role:"row",alt:!0,children:[(0,G.jsx)(p,{role:"gridcell",children:"Chang"}),(0,G.jsx)(p,{role:"gridcell",children:"19"}),(0,G.jsx)(p,{role:"gridcell",children:"false"}),(0,G.jsx)(p,{className:"k-command-cell",role:"gridcell",children:(0,G.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e})};var Xn=require("react/jsx-runtime");var Jn="context-menu",Om=Jn;var Gm=require("react/jsx-runtime"),Pm="k-context-menu",NN=[],kN={},vN={},lt=e=>{let{children:t,...o}=e;return(0,Gm.jsx)(ye,{...o,className:a(e.className,Pm),role:"menu",children:t})};lt.states=NN;lt.options=kN;lt.className=Pm;lt.defaultOptions=vN;lt.moduleName=Jn;lt.folderName=Om;lt.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."}]};var Mr=require("react/jsx-runtime"),qn=e=>(0,Mr.jsx)(lt,{children:[(0,Mr.jsx)($,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Mr.jsx)($,{text:"Item 2"},"menu-item-2"),(0,Mr.jsx)($,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Yn=require("react/jsx-runtime");var Oo=require("react/jsx-runtime"),wN=he.options,CN=he.states,Hm={...he.defaultOptions,variant:"normal"},LN=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],MN=[],Wa=e=>{let{variant:t,...o}={...Hm,...e};return t==="separators"?(0,Oo.jsxs)(qn,{...o,style:{width:"130px"},children:[(0,Oo.jsx)($,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Oo.jsx)(So,{}),(0,Oo.jsx)($,{text:"Item 2"},"menu-item-2"),(0,Oo.jsx)($,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,Oo.jsx)(qn,{...o,style:{width:"130px"}})};Wa.options=wN;Wa.states=CN;Wa.variants=LN;Wa.defaultOptions=Hm;Wa.modifiers=MN;Wa.className=lt.className;var Qn=require("react/jsx-runtime");var Zn=require("react/jsx-runtime");var jn=require("react/jsx-runtime");var m=require("react/jsx-runtime"),yN=U.options,SN=U.states,_m={...U.defaultOptions,variant:"normal"},AN=[{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"}],IN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Xa=e=>{let{variant:t,modifiers:o,...r}={..._m,...e},l={toolbar:void 0,pager:void 0},n=(0,m.jsxs)(Vo,{children:[(0,m.jsx)(c,{icon:"plus",children:"Add New"}),(0,m.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsx)(ce,{prefix:(0,m.jsx)(T,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=(0,m.jsx)(ve,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o!=null&&o[x]?n:void 0;break;case"pager":l.pager=o!=null&&o[x]?d:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(ae,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)(le,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(Z,{children:(0,m.jsxs)(A,{children:[(0,m.jsx)(R,{...u[t],columnTitle:"ID"}),(0,m.jsx)(R,{...u[t],columnTitle:"Product Name"}),(0,m.jsx)(R,{...u[t],columnTitle:"Units in Stock"}),(0,m.jsx)(R,{...u[t],columnTitle:"Units Price"})]})})]})})}),(0,m.jsx)(j,{children:(0,m.jsx)(ee,{children:(0,m.jsxs)(Q,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(re,{children:[(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{children:"1"}),(0,m.jsx)(p,{children:"Chai"}),(0,m.jsx)(p,{children:"39"}),(0,m.jsx)(p,{children:"18"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{children:"2"}),(0,m.jsx)(p,{children:"Chang"}),(0,m.jsx)(p,{children:"17"}),(0,m.jsx)(p,{children:"19"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{children:"3"}),(0,m.jsx)(p,{children:"Aniseed Syrup"}),(0,m.jsx)(p,{children:"13"}),(0,m.jsx)(p,{children:"10"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{children:"4"}),(0,m.jsx)(p,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(p,{children:"53"}),(0,m.jsx)(p,{children:"22"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{children:"5"}),(0,m.jsx)(p,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(p,{children:"0"}),(0,m.jsx)(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,m.jsx)(Em,{...r,...l});case"editing":return(0,m.jsx)(Rm,{...r,...l});case"grouping":return(0,m.jsx)(Im,{...r,...l,groupingHeader:(0,m.jsx)(Bt,{children:(0,m.jsxs)(Ne,{children:[(0,m.jsx)(xe,{icon:"sort-asc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"ID"}),(0,m.jsx)(xe,{icon:"sort-desc-small",actions:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Ce,{type:"more"}),(0,m.jsx)(Ce,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,m.jsx)(U,{...r,...l,children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(ae,{children:(0,m.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,m.jsxs)(le,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(Z,{children:(0,m.jsxs)(A,{children:[(0,m.jsx)(R,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,m.jsx)(R,{columnTitle:"ID"}),(0,m.jsx)(R,{columnTitle:"Product Name"}),(0,m.jsx)(R,{columnTitle:"Units in Stock"}),(0,m.jsx)(R,{columnTitle:"Units Price"})]})})]})]})}),(0,m.jsx)(j,{children:(0,m.jsx)(ee,{children:(0,m.jsxs)(Q,{children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{className:"k-drag-col"}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(re,{children:[(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"1"}),(0,m.jsx)(p,{children:"Chai"}),(0,m.jsx)(p,{children:"39"}),(0,m.jsx)(p,{children:"18"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"2"}),(0,m.jsx)(p,{children:"Chang"}),(0,m.jsx)(p,{children:"17"}),(0,m.jsx)(p,{children:"19"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"3"}),(0,m.jsx)(p,{children:"Aniseed Syrup"}),(0,m.jsx)(p,{children:"13"}),(0,m.jsx)(p,{children:"10"})]}),(0,m.jsxs)(A,{alt:!0,children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"4"}),(0,m.jsx)(p,{children:"Chef Anton's Cajun Seasoning"}),(0,m.jsx)(p,{children:"53"}),(0,m.jsx)(p,{children:"22"})]}),(0,m.jsxs)(A,{children:[(0,m.jsx)(p,{className:"k-drag-cell",children:(0,m.jsx)(T,{icon:"reorder"})}),(0,m.jsx)(p,{children:"5"}),(0,m.jsx)(p,{children:"Chef Anton's Gumbo Mix"}),(0,m.jsx)(p,{children:"0"}),(0,m.jsx)(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,m.jsx)(Tm,{...r,...l});default:return(0,m.jsx)(U,{...r,...l,children:f})}};Xa.options=yN;Xa.states=SN;Xa.variants=AN;Xa.defaultOptions=_m;Xa.modifiers=IN;Xa.className=U.className;var y=require("react/jsx-runtime"),EN=({contentClassName:e,...t})=>{let o=B("grid"),r=B("grid-ctx-menu-pin");return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(U,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(ae,{children:(0,y.jsx)("div",{className:"k-grid-header-wrap",children:(0,y.jsxs)(le,{role:"none",children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{style:{width:"48px"}}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)(Z,{role:"rowgroup",children:(0,y.jsxs)(A,{role:"row","aria-rowindex":1,children:[(0,y.jsx)(R,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),(0,y.jsx)(R,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),(0,y.jsx)(R,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),(0,y.jsx)(R,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),(0,y.jsx)(Yo,{role:"none",children:(0,y.jsx)("div",{className:"k-grid-pinned-wrap",role:"none",children:(0,y.jsxs)(Q,{role:"none",children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{style:{width:"48px"}}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsx)("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:(0,y.jsxs)(A,{className:"k-master-row",role:"row","aria-rowindex":1,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"unpin-outline",className:"k-action-icon"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),(0,y.jsx)(j,{children:(0,y.jsx)(ee,{className:e,children:(0,y.jsxs)(Q,{role:"none",children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{style:{width:"48px"}}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(re,{role:"rowgroup",children:[(0,y.jsxs)(A,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"pin-outline"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"USA"})]}),(0,y.jsxs)(A,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"unpin-outline",className:"k-action-icon"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"UK"})]}),(0,y.jsxs)(A,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,y.jsx)(p,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,y.jsx)("span",{className:"k-pin-cell",children:(0,y.jsx)(T,{icon:"pin-outline"})})}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),(0,y.jsx)(p,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),(0,y.jsx)(te,{className:"k-menu-popup",children:(0,y.jsxs)(lt,{id:r,children:[(0,y.jsx)($,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),(0,y.jsx)($,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};