@progress/kendo-themes-html 13.1.0-dev.1 → 13.1.0-dev.2

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 (86) hide show
  1. package/dist/cjs/filemanager/demos/filemanager.js +1 -1
  2. package/dist/cjs/filemanager/file-info.js +1 -1
  3. package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +1 -1
  4. package/dist/cjs/filemanager/templates/filemanager-grid.js +1 -1
  5. package/dist/cjs/filemanager/templates/filemanager-normal.js +1 -1
  6. package/dist/cjs/filemanager/templates/filemanager-preview.js +1 -1
  7. package/dist/cjs/gantt/demos/gantt.js +1 -1
  8. package/dist/cjs/gantt/templates/gantt-normal.js +1 -1
  9. package/dist/cjs/gantt/templates/gantt-row-reordering.js +1 -1
  10. package/dist/cjs/grid/demos/grid.js +1 -1
  11. package/dist/cjs/grid/grid-pinned-container.spec.js +1 -0
  12. package/dist/cjs/grid/grid-sticky-container.spec.js +1 -1
  13. package/dist/cjs/grid/templates/grid-hierarchy.js +1 -1
  14. package/dist/cjs/grid/templates/grid-normal.js +1 -1
  15. package/dist/cjs/grid/templates/grid-with-column-menu.js +1 -1
  16. package/dist/cjs/grid/templates/grid-with-edit-row.js +1 -1
  17. package/dist/cjs/grid/templates/grid-with-filter-menu.js +1 -1
  18. package/dist/cjs/grid/templates/grid-with-filter-row.js +1 -1
  19. package/dist/cjs/grid/templates/grid-with-grouping.js +1 -1
  20. package/dist/cjs/grid/templates/grid-with-locked-columns.js +1 -1
  21. package/dist/cjs/grid/templates/grid-with-multicolumn-headers.js +1 -1
  22. package/dist/cjs/grid/templates/grid-with-row-reordering.js +1 -1
  23. package/dist/cjs/grid/templates/grid-with-selection-aggregates.js +1 -1
  24. package/dist/cjs/grid/templates/grid-with-sticky-columns.js +1 -1
  25. package/dist/cjs/index.js +8 -8
  26. package/dist/cjs/propertygrid/demos/propertygrid.js +1 -1
  27. package/dist/cjs/propertygrid/propertygrid.spec.js +1 -1
  28. package/dist/cjs/propertygrid/templates/propertygrid-normal.js +1 -1
  29. package/dist/cjs/propertygrid/templates/propertygrid-with-preview.js +1 -1
  30. package/dist/cjs/treelist/demos/treelist.js +1 -1
  31. package/dist/cjs/treelist/templates/treelist-aggregates.js +1 -1
  32. package/dist/cjs/treelist/templates/treelist-normal.js +1 -1
  33. package/dist/cjs/treelist/templates/treelist-row-reordering.js +1 -1
  34. package/dist/cjs/treelist/templates/treelist-with-column-menu.js +1 -1
  35. package/dist/cjs/treelist/templates/treelist-with-filter-menu.js +1 -1
  36. package/dist/cjs/treelist/treelist.spec.js +1 -1
  37. package/dist/esm/filemanager/demos/filemanager.mjs +1 -1
  38. package/dist/esm/filemanager/file-info.mjs +1 -1
  39. package/dist/esm/filemanager/templates/filemanager-grid-preview.mjs +1 -1
  40. package/dist/esm/filemanager/templates/filemanager-grid.mjs +1 -1
  41. package/dist/esm/filemanager/templates/filemanager-normal.mjs +1 -1
  42. package/dist/esm/filemanager/templates/filemanager-preview.mjs +1 -1
  43. package/dist/esm/gantt/demos/gantt.mjs +1 -1
  44. package/dist/esm/gantt/templates/gantt-normal.mjs +1 -1
  45. package/dist/esm/gantt/templates/gantt-row-reordering.mjs +1 -1
  46. package/dist/esm/grid/demos/grid.mjs +1 -1
  47. package/dist/esm/grid/grid-pinned-container.spec.mjs +1 -0
  48. package/dist/esm/grid/grid-sticky-container.spec.mjs +1 -1
  49. package/dist/esm/grid/templates/grid-hierarchy.mjs +1 -1
  50. package/dist/esm/grid/templates/grid-normal.mjs +1 -1
  51. package/dist/esm/grid/templates/grid-with-column-menu.mjs +1 -1
  52. package/dist/esm/grid/templates/grid-with-edit-row.mjs +1 -1
  53. package/dist/esm/grid/templates/grid-with-filter-menu.mjs +1 -1
  54. package/dist/esm/grid/templates/grid-with-filter-row.mjs +1 -1
  55. package/dist/esm/grid/templates/grid-with-grouping.mjs +1 -1
  56. package/dist/esm/grid/templates/grid-with-locked-columns.mjs +1 -1
  57. package/dist/esm/grid/templates/grid-with-multicolumn-headers.mjs +1 -1
  58. package/dist/esm/grid/templates/grid-with-row-reordering.mjs +1 -1
  59. package/dist/esm/grid/templates/grid-with-selection-aggregates.mjs +1 -1
  60. package/dist/esm/grid/templates/grid-with-sticky-columns.mjs +1 -1
  61. package/dist/esm/index.mjs +8 -8
  62. package/dist/esm/propertygrid/demos/propertygrid.mjs +1 -1
  63. package/dist/esm/propertygrid/propertygrid.spec.mjs +1 -1
  64. package/dist/esm/propertygrid/templates/propertygrid-normal.mjs +1 -1
  65. package/dist/esm/propertygrid/templates/propertygrid-with-preview.mjs +1 -1
  66. package/dist/esm/treelist/demos/treelist.mjs +1 -1
  67. package/dist/esm/treelist/templates/treelist-aggregates.mjs +1 -1
  68. package/dist/esm/treelist/templates/treelist-normal.mjs +1 -1
  69. package/dist/esm/treelist/templates/treelist-row-reordering.mjs +1 -1
  70. package/dist/esm/treelist/templates/treelist-with-column-menu.mjs +1 -1
  71. package/dist/esm/treelist/templates/treelist-with-filter-menu.mjs +1 -1
  72. package/dist/esm/treelist/treelist.spec.mjs +1 -1
  73. package/dist/types/grid/grid-pinned-container.spec.d.ts +6 -0
  74. package/dist/types/grid/index.d.ts +1 -0
  75. package/dist/types/grid/tests/grid-row-pinning-with-sticky-grouping.d.ts +2 -0
  76. package/package.json +2 -2
  77. package/src/grid/grid-pinned-container.spec.tsx +38 -0
  78. package/src/grid/grid-sticky-container.spec.tsx +4 -10
  79. package/src/grid/index.ts +2 -1
  80. package/src/grid/templates/grid-with-sticky-columns.tsx +22 -22
  81. package/src/grid/tests/grid-group-row-pinning-adaptive.tsx +24 -22
  82. package/src/grid/tests/grid-group-row-pinning.tsx +87 -79
  83. package/src/grid/tests/grid-row-pinning-adaptive.tsx +22 -19
  84. package/src/grid/tests/grid-row-pinning-with-sticky-grouping.tsx +177 -0
  85. package/src/grid/tests/grid-row-pinning.tsx +123 -111
  86. package/src/grid/tests/grid-sticky-grouping.tsx +43 -43
@@ -1 +1 @@
1
- var mu=Object.create;var $r=Object.defineProperty;var pu=Object.getOwnPropertyDescriptor;var uu=Object.getOwnPropertyNames;var bu=Object.getPrototypeOf,fu=Object.prototype.hasOwnProperty;var Tu=(e,t)=>{for(var o in t)$r(e,o,{get:t[o],enumerable:!0})},bs=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of uu(t))!fu.call(e,i)&&i!==o&&$r(e,i,{get:()=>t[i],enumerable:!(a=pu(t,i))||a.enumerable});return e};var Pa=(e,t,o)=>(o=e!=null?mu(bu(e)):{},bs(t||!e||!e.__esModule?$r(o,"default",{value:e,enumerable:!0}):o,e)),hu=e=>bs($r({},"__esModule",{value:!0}),e);var Ek={};Tu(Ek,{FileManagerGrid:()=>us});module.exports=hu(Ek);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:n,checked:c,active:p,selected:b,disabled:x,indeterminate:v,loading:L,empty:T,readonly:M,highlighted:w,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":n,"k-checked":c,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":T,"k-readonly":M,"k-highlighted":w},Object.keys(I).reduce((_,G)=>(G.startsWith("k-")?_[G]=I[G]:_[`k-${G}`]=I[G],_),{}))};function fs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={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"},l={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 Ka=require("react/jsx-runtime"),_i="k-font-icon",xu=[],Nu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},gu={},Ha=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:n,...c}=e;return a?(0,Ka.jsx)("span",{...c,className:r(e.className,_i,y(_i,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Ka.jsx)(Ka.Fragment,{})};Ha.states=xu;Ha.options=Nu;Ha.className=_i;Ha.defaultOptions=gu;var Ts=Ha;var Qo=require("react/jsx-runtime"),zi="k-svg-icon",ku=[],vu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},hs={viewBox:"0 0 24 24"},Da=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:n=hs.viewBox,icon:c,...p}=e;if(!c)return(0,Qo.jsx)(Qo.Fragment,{});if(c==="none")return(0,Qo.jsx)("span",{...p,className:r(e.className,zi,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name;return(0,Qo.jsx)("span",{...p,className:r(e.className,zi,y("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,Qo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Da.states=ku;Da.options=vu;Da.className=zi;Da.defaultOptions=hs;var Fi=Da;var Ui=Pa(require("@progress/kendo-svg-icons"));var xs="icon",Ns="icons";var vs=require("react");var gs=require("react"),ks=(0,gs.createContext)({iconsType:"svg"});var To=require("react/jsx-runtime"),Wr="k-icon",Lu=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Cu=[],Mu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Vi={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=(0,vs.useContext)(ks),{size:o,themeColor:a,icon:i,type:n=t||Vi.type,rotate:c,flip:p,viewBox:b=Vi.viewBox,...x}=e;if(!i)return(0,To.jsx)(To.Fragment,{});if((t||n)==="svg"){if(i==="none")return(0,To.jsx)(Fi,{...x,className:r(e.className,Wr),icon:i,size:o});let L=Ui[i]?i:Lu(`${i}-icon`);return Ui[L]?(0,To.jsx)(Fi,{...x,className:r(e.className,Wr),icon:Ui[L],size:o,themeColor:a,rotate:c,flip:p,viewBox:b}):(0,To.jsx)(To.Fragment,{})}return(0,To.jsx)(Ts,{...x,className:r(e.className,Wr),icon:i,size:o,themeColor:a,rotate:c,flip:p})};f.states=Cu;f.options=Mu;f.defaultOptions=Vi;f.className=Wr;f.moduleName=xs;f.folderName=Ns;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var $i="button",Ls=$i;var Zt=require("react/jsx-runtime"),Ga="k-button",wu=["icon-button"],yu=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Su={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Wi={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:n,showArrow:c=Wi.showArrow,arrowIconName:p=Wi.arrowIconName,variant:b,hover:x,focus:v,active:L,selected:T,disabled:M,togglable:w,icon:I,text:_,iconClassName:G,className:V,...he}=e,Be=I!==void 0,mt=e.children!==void 0;return(0,Zt.jsxs)(t,{className:r(V,Ga,fs(Ga,b),y(Ga,{size:o,rounded:a,fillMode:i,themeColor:n}),C(Ga,{hover:x,focus:v,active:L,disabled:M,selected:T}),{"k-icon-button":!_&&!mt&&Be}),...he,"aria-pressed":w?T?"true":"false":void 0,disabled:M||void 0,children:[I&&(0,Zt.jsx)(f,{className:r(G,"k-button-icon"),icon:I}),_?(0,Zt.jsxs)(Zt.Fragment,{children:[_&&(0,Zt.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,Zt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Zt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Zt.jsx)(f,{icon:p})})]})};d.states=yu;d.options=Su;d.variants=wu;d.className=Ga;d.defaultOptions=Wi;d.moduleName=$i;d.folderName=Ls;d.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 Cs=require("react/jsx-runtime"),Ao=e=>(0,Cs.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ms=require("react/jsx-runtime"),_a=e=>(0,Ms.jsx)(d,{icon:"folder",children:"Button",...e});var ws=require("react/jsx-runtime"),Zo=e=>(0,ws.jsx)(d,{children:"Button",...e});var Xr=require("react/jsx-runtime"),Eu=d.options,Au=d.states,Iu={...d.defaultOptions,variant:"text"},Ru=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ou=[],za=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Xr.jsx)(Ao,{...o,icon:"star"});case"icon-and-text":return(0,Xr.jsx)(_a,{...o,icon:"star",children:"Button"});default:return(0,Xr.jsx)(Zo,{...o,children:"Button"})}};za.options=Eu;za.states=Au;za.variants=Ru;za.defaultOptions=Iu;za.modifiers=Ou;var Xi="button",ys=Xi;var Ss=require("react/jsx-runtime"),Fa="k-button-group",Bu=[l.disabled],Pu={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Ku={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return(0,Ss.jsx)("div",{role:"group",...i,className:r(e.className,Fa,y(Fa,{fillMode:t}),C(Fa,{disabled:o}),{[`${Fa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Bu;D.options=Pu;D.className=Fa;D.defaultOptions=Ku;D.moduleName=Xi;D.folderName=ys;D.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 Ji=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var Qi=require("react/jsx-runtime");var Zi=require("react/jsx-runtime");var ji=require("react/jsx-runtime");var xt=require("react/jsx-runtime"),Hu={...d.options,...D.options},Du=d.states,Gu={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},_u=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zu=[],Ua=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,xt.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,xt.jsx)(d,{...a,icon:"star"}),(0,xt.jsx)(d,{...a,icon:"star"}),(0,xt.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,xt.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,xt.jsx)(d,{...a,icon:"star",children:"First"}),(0,xt.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,xt.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,xt.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,xt.jsx)(d,{...a,children:"First"}),(0,xt.jsx)(d,{...a,children:"Middle"}),(0,xt.jsx)(d,{...a,children:"Last"})]})};Ua.options=Hu;Ua.states=Du;Ua.variants=_u;Ua.defaultOptions=Gu;Ua.modifiers=zu;var Va="input",Jr=Va;var Es=require("react/jsx-runtime"),qr="k-input",Fu=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Uu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Vu={},Pe=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:b,rounded:x,fillMode:v,...L}=e;return(0,Es.jsx)("span",{...L,className:r(e.className,qr,y(qr,{size:b,rounded:x,fillMode:v}),C(qr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p}))})};Pe.states=Fu;Pe.options=Uu;Pe.className=qr;Pe.defaultOptions=Vu;Pe.moduleName=Va;Pe.folderName=Jr;var As=require("react/jsx-runtime"),Yr="k-picker",$u=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Xu={},ao=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:b,rounded:x,fillMode:v,...L}=e;return(0,As.jsx)("span",{...L,className:r(e.className,Yr,y(Yr,{size:b,rounded:x,fillMode:v}),C(Yr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p})),children:e.children})};ao.states=$u;ao.options=Wu;ao.className=Yr;ao.defaultOptions=Xu;ao.moduleName=Va;ao.folderName=Jr;var pa=require("react/jsx-runtime"),Is="k-clear-value",Ju=[l.disabled,l.loading,l.readonly],qu={},It=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?(0,pa.jsx)(pa.Fragment,{}):(0,pa.jsx)("span",{className:r(e.className,Is),children:(0,pa.jsx)(f,{icon:"x"})})};It.states=Ju;It.options=qu;It.className=Is;var Rs=require("react/jsx-runtime"),el="k-input-inner",Yu=[],Qu={},Qr={type:"text",autocomplete:"off",value:"",placeholder:""},Rt=e=>{let{value:t=Qr.value,type:o=Qr.type,placeholder:a=Qr.placeholder,autocomplete:i=Qr.autocomplete,disabled:n,readOnly:c,...p}=e;return(0,Rs.jsx)("input",{...p,type:o,className:r(e.className,el,y(el,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:n||void 0,readOnly:c||void 0})};Rt.states=Yu;Rt.options=Qu;Rt.className=el;var $a=require("react/jsx-runtime"),tl="k-input-inner",Zu=[],ju={},jo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:n,...c}=e;return(0,$a.jsxs)("span",{...c,className:r(e.className,tl,y(tl,e)),children:[i,!i&&n&&(0,$a.jsx)(f,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,$a.jsx)("span",{className:"k-input-value-text",children:t})]})};jo.states=Zu;jo.options=ju;jo.className=tl;var Bs=require("react/jsx-runtime"),ol="k-input-inner",eb=[],tb={},Os={value:"",placeholder:""},al=e=>{let{value:t=Os.value,placeholder:o=Os.placeholder,rows:a,disabled:i,...n}=e;return(0,Bs.jsx)("textarea",{...n,className:r(e.className,ol,y(ol,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};al.states=eb;al.options=tb;al.className=ol;var Wa=require("react/jsx-runtime"),Ps="k-input-loading-icon",ob=[l.disabled,l.loading],Nt=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)("span",{className:r(e.className,Ps,"k-icon k-i-loading")})};Nt.states=ob;Nt.className=Ps;var Xa=require("react/jsx-runtime"),Ks="k-input-validation-icon",ab=[l.valid,l.invalid,l.disabled,l.loading],rb={},pt=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,n=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?(0,Xa.jsx)(Xa.Fragment,{}):(0,Xa.jsx)(f,{className:r(Ks),icon:n})};pt.states=ab;pt.options=rb;pt.className=Ks;var Ja=require("react/jsx-runtime"),ib="k-input-prefix",lb={direction:"horizontal"},_t=e=>{let{direction:t=lb.direction,...o}=e;return e.children?(0,Ja.jsx)("span",{...o,className:r(ib,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ja.jsx)(Ja.Fragment,{})};var qa=require("react/jsx-runtime"),nb="k-input-suffix",sb={direction:"horizontal"},zt=e=>{let{direction:t=sb.direction,...o}=e;return e.children?(0,qa.jsx)("span",{...o,className:r(nb,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,qa.jsx)(qa.Fragment,{})};var db=require("react/jsx-runtime");var Hs=require("react/jsx-runtime"),cb="k-input-suffix-text",rl=e=>{let{children:t,...o}=e;return(0,Hs.jsx)("span",{...o,className:r(cb,e.className),children:t})};var Gs=require("react/jsx-runtime"),Ds="k-input-separator",mb={direction:"vertical"},Ft=e=>{let{direction:t=mb.direction,...o}=e;return(0,Gs.jsx)("span",{...o,className:r(Ds,e.className,{[`${Ds}-${t}`]:t})})};var Fe=require("react/jsx-runtime"),pb=Pe.states,ub=Pe.defaultOptions,bb=Pe.options,fb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Tb=[],Ya=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:n,readonly:c,...p}=e,b=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,v=t==null?void 0:t["clear-button"],L=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Fe.jsxs)(Pe,{...p,valid:o,invalid:a,loading:i,disabled:n,readonly:c,style:{width:300},children:[b&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(_t,{children:(0,Fe.jsx)(f,{icon:"lock"})}),T&&(0,Fe.jsx)(Ft,{})]}),(0,Fe.jsx)(Rt,{placeholder:"Placeholder",value:"Value"}),L&&(0,Fe.jsx)(pt,{valid:o,invalid:a,loading:i,disabled:n}),(0,Fe.jsx)(Nt,{loading:i,disabled:n}),v&&(0,Fe.jsx)(It,{loading:i,disabled:n,readonly:c,value:"Value"}),x&&(0,Fe.jsxs)(Fe.Fragment,{children:[T&&(0,Fe.jsx)(Ft,{}),(0,Fe.jsx)(zt,{children:(0,Fe.jsx)(Zo,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Ya.options=bb;Ya.states=pb;Ya.variants=Tb;Ya.defaultOptions=ub;Ya.modifiers=fb;var Qa=require("react/jsx-runtime"),_s="k-color-preview",hb=[],xb={},Io=e=>{let{color:t,iconName:o,...a}=e;return(0,Qa.jsxs)("span",{...a,className:r(e.className,_s,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Qa.jsx)(f,{icon:o,className:"k-color-preview-icon"}),(0,Qa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Io.states=hb;Io.options=xb;Io.className=_s;var il="popup",zs=il;var ll=require("react/jsx-runtime"),Fs="k-animation-container",Nb=[],gb={},Us={positionMode:"absolute"},ro=e=>{let{positionMode:t=Us.positionMode,animationStyle:o,offset:a,...i}=e;return(0,ll.jsx)("div",{...i,style:{...a,...e.style},className:r(e.className,Fs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,ll.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};ro.states=Nb;ro.options=gb;ro.className=Fs;ro.defaultOptions=Us;ro.moduleName=il;ro.folderName=zs;var nl="popup",Vs=nl;var sl=require("react/jsx-runtime"),$s="k-popup",kb=[],vb={},Ws={positionMode:"absolute"},Ne=e=>{let{offset:t,positionMode:o=Ws.positionMode,animationStyle:a,containerClassName:i,containerRole:n,containerAriaLabel:c,...p}=e;return(0,sl.jsx)(ro,{positionMode:o,offset:t,animationStyle:a,className:i,role:n,"aria-label":c,children:(0,sl.jsx)("div",{...p,className:r(e.className,$s),children:e.children})})};Ne.states=kb;Ne.options=vb;Ne.className=$s;Ne.defaultOptions=Ws;Ne.moduleName=nl;Ne.folderName=Vs;Ne.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 dl="action-buttons",Xs=dl;var Js=require("react/jsx-runtime"),Zr="k-actions",Lb=[],Cb={},cl={alignment:"start",orientation:"horizontal"},io=e=>{let{alignment:t=cl.alignment,orientation:o=cl.orientation,...a}=e;return(0,Js.jsx)("div",{...a,className:r(Zr,{[`${Zr}-${t}`]:t,[`${Zr}-${o}`]:o},e.className),children:e.children})};io.states=Lb;io.options=Cb;io.className=Zr;io.defaultOptions=cl;io.moduleName=dl;io.folderName=Xs;var Ys=require("react/jsx-runtime"),Mb="k-actionsheet-footer",qs={alignment:"stretched",orientation:"horizontal"},Ro=e=>{let{alignment:t=qs.alignment,orientation:o=qs.orientation,template:a,as:i=a?"div":io,...n}=e;return(0,Ys.jsx)(i,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,Mb),children:e.children})};var ml="searchbox",Qs=ml;var Oo=require("react/jsx-runtime"),Zs="k-searchbox",wb=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],yb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},pl={showIcon:!0,icon:"search"},Ce=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:b,invalid:x,required:v,loading:L,disabled:T,showIcon:M=pl.showIcon,icon:w=pl.icon,...I}=e;return(0,Oo.jsxs)(Pe,{...I,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:b,invalid:x,required:v,loading:L,disabled:T,className:r(e.className,Zs),children:[M&&(0,Oo.jsx)(f,{className:"k-input-icon",icon:w}),(0,Oo.jsx)(Rt,{placeholder:o,value:t}),(0,Oo.jsx)(Nt,{...e}),(0,Oo.jsx)(pt,{...e}),(0,Oo.jsx)(It,{...e})]})};Ce.states=wb;Ce.options=yb;Ce.className=Zs;Ce.defaultOptions=pl;Ce.moduleName=ml;Ce.folderName=Qs;var Sb=require("react/jsx-runtime");var ul="textbox",js=ul;var tt=require("react/jsx-runtime"),ed="k-textbox",Eb=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Ab={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},jr={showClearButton:!0,showValidationIcon:!0,separators:!0},ge=e=>{let{size:t,rounded:o,fillMode:a,separators:i=jr.separators,showClearButton:n=jr.showClearButton,showValidationIcon:c=jr.showValidationIcon,prefix:p,suffix:b,type:x,value:v,placeholder:L,hover:T,focus:M,valid:w,invalid:I,required:_,loading:G,disabled:V,readonly:he,id:Be,"aria-label":mt,"aria-describedby":Et,...At}=e;return(0,tt.jsxs)(Pe,{...At,size:t,rounded:o,fillMode:a,hover:T,focus:M,valid:w,invalid:I,required:_,loading:G,disabled:V,readonly:he,className:r(e.className,ed),children:[p&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(_t,{children:p}),i&&(0,tt.jsx)(Ft,{})]}),(0,tt.jsx)(Rt,{id:Be,placeholder:L,value:v,type:x,disabled:V,"aria-label":mt,"aria-describedby":Et,"aria-invalid":I?"true":void 0}),c&&(0,tt.jsx)(pt,{valid:w,invalid:I,loading:G,disabled:V}),(0,tt.jsx)(Nt,{loading:G,disabled:V}),n&&(0,tt.jsx)(It,{loading:G,disabled:V,readonly:he,value:v}),b&&(0,tt.jsxs)(tt.Fragment,{children:[i&&(0,tt.jsx)(Ft,{}),(0,tt.jsx)(zt,{children:b})]})]})};ge.states=Eb;ge.options=Ab;ge.className=ed;ge.defaultOptions=jr;ge.moduleName=ul;ge.folderName=js;ge.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 Za=ge;var od=require("react/jsx-runtime"),td=e=>(0,od.jsx)(Za,{...e});var ad=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var Ib=require("react/jsx-runtime");var ei=require("react/jsx-runtime"),Rb=ge.states,Ob=ge.defaultOptions,Bb=ge.options,Pb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Kb=[],ja=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,ei.jsx)(f,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,ei.jsx)(Zo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,ei.jsx)(td,{value:"Value",style:{width:300},...o,...a})};ja.options=Bb;ja.states=Rb;ja.variants=Kb;ja.defaultOptions=Ob;ja.modifiers=Pb;var Ot=require("react/jsx-runtime"),id="k-actionsheet-titlebar",Hb={},ut=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:n,input:c,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:v,children:L,...T}=e;return(0,Ot.jsxs)("div",{...T,className:r(e.className,id),children:[(0,Ot.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ot.jsx)("div",{className:"k-actionsheet-actions",children:a}),!L&&(0,Ot.jsxs)("div",{className:"k-actionsheet-title",id:v,children:[t&&(0,Ot.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ot.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&(0,Ot.jsx)("div",{className:"k-actionsheet-title",id:v,children:L}),i&&(0,Ot.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(c||n)&&(0,Ot.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,Ot.jsx)(ge,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):(0,Ot.jsx)(Ce,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};ut.className=id;ut.defaultOptions=Hb;var ua=require("react/jsx-runtime"),bl="k-actionsheet-view",Db=[],Gb={},_b={},ba=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:n,titleId:c,...p}=e,b=(i==null?void 0:i.type)===ut&&(0,ua.jsx)(ut,{adaptive:t,titleId:c,...i==null?void 0:i.props}),x=(n==null?void 0:n.type)===Ro&&(0,ua.jsx)(Ro,{...n==null?void 0:n.props});return(0,ua.jsxs)("div",{...p,className:r(e.className,bl,{[`${bl}-animated`]:o}),children:[b,(0,ua.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};ba.states=Db;ba.options=Gb;ba.className=bl;ba.defaultOptions=_b;var er="action-sheet",ti=er;var fl="overlay",ld=fl;var nd=require("react/jsx-runtime"),Tl="k-overlay",zb=[],Fb={themeColor:[N.undefined,N.light,N.dark,N.inverse]},Ub={},Bo=e=>{let{themeColor:t,...o}=e;return(0,nd.jsx)("div",{...o,className:r(e.className,Tl,y(Tl,{themeColor:t})),children:e.children})};Bo.states=zb;Bo.options=Fb;Bo.className=Tl;Bo.defaultOptions=Ub;Bo.moduleName=fl;Bo.folderName=ld;var ea=require("react/jsx-runtime"),sd="k-actionsheet",Vb=[],$b={},tr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ae=e=>{let{side:t=tr.side,fullscreen:o=tr.fullscreen,adaptive:a=tr.adaptive,overlay:i=tr.overlay,template:n,children:c,header:p,footer:b,id:x,...v}=e,L=x&&!n&&p?`${x}-title`:void 0;return(0,ea.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,ea.jsx)(Bo,{}),(0,ea.jsx)(ro,{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,ea.jsx)("div",{...v,id:x,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":L,className:r(e.className,sd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||(0,ea.jsx)(ba,{header:p,footer:b,adaptive:a,titleId:L,...e,children:c})})})]})};Ae.states=Vb;Ae.options=$b;Ae.className=sd;Ae.defaultOptions=tr;Ae.moduleName=er;Ae.folderName=ti;Ae.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 cd=require("react/jsx-runtime"),dd="k-actionsheet-container",Wb=[],Xb={},Jb={},fa=e=>{let{children:t,...o}=e;return(0,cd.jsx)("div",{...o,className:dd,children:t})};fa.states=Wb;fa.options=Xb;fa.className=dd;fa.defaultOptions=Jb;fa.moduleName=er;fa.folderName=ti;var md=require("react/jsx-runtime"),hl=e=>{let{...t}=e;return(0,md.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Ut=require("react/jsx-runtime"),xl="k-actionsheet-item",qb=[l.hover,l.focus,l.selected,l.disabled],Po=e=>{let{iconName:t,text:o,description:a,hover:i,focus:n,selected:c,disabled:p,...b}=e;return(0,Ut.jsxs)("span",{...b,className:r(e.className,xl,C(xl,{hover:i,focus:n,selected:c,disabled:p})),children:[!e.children&&(0,Ut.jsx)(Ut.Fragment,{children:(0,Ut.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Ut.jsx)("span",{className:"k-icon-wrap",children:(0,Ut.jsx)(f,{className:"k-actionsheet-item-icon",icon:t})}),(0,Ut.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Ut.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Ut.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Po.states=qb;Po.className=xl;var pd=require("react/jsx-runtime");var Yb=require("react/jsx-runtime");var Qb=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var Me=require("react/jsx-runtime"),jb=Ae.options,ef=Ae.states,bd={...Ae.defaultOptions,variant:"normal"},tf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],of=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],or=e=>{let{variant:t,modifiers:o,...a}={...bd,...e},i={},n=(0,Me.jsxs)(hl,{children:[(0,Me.jsx)(Po,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Me.jsx)(Po,{text:"Add to Favorites",iconName:"heart"}),(0,Me.jsx)(Po,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Me.jsx)("hr",{className:"k-hr"}),(0,Me.jsx)(Po,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",p="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":i.actionsStart=!!(o!=null&&o[b]),i.actionsEnd=!!(o!=null&&o[b]);break;case"subtitle":i.subtitle=o!=null&&o[b]?c:void 0;break;case"footer":i.footer=!!(o!=null&&o[b]);break;default:break}}),t==="adaptive"?(0,Me.jsx)(Ae,{...a,adaptive:!0,fullscreen:i.fullScreen,header:(0,Me.jsx)(ut,{actionsStart:i.actionsStart?(0,Me.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,Me.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:i.subtitle}),footer:i.footer?(0,Me.jsxs)(Ro,{alignment:"stretched",children:[(0,Me.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,Me.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Me.jsx)(Ae,{...a,fullscreen:i.fullScreen,header:(0,Me.jsx)(ut,{actionsStart:i.actionsStart?(0,Me.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,Me.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?(0,Me.jsxs)(Ro,{alignment:"stretched",children:[(0,Me.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,Me.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};or.options=jb;or.states=ef;or.variants=tf;or.defaultOptions=bd;or.modifiers=of;var Nl="slider",fd=Nl;var jt=require("react/jsx-runtime"),ar="k-slider",af=[l.hover,l.focus,l.active,l.disabled,l.readonly],rf={},Vt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ke=e=>{let{type:t=Vt.type,orientation:o=Vt.orientation,gradientType:a=Vt.gradientType,readonly:i=Vt.readonly,disabled:n=Vt.disabled,handlePosition:c=Vt.handlePosition,showButtons:p=Vt.showButtons,showTicks:b=Vt.showTicks,value:x=Vt.value,min:v=Vt.min,max:L=Vt.max,startValue:T,endValue:M,hover:w,focus:I,active:_,trackStyle:G,dir:V,...he}=e,mt=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Et,At;return o==="horizontal"?(Et=V==="rtl"?"caret-alt-left":"caret-alt-right",At=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Et="caret-alt-up",At="caret-alt-down"),(0,jt.jsxs)("div",{...he,className:r(ar,e.className,C(ar,{readonly:i,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[p&&(0,jt.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:At,tabIndex:-1,title:"Decrease"}),(0,jt.jsxs)("div",{className:"k-slider-track-wrap",children:[b&&(0,jt.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,jt.jsxs)("div",{className:"k-slider-track",style:G,children:[(0,jt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,jt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",C(ar,{hover:w,focus:I,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":T??v,"aria-valuemin":v,"aria-valuemax":M??L,"aria-orientation":mt,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":he["aria-label"]?`${he["aria-label"]} start`:"Range start"}),(0,jt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,C(ar,{hover:w,focus:I,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?M??L:x,"aria-valuemin":t==="range"?T??v:v,"aria-valuemax":L,"aria-orientation":mt,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?he["aria-label"]?`${he["aria-label"]} end`:"Range end":he["aria-label"]})]})]}),p&&(0,jt.jsx)(d,{className:"k-button-increase",rounded:"full",icon:Et,tabIndex:-1,title:"Increase"})]})};ke.states=af;ke.options=rf;ke.className=ar;ke.defaultOptions=Vt;ke.moduleName=Nl;ke.folderName=fd;ke.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").'}]};var gl=require("react/jsx-runtime"),Td="k-tick",lf=[],nf={},hd={label:!1},z=e=>{let{style:t,label:o=hd.label,orientation:a,large:i,text:n,...c}=e;return(0,gl.jsx)("li",{...c,className:r(e.className,Td,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&(0,gl.jsx)("span",{className:"k-label",children:n})})};z.states=lf;z.options=nf;z.className=Td;z.defaultOptions=hd;var We=require("react/jsx-runtime"),xd=e=>(0,We.jsx)(ke,{"aria-label":e["aria-label"]||"Slider",children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{label:!0,large:!0,text:"5"}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Xe=require("react/jsx-runtime"),Nd=e=>(0,Xe.jsx)(ke,{children:(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var kl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var gd=require("react/jsx-runtime"),Ll=e=>(0,gd.jsx)(ke,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var kd=require("react/jsx-runtime"),Cl=e=>(0,kd.jsx)(ke,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ml=require("react/jsx-runtime");var wl=require("react/jsx-runtime");var gt=require("react/jsx-runtime"),sf=ke.options,df=ke.states,vd={...ke.defaultOptions,variant:"horizontal",label:!0},cf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],rr=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},i={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{i.showButtons=!!(o!=null&&o[x]);break}case"label":{i.label=!!(o!=null&&o[x]);break}case"tick":{i.showTicks=!!(o!=null&&o[x]);break}}});let{label:n=!0,showButtons:c,showTicks:p}=i,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,gt.jsxs)(Nd,{showTicks:p,showButtons:c,style:{height:"300px",...b},...a,children:[(0,gt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,gt.jsxs)(xd,{showTicks:p,showButtons:c,style:{width:"400px",...b},...a,children:[(0,gt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,gt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};rr.options=sf;rr.states=df;rr.variants=cf;rr.defaultOptions=vd;rr.modifiers=mf;var ir=require("react/jsx-runtime"),Ld="k-spin-button",bf=[],ff={size:[s.undefined,s.small,s.medium,s.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},yl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Ko=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=yl.increaseLabel,decreaseLabel:n=yl.decreaseLabel,...c}=e;return(0,ir.jsxs)("span",{...c,className:r(Ld,e.className),children:[(0,ir.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":i}),(0,ir.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};Ko.states=bf;Ko.options=ff;Ko.className=Ld;Ko.defaultOptions=yl;Ko.moduleName=null;Ko.folderName=null;var Cd="numeric-textbox",Md="numerictextbox";var Je=require("react/jsx-runtime"),wd="k-numerictextbox",Tf=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],hf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},oi={showSpinButton:!0,showClearButton:!0,separators:!0},J=e=>{let{size:t,rounded:o,fillMode:a,separators:i=oi.separators,showClearButton:n=oi.showClearButton,showSpinButton:c=oi.showSpinButton,prefix:p,suffix:b,value:x,placeholder:v,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,id:he,"aria-label":Be,"aria-describedby":mt,...Et}=e;return(0,Je.jsxs)(Pe,{...Et,size:t,rounded:o,fillMode:a,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,className:r(e.className,wd),children:[p&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(_t,{children:p}),i&&(0,Je.jsx)(Ft,{})]}),(0,Je.jsx)(Rt,{id:he,placeholder:v,value:x,role:"spinbutton",disabled:G,"aria-label":Be,"aria-describedby":mt,"aria-invalid":w?"true":void 0}),(0,Je.jsx)(pt,{valid:M,invalid:w,loading:_,disabled:G}),(0,Je.jsx)(Nt,{loading:_,disabled:G}),n&&(0,Je.jsx)(It,{loading:_,disabled:G,readonly:V,value:x}),b&&(0,Je.jsxs)(Je.Fragment,{children:[i&&(0,Je.jsx)(Ft,{}),(0,Je.jsx)(zt,{children:b})]}),c&&(0,Je.jsx)(Ko,{className:"k-input-spinner",size:t,fillMode:a,disabled:G})]})};J.states=Tf;J.options=hf;J.className=wd;J.defaultOptions=oi;J.moduleName=Cd;J.folderName=Md;J.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 lr=J;var Sd=require("react/jsx-runtime"),yd=e=>(0,Sd.jsx)(lr,{...e});var ri=Pa(require("react"));var Sl=require("react/jsx-runtime"),xf="k-list-group-sticky-header",El=e=>(0,Sl.jsx)("div",{className:r(xf,e.className),children:(0,Sl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ed=require("react/jsx-runtime"),Nf="k-no-data",ai=e=>{let{live:t,...o}=e;return(0,Ed.jsx)("span",{...o,className:r(Nf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ta="list",Ta=ta;var ha=require("react/jsx-runtime"),Al="k-list",gf=[],kf={size:[s.undefined,s.small,s.medium,s.large]},vf={},Y=e=>{var M;let{size:t,virtualization:o,children:a,header:i,optionLabel:n,customValue:c,noData:p,screenReaders:b,...x}=e,L=ri.default.Children.toArray(a)[0],T=(M=L==null?void 0:L.props)!=null&&M.children?ri.default.Children.count(L.props.children):ri.default.Children.count(a);return(0,ha.jsxs)("div",{...x,className:r(e.className,Al,y(Al,{size:t}),{"k-virtual-list":o}),children:[n,c,i&&(0,ha.jsx)(El,{children:i}),a||(p!==void 0?p:(0,ha.jsx)(ai,{live:!0,children:"No data found."})),b&&a&&(0,ha.jsxs)(ai,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};Y.states=gf;Y.options=kf;Y.className=Al;Y.defaultOptions=vf;Y.moduleName=ta;Y.folderName=Ta;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 Id=require("react/jsx-runtime"),Ad="k-list-container",Lf=[],Cf={},Mf={},xa=e=>{let{...t}=e;return(0,Id.jsx)("div",{...t,className:r(e.className,Ad),children:e.children})};xa.states=Lf;xa.options=Cf;xa.className=Ad;xa.defaultOptions=Mf;xa.moduleName=ta;xa.folderName=Ta;var oa="checkbox",Na=oa;var Il=require("react/jsx-runtime"),ii="k-checkbox",wf=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],yf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Sf={},ot=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:n,disabled:c,invalid:p,valid:b,required:x,size:v,rounded:L,...T}=e;return(0,Il.jsx)("span",{className:"k-checkbox-wrap",children:(0,Il.jsx)("input",{...T,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":p?"true":void 0,className:r(e.className,ii,y(ii,{size:v,rounded:L}),C(ii,{hover:i,focus:n,disabled:c,invalid:p,valid:b,indeterminate:a,checked:o}))})})};ot.states=wf;ot.options=yf;ot.className=ii;ot.defaultOptions=Sf;ot.moduleName=oa;ot.folderName=Na;ot.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 lo=ot;var Bd=require("react/jsx-runtime"),Rd="k-checkbox-list",Ef=[],Af={},Od={layout:"vertical"},kt=e=>{let{layout:t=Od.layout,...o}=e;return(0,Bd.jsx)("ul",{...o,className:r(e.className,Rd,{[`k-list-${t}`]:t}),children:e.children})};kt.states=Ef;kt.options=Af;kt.className=Rd;kt.defaultOptions=Od;kt.moduleName=oa;kt.folderName=Na;var Kd=require("react/jsx-runtime"),Pd="k-checkbox-list-item",If=[],Rf={},Of={},bt=e=>{let{...t}=e;return(0,Kd.jsx)("li",{...t,className:r(e.className,Pd),children:e.children})};bt.states=If;bt.options=Rf;bt.className=Pd;bt.defaultOptions=Of;bt.moduleName=oa;bt.folderName=Na;var aa=require("react/jsx-runtime"),ho=({children:e,id:t,...o})=>(0,aa.jsxs)(aa.Fragment,{children:[(0,aa.jsx)(lo,{id:t,...o}),(0,aa.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Rl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var Bl=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var Pf=require("react/jsx-runtime");var Kf=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Hf=kt.options,Df=kt.states,Gf={...kt.defaultOptions,variant:"vertical"},_f=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],zf=[],nr=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,at.jsxs)(kt,{layout:"horizontal",...o,children:[(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"first",defaultChecked:!0,children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"second",children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"third",children:"Label"})})]}):(0,at.jsxs)(kt,{...o,children:[(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"first",defaultChecked:!0,children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"second",children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"third",children:"Label"})})]})};nr.options=Hf;nr.states=Df;nr.variants=_f;nr.defaultOptions=Gf;nr.modifiers=zf;var Hd=require("react/jsx-runtime"),Ff=lo.options,Uf=lo.states,Vf=lo.defaultOptions,$f=[],Wf=[],sr=e=>(0,Hd.jsx)(ho,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});sr.options=Ff;sr.states=Uf;sr.variants=$f;sr.defaultOptions=Vf;sr.modifiers=Wf;var no=require("react/jsx-runtime"),Pl="k-list-item",Xf=[l.hover,l.focus,l.selected,l.disabled],Jf={},qf={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:n,showCheckbox:c,checked:p,hover:b,focus:x,selected:v,disabled:L,actions:T,description:M,id:w,...I}=e,_=t||e.children;return(0,no.jsxs)("li",{...I,id:w,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&L?"true":void 0,className:r(e.className,a?"k-list-group-item":Pl,C(Pl,{hover:b,focus:x,disabled:L,selected:v})),children:[c&&(0,no.jsx)(ot,{checked:p}),i&&(0,no.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,no.jsx)(f,{icon:i,className:r("k-list-item-icon",n)})}),(0,no.jsx)("span",{className:"k-list-item-text",children:_}),T&&(0,no.jsx)("div",{className:"k-list-item-actions",children:T}),M&&(0,no.jsx)("span",{className:"k-list-item-description",children:M}),o&&o!==""&&(0,no.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=Xf;$.options=Jf;$.className=Pl;$.defaultOptions=qf;$.moduleName=ta;$.folderName=Ta;$.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 Dd=require("react/jsx-runtime"),Yf="k-list-ul",xo=e=>{let{children:t,role:o,id:a,...i}=e;return(0,Dd.jsx)("ul",{...i,id:a,role:o,className:r(Yf,e.className),children:t})};xo.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 ga=require("react/jsx-runtime"),Qf="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:n,...c}=e;return(0,ga.jsxs)("div",{...c,className:r(Qf,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:(0,ga.jsx)(xo,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&(0,ga.jsx)("div",{className:"k-height-container",children:(0,ga.jsx)("div",{})})]})};se.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 Kl=require("react/jsx-runtime");var ka=require("react/jsx-runtime"),Zf="k-list-group-item",ra=e=>{let{groupIconName:t,...o}=e;return(0,ka.jsxs)("li",{...o,role:"presentation",className:r(Zf,e.className),children:[t&&(0,ka.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ka.jsx)(f,{icon:t,className:"k-list-item-icon"})}),(0,ka.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ra.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 Gd=require("react/jsx-runtime"),Hl="k-list-optionlabel",jf=[l.hover,l.focus,l.selected,l.disabled],eT={},tT={},li=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return(0,Gd.jsx)("div",{...c,className:r(Hl,C(Hl,{hover:o,focus:a,selected:i,disabled:n})),children:t})};li.states=jf;li.options=eT;li.className=Hl;li.defaultOptions=tT;var _d=require("react/jsx-runtime"),Dl="k-list-custom-value",oT=[l.hover,l.focus,l.selected,l.disabled],aT={},rT={},Ho=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return(0,_d.jsx)("div",{...c,className:r(Dl,C(Dl,{hover:o,focus:a,selected:i,disabled:n})),children:t})};Ho.states=oT;Ho.options=aT;Ho.className=Dl;Ho.defaultOptions=rT;var Gl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var Fl=require("react/jsx-runtime");var iT=require("react/jsx-runtime");var Ul=require("react/jsx-runtime");var zd="dropdown-list",Fd="dropdownlist";var we=require("react/jsx-runtime"),Ud="k-dropdownlist",lT=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],nT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Vl={showValue:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Vl.arrowIconName,showValue:n=Vl.showValue,valueIconName:c,prefix:p,suffix:b,value:x,placeholder:v,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,popup:he,opened:Be,adaptive:mt,adaptiveSettings:Et,adaptiveTitle:At,adaptiveSubtitle:ma,adaptiveFilter:Gi,...Vr}=e;return(0,we.jsxs)(we.Fragment,{children:[(0,we.jsxs)(ao,{...Vr,size:t,rounded:o,fillMode:a,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,className:r(e.className,Ud,{"k-icon-picker":!n&&c}),children:[(0,we.jsx)(_t,{children:p}),(0,we.jsx)(jo,{placeholder:v,value:x,showValue:n,valueIconName:c}),(0,we.jsx)(pt,{valid:M,invalid:w,loading:_,disabled:G}),(0,we.jsx)(Nt,{loading:_,disabled:G}),(0,we.jsx)(zt,{children:b}),(0,we.jsx)(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),Be&&he&&(0,we.jsx)(Ne,{className:"k-list-container k-dropdownlist-popup",children:he}),mt&&(0,we.jsx)(Ae,{adaptive:!0,...Et,header:(0,we.jsx)(ut,{actionsEnd:(0,we.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Gi,inputValue:x,inputPlaceholder:v,title:At,subtitle:ma}),children:(0,we.jsx)("div",{className:"k-list-container",children:(0,we.jsx)(Y,{size:"large",children:(0,we.jsxs)(se,{children:[(0,we.jsx)($,{text:"List item"}),(0,we.jsx)($,{text:"List item"}),(0,we.jsx)($,{text:"List item"})]})})})})]})};ue.states=lT;ue.options=nT;ue.className=Ud;ue.defaultOptions=Vl;ue.moduleName=zd;ue.folderName=Fd;var sT=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var dT=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),cT=ue.states,mT=ue.defaultOptions,pT=ue.options,uT=[{name:"opened",title:"Opened"}],bT=[],cr=e=>{let{modifiers:t,...o}=e,a={},i=(0,vt.jsxs)(vt.Fragment,{children:[(0,vt.jsx)("div",{className:"k-list-filter",children:(0,vt.jsx)(Ce,{})}),(0,vt.jsx)(Y,{style:{width:300},size:o.size,children:(0,vt.jsxs)(se,{children:[(0,vt.jsx)($,{children:"List item"}),(0,vt.jsx)($,{children:"List item"}),(0,vt.jsx)($,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?i:void 0)}),(0,vt.jsx)("div",{children:(0,vt.jsx)(ue,{placeholder:"Value",style:{width:300},...o,...a})})};cr.options=pT;cr.states=cT;cr.variants=bT;cr.defaultOptions=mT;cr.modifiers=uT;var Wd=require("react/jsx-runtime");var Xd=require("react/jsx-runtime");var fT=require("react/jsx-runtime");var ni=require("react/jsx-runtime"),TT=J.states,hT=J.defaultOptions,xT=J.options,NT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],gT=[],mr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,ni.jsx)(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,ni.jsx)(rl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;case"spin-button":a.showSpinButton=t==null?void 0:t[i];break;default:break}}),(0,ni.jsx)(yd,{value:"Value",style:{width:300},...o,...a})};mr.options=xT;mr.states=TT;mr.variants=gT;mr.defaultOptions=hT;mr.modifiers=NT;var O=require("react/jsx-runtime"),Jd="k-colorgradient-inputs",kT=[],vT={size:[s.undefined,s.small,s.medium,s.large]},qd={mode:"rgba"},va=e=>{let{mode:t=qd.mode,size:o,...a}=e;return(0,O.jsxs)("div",{...a,className:r(Jd,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,O.jsx)(ge,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};va.states=kT;va.options=vT;va.className=Jd;va.defaultOptions=qd;var rt=require("react/jsx-runtime"),Yd="k-colorgradient-color-contrast",LT=[],CT={},MT={},La=()=>(0,rt.jsxs)("div",{className:r(Yd,"k-vbox"),children:[(0,rt.jsxs)("div",{className:"k-contrast-ratio",children:[(0,rt.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,rt.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,rt.jsx)(f,{icon:"check"}),(0,rt.jsx)(f,{icon:"check"})]})]}),(0,rt.jsxs)("div",{children:[(0,rt.jsx)("span",{children:"AA: 4.5"}),(0,rt.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,rt.jsx)(f,{icon:"check"})]})]}),(0,rt.jsxs)("div",{children:[(0,rt.jsx)("span",{children:"AAA: 7.0"}),(0,rt.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,rt.jsx)(f,{icon:"x"})]})]})]});La.states=LT;La.options=CT;La.className=Yd;La.defaultOptions=MT;var Qd="color-gradient",Zd="colorgradient";var Ke=require("react/jsx-runtime"),si="k-colorgradient",wT=[l.hover,l.focus,l.readonly,l.disabled],yT={size:[s.undefined,s.small,s.medium,s.large]},so={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"},qe=e=>{let{size:t,mode:o=so.mode,readonly:a=so.readonly,disabled:i=so.disabled,gradientStyle:n=so.gradientStyle,dragHandleStyle:c=so.dragHandleStyle,alphaStyle:p=so.alphaStyle,alphaStyleHorizontal:b=so.alphaStyleHorizontal,contrast:x=so.contrast,dir:v,hover:L,focus:T,hoverHandle:M,focusHandle:w,canvasOrientation:I=so.canvasOrientation,role:_,tabIndex:G,...V}=e;return(0,Ke.jsxs)("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:G??0,"aria-disabled":i?"true":void 0,className:r(e.className,si,y(si,{size:t}),C(si,{hover:L,focus:T,readonly:a,disabled:i})),dir:v,children:[!I||I==="horizontal"&&(0,Ke.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ke.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Ke.jsx)("div",{className:"k-hsv-gradient",children:(0,Ke.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":w}),style:c,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,Ke.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ke.jsx)(Cl,{className:"k-hue-slider",hover:M,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,Ke.jsx)(Cl,{className:"k-alpha-slider",hover:M,focus:w,trackStyle:p})]})]}),I==="vertical"&&(0,Ke.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ke.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Ke.jsx)("div",{className:"k-hsv-gradient",children:(0,Ke.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":w}),style:c,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,Ke.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ke.jsx)(Ll,{className:"k-hue-slider",hover:M,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,Ke.jsx)(Ll,{className:"k-alpha-slider",hover:M,focus:w,trackStyle:b})]})]}),(0,Ke.jsx)(va,{mode:e.mode,size:t}),x&&(0,Ke.jsx)(La,{})]})};qe.states=wT;qe.options=yT;qe.className=si;qe.defaultOptions=so;qe.moduleName=Qd;qe.folderName=Zd;qe.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 jd=require("react/jsx-runtime"),di=e=>(0,jd.jsx)(qe,{...e});var ST=require("react/jsx-runtime");var ET=require("react/jsx-runtime");var ci=require("react/jsx-runtime"),AT=qe.options,IT=qe.states,RT={...qe.defaultOptions,variant:"rgba"},OT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],BT=[],pr=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,ci.jsx)(di,{...o,mode:t});case"rgb":return(0,ci.jsx)(di,{...o,mode:t});default:return(0,ci.jsx)(di,{...o,mode:t})}};pr.options=AT;pr.states=IT;pr.variants=OT;pr.defaultOptions=RT;pr.modifiers=BT;var ec=require("react/jsx-runtime"),Xl=e=>(0,ec.jsx)("tr",{role:"row",children:e.children});var tc=require("react/jsx-runtime"),Jl="k-colorpalette-tile",PT=[l.hover,l.focus,l.selected],KT={},Ca=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:n,...c}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,tc.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,Jl,C(Jl,{hover:a,focus:i,selected:n})),style:p})};Ca.states=PT;Ca.options=KT;Ca.className=Jl;var oc="color-palette",ac="colorpalette";var Ma=require("react/jsx-runtime"),mi="k-colorpalette",HT=[l.disabled],DT={size:[s.undefined,s.small,s.medium,s.large]},rc={columns:10},Lt=e=>{let{size:t,palette:o,columns:a=rc.columns,tileSize:i,disabled:n,...c}=e,p=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(v,L)=>{let T=[];x.slice(L*b,(L+1)*b).map((w,I)=>{T.push((0,Ma.jsx)(Ca,{color:w,tileSize:i},I))});let M=(0,Ma.jsx)(Xl,{children:T},L);p.push(M)})}return(0,Ma.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,mi,C(mi,{disabled:n}),y(mi,{size:t})),children:(0,Ma.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Ma.jsx)("tbody",{children:p.length>0?p:e.children})})})};Lt.states=HT;Lt.options=DT;Lt.className=mi;Lt.defaultOptions=rc;Lt.moduleName=oc;Lt.folderName=ac;Lt.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 pi=Lt;var ur={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 lc=require("react/jsx-runtime"),ic=e=>(0,lc.jsx)(pi,{palette:ur.basic,...e});var GT=require("react/jsx-runtime");var nc=require("react/jsx-runtime");var sc=require("react/jsx-runtime"),_T=Lt.options,zT=Lt.states,FT={...Lt.defaultOptions,variant:"basic"},UT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],VT={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}},$T=[],br=e=>{let{variant:t="basic",...o}=e,a=VT[t];return(0,sc.jsx)(ic,{columns:a.columns,palette:a,...o})};br.options=_T;br.states=zT;br.variants=UT;br.defaultOptions=FT;br.modifiers=$T;var dc="color-editor",cc="coloreditor";var Ie=require("react/jsx-runtime"),ui="k-coloreditor",WT=[l.focus],XT={size:[s.undefined,s.small,s.medium,s.large]},fr={view:"gradient",palette:ur.office,actionButtons:!0,canvasOrientation:"horizontal"},Re=e=>{let{size:t,view:o=fr.view,palette:a=fr.palette,color:i,currentColor:n,focus:c,focusView:p,dir:b,group:x,actionButtons:v=fr.actionButtons,canvasOrientation:L=fr.canvasOrientation,...T}=e;return(0,Ie.jsxs)("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",ui,y(ui,{size:t}),C(ui,{focus:c})),dir:b,children:[(0,Ie.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Ie.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Ie.jsxs)(D,{fillMode:"flat",children:[(0,Ie.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Ie.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Ie.jsx)("div",{className:"k-spacer"}),(0,Ie.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Ie.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Ie.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Ie.jsx)(Io,{className:"k-coloreditor-preview-color",color:i}),(0,Ie.jsx)(Io,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Ie.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Ie.jsx)(qe,{focus:p,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):(0,Ie.jsx)(Lt,{palette:a,size:t})}),v&&(0,Ie.jsxs)(io,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Ie.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Ie.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Re.states=WT;Re.options=XT;Re.className=ui;Re.defaultOptions=fr;Re.moduleName=dc;Re.folderName=cc;Re.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 wa=Re;var JT=require("react/jsx-runtime");var qT=require("react/jsx-runtime");var pc=require("react/jsx-runtime"),mc=e=>(0,pc.jsx)(wa,{group:!0,currentColor:"fuchsia",...e});var bc=require("react/jsx-runtime"),uc=e=>(0,bc.jsx)(wa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var ql=require("react/jsx-runtime"),YT=Re.options,QT=Re.states,ZT={...Re.defaultOptions,variant:"gradient"},jT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],eh=[],Tr=e=>{let{variant:t,...o}=e;return t==="palette"?(0,ql.jsx)(uc,{...o,color:"white"}):(0,ql.jsx)(mc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Tr.options=YT;Tr.states=QT;Tr.variants=jT;Tr.defaultOptions=ZT;Tr.modifiers=eh;var fc="color-picker",Tc="colorpicker";var He=require("react/jsx-runtime"),hc="k-colorpicker",th=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],oh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},xc={arrowIconName:"caret-alt-down"},Bt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=xc.arrowIconName,prefix:n,suffix:c,value:p,placeholder:b,hover:x,focus:v,valid:L,invalid:T,required:M,disabled:w,valueIconName:I,popup:_,opened:G,adaptive:V,adaptiveSettings:he,adaptiveTitle:Be,adaptiveSubtitle:mt,...Et}=e,At="colorpicker-popup";return(0,He.jsxs)(He.Fragment,{children:[(0,He.jsxs)(ao,{...Et,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:L,invalid:T,required:M,disabled:w,role:"combobox","aria-haspopup":"dialog","aria-expanded":G?"true":"false","aria-controls":G||V?At:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":w?"true":void 0,className:r(e.className,hc,"k-icon-picker"),children:[(0,He.jsx)(_t,{children:n}),(0,He.jsx)(jo,{placeholder:b,value:p,showValue:!1,valueIcon:(0,He.jsx)(Io,{className:"k-value-icon",color:p,iconName:I}),valueIconName:I}),(0,He.jsx)(zt,{children:c}),(0,He.jsx)(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:w})]}),G&&_&&(0,He.jsx)(Ne,{id:At,className:"k-colorpicker-popup",children:_}),V&&(0,He.jsx)(Ae,{adaptive:!0,id:At,...he,header:(0,He.jsx)(ut,{actionsEnd:(0,He.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Be,subtitle:mt}),footer:(0,He.jsxs)(Ro,{children:[(0,He.jsx)(d,{text:"Cancel",size:"large"}),(0,He.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,He.jsx)(Re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Bt.states=th;Bt.options=oh;Bt.className=hc;Bt.defaultOptions=xc;Bt.moduleName=fc;Bt.folderName=Tc;Bt.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 Do=Bt;var Nc=require("react/jsx-runtime"),bi=e=>(0,Nc.jsx)(Do,{...e});var ah=require("react/jsx-runtime");var rh=require("react/jsx-runtime");var ih=require("react/jsx-runtime");var lh=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),dh=Do.options,ch=Do.states,gc={...Do.defaultOptions,variant:"color"},mh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],ph=[{name:"opened",title:"Opened"}],hr=e=>{let{variant:t,modifiers:o,...a}={...gc,...e},i={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(i.opened=!!(o!=null&&o[c]),i.popup=o!=null&&o[c]?(0,Go.jsx)(Re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Go.jsx)("div",{style:n,children:(0,Go.jsx)(bi,{...a,...i})});case"icon":return(0,Go.jsx)("div",{style:n,children:(0,Go.jsx)(bi,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return(0,Go.jsx)("div",{style:n,children:(0,Go.jsx)(bi,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};hr.options=dh;hr.states=ch;hr.variants=mh;hr.defaultOptions=gc;hr.modifiers=ph;var Yl="combobox",kc=Yl;var Z=require("react/jsx-runtime"),vc="k-combobox",uh=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],bh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Lc={separators:!0},ft=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Lc.separators,prefix:n,suffix:c,value:p,placeholder:b,hover:x,focus:v,valid:L,invalid:T,required:M,loading:w,disabled:I,popup:_,opened:G,readonly:V,adaptive:he,adaptiveSettings:Be,adaptiveTitle:mt,adaptiveSubtitle:Et,adaptiveCustomValue:At,id:ma,autocomplete:Gi,activeDescendant:Vr,"aria-label":su,...du}=e,cu=ma?`${ma}-listbox`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(Pe,{...du,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:L,invalid:T,required:M,loading:w,disabled:I,readonly:V,className:r(e.className,vc),children:[n&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(_t,{children:n}),i&&(0,Z.jsx)(Ft,{})]}),(0,Z.jsx)(Rt,{placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":G?"true":"false","aria-controls":G?cu:void 0,"aria-activedescendant":G&&Vr?Vr:void 0,"aria-autocomplete":Gi,"aria-invalid":T?"true":void 0,"aria-busy":w?"true":void 0,"aria-label":su,disabled:I,readOnly:V}),(0,Z.jsx)(pt,{valid:L,invalid:T,loading:w,disabled:I}),(0,Z.jsx)(Nt,{loading:w,disabled:I}),(0,Z.jsx)(It,{loading:w,disabled:I,readonly:V,value:p}),c&&(0,Z.jsxs)(Z.Fragment,{children:[i&&(0,Z.jsx)(Ft,{}),(0,Z.jsx)(zt,{children:c})]}),(0,Z.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),G&&_&&(0,Z.jsx)(Ne,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),he&&(0,Z.jsx)(Ae,{adaptive:!0,id:ma?`${ma}-adaptive`:void 0,...Be,header:(0,Z.jsx)(ut,{actionsEnd:(0,Z.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:mt,subtitle:Et}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(Y,{customValue:At?(0,Z.jsx)(Ho,{text:`Use "${p}"`}):void 0,size:"large",children:(0,Z.jsxs)(se,{"aria-label":mt||"Options",children:[(0,Z.jsx)($,{text:"List item"}),(0,Z.jsx)($,{text:"List item"}),(0,Z.jsx)($,{text:"List item"})]})})})})]})};ft.states=uh;ft.options=bh;ft.className=vc;ft.defaultOptions=Lc;ft.moduleName=Yl;ft.folderName=kc;ft.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-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 Pt=ft;var Mc=require("react/jsx-runtime"),Cc=e=>(0,Mc.jsx)(Pt,{...e});var wc=require("react/jsx-runtime");var yc=require("react/jsx-runtime");var Sc=require("react/jsx-runtime");var Ec=require("react/jsx-runtime");var Ac=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var fh=require("react/jsx-runtime");var Th=require("react/jsx-runtime");var Rc=require("react/jsx-runtime");var Oc=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),hh=ft.states,xh=ft.defaultOptions,Nh=ft.options,gh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],kh=[],xr=e=>{let{modifiers:t,...o}=e,a={},i=(0,eo.jsx)(Y,{style:{width:300},size:o.size,children:(0,eo.jsxs)(se,{children:[(0,eo.jsx)($,{children:"List item"}),(0,eo.jsx)($,{children:"List item"}),(0,eo.jsx)($,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,eo.jsx)(f,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,eo.jsx)(Ao,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?i:void 0;break;default:break}}),(0,eo.jsx)("div",{children:(0,eo.jsx)(Cc,{value:"Value",style:{width:300},...o,...a})})};xr.options=Nh;xr.states=hh;xr.variants=kh;xr.defaultOptions=xh;xr.modifiers=gh;var Zl="menu-button",Bc=Zl;var Kc=require("react/jsx-runtime"),Pc="k-menu-button",vh=[l.hover,l.focus,l.active,l.selected,l.disabled],Lh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},jl={showArrow:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,icon:v,text:L,showArrow:T=jl.showArrow,arrowIconName:M=jl.arrowIconName,expanded:w,...I}=e;return(0,Kc.jsx)(d,{...I,className:r(e.className,Pc),text:L,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,icon:v,showArrow:T,arrowIconName:M,"aria-expanded":w?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};be.states=vh;be.options=Lh;be.className=Pc;be.defaultOptions=jl;be.moduleName=Zl;be.folderName=Bc;be.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 Ch=require("react/jsx-runtime");var Mh=require("react/jsx-runtime");var wh=require("react/jsx-runtime");var Kt="menu",Wt=Kt;var No=require("react/jsx-runtime"),en="k-menu-item",yh=[l.hover,l.focus,l.active,l.selected,l.disabled],Sh={},Hc={iconPosition:"before"},it=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:b,last:x,showArrow:v,arrowIconName:L,iconPosition:T=Hc.iconPosition,dir:M,children:w,expanded:I,..._}=e,G=L;return G||(G=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,No.jsxs)("li",{..._,className:r(e.className,en,"k-item",C(en,{focus:o,disabled:n,hover:t,active:a,selected:i}),{"k-first":b,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,No.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&T==="before"&&(0,No.jsx)(f,{className:"k-menu-link-icon",icon:c}),(0,No.jsx)("span",{className:"k-menu-link-text",children:p}),c&&T==="after"&&(0,No.jsx)(f,{className:"k-menu-link-icon",icon:c}),v&&(0,No.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,No.jsx)(f,{icon:G})})]}),w]})};it.states=yh;it.options=Sh;it.className=en;it.defaultOptions=Hc;it.moduleName=Kt;it.folderName=Wt;var go=require("react/jsx-runtime"),tn="k-menu-item",Eh=[l.hover,l.focus,l.active,l.selected,l.disabled],Ah={},on={dir:"ltr",iconPosition:"before"},ye=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:b,last:x,showArrow:v,arrowIconName:L,iconPosition:T=on.iconPosition,dir:M=on.dir,children:w,popup:I,expanded:_,...G}=e,V=L;return V||(V=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,go.jsxs)("li",{...G,className:r(e.className,tn,"k-item",C(tn,{focus:o,disabled:n}),{"k-first":b,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":_?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,go.jsxs)("span",{className:r("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:i,disabled:n})),children:[c&&T==="before"&&(0,go.jsx)(f,{className:"k-menu-link-icon",icon:c}),(0,go.jsx)("span",{className:"k-menu-link-text",children:p}),c&&T==="after"&&(0,go.jsx)(f,{className:"k-menu-link-icon",icon:c}),v&&(0,go.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,go.jsx)(f,{icon:V})})]}),w,I]})};ye.states=Eh;ye.options=Ah;ye.className=tn;ye.defaultOptions=on;ye.moduleName=Kt;ye.folderName=Wt;var _c=require("react/jsx-runtime"),Dc="k-menu-scroll-wrapper",Ih=[],Rh={},Oh={},ia=e=>{let{className:t,children:o,orientation:a,...i}=e;return(0,_c.jsx)("div",{...i,className:r(t,Dc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ia.states=Ih;ia.options=Rh;ia.className=Dc;ia.defaultOptions=Oh;ia.moduleName=Kt;ia.folderName=Wt;var Gc=ia;var Ye=require("react/jsx-runtime"),an="k-menu",Bh=[],Ph={},Ti={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Qe=e=>{let{children:t,orientation:o=Ti.orientation,header:a=Ti.header,scrollable:i,scrollButtonsPosition:n=Ti.scrollButtonsPosition,wrapperStyles:c,dir:p,popup:b,contextMenu:x,...v}=e,L={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=(0,Ye.jsx)("ul",{dir:p,...v,className:r(e.className,"k-reset",an,{[`${an}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ye.jsxs)(Ye.Fragment,{children:[i?(0,Ye.jsxs)(Gc,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&(0,Ye.jsxs)(Ye.Fragment,{children:[(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,n==="end"&&(0,Ye.jsxs)(Ye.Fragment,{children:[(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,b]})};Qe.states=Bh;Qe.options=Ph;Qe.className=an;Qe.defaultOptions=Ti;Qe.moduleName=Kt;Qe.folderName=Wt;Qe.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[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",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[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",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 Fc=require("react/jsx-runtime"),rn="k-separator",zc={orientation:"horizontal"},ya=e=>{let{orientation:t=zc.orientation,...o}=e;return(0,Fc.jsx)("li",{...o,className:r(e.className,"k-item",rn,{[`${rn}-${t}`]:t}),role:"separator"})};ya.className=rn;ya.defaultOptions=zc;ya.moduleName=Kt;ya.folderName=Wt;var Uc=require("react/jsx-runtime");var Vc=require("react/jsx-runtime"),ln="k-menu-group",Kh=[],Hh={size:[s.undefined,s.small,s.medium,s.large]},Dh={},lt=e=>{let{children:t,size:o,...a}=e;return(0,Vc.jsx)("ul",{...a,className:r(e.className,ln,y(ln,{size:o})),role:"menu",children:t})};lt.states=Kh;lt.options=Hh;lt.className=ln;lt.defaultOptions=Dh;lt.moduleName=Kt;lt.folderName=Wt;var to=require("react/jsx-runtime"),nn=e=>(0,to.jsx)(Qe,{children:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(it,{first:!0,text:"Item 1"}),(0,to.jsx)(it,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,to.jsx)(it,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,to.jsx)(it,{text:"Item 4"}),(0,to.jsx)(it,{last:!0,text:"Item 5"})]}),...e});var sn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var co=require("react/jsx-runtime"),Gh=Qe.options,_h=Qe.states,$c={...Qe.defaultOptions,variant:"horizontal"},zh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Fh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Nr=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},i={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":i.scrollable=!!(o!=null&&o[n]);break;case"opened":i.opened=!!(o!=null&&o[n]),i.popup=(0,co.jsx)(Ne,{className:"k-menu-popup",children:(0,co.jsxs)(lt,{children:[(0,co.jsx)(ye,{text:"Item 1"}),(0,co.jsx)(ye,{text:"Item 2"}),(0,co.jsx)(ya,{}),(0,co.jsx)(ye,{text:"Item 3"})]})});break}}),t==="vertical"?(0,co.jsx)(nn,{...a,...i,orientation:"vertical",style:{width:"200px"}}):(0,co.jsx)(nn,{...a,...i})};Nr.options=Gh;Nr.states=_h;Nr.variants=zh;Nr.defaultOptions=$c;Nr.modifiers=Fh;var pn=require("react/jsx-runtime");var Uh=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Vh=d.states,Wc={...d.defaultOptions,variant:"text"},$h=d.options,Wh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xh=[{name:"opened",title:"Opened"}],gr=e=>{let{variant:t,modifiers:o,...a}={...Wc,...e},i={},n=(0,nt.jsx)(Ne,{className:"k-menu-popup",children:(0,nt.jsxs)(lt,{size:a.size,children:[(0,nt.jsx)(ye,{first:!0,text:"Menu Item"}),(0,nt.jsx)(ye,{text:"Menu Item"}),(0,nt.jsx)(ye,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,nt.jsx)("div",{children:(0,nt.jsx)(be,{...a,...i,icon:"star"})});break;case"icon-and-text":c=(0,nt.jsx)("div",{children:(0,nt.jsx)(be,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:c=(0,nt.jsx)("div",{children:(0,nt.jsx)(be,{...a,...i,children:"Dropdown Button"})});break}return(0,nt.jsxs)(nt.Fragment,{children:[c,(o==null?void 0:o.opened)&&n]})};gr.options=$h;gr.states=Vh;gr.variants=Wh;gr.defaultOptions=Wc;gr.modifiers=Xh;var un="split-button",Xc=un;var ko=require("react/jsx-runtime"),bn="k-split-button",Jh=[l.hover,l.focus,l.active,l.selected,l.disabled],qh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Jc={arrowIconName:"caret-alt-down"},U=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,icon:v,text:L,arrowIconName:T=Jc.arrowIconName,popup:M,opened:w,popupId:I,..._}=e;return(0,ko.jsxs)(ko.Fragment,{children:[(0,ko.jsxs)("div",{..._,className:r(e.className,bn,"k-button-group",y(bn,{rounded:o})),children:[(0,ko.jsx)(d,{text:L,icon:v,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),(0,ko.jsx)(d,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":w?"true":"false","aria-controls":w?I:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),w&&M&&(0,ko.jsx)(Ne,{className:"k-menu-popup",children:M})]})};U.states=Jh;U.options=qh;U.className=bn;U.defaultOptions=Jc;U.moduleName=un;U.folderName=Xc;U.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 fn=U;var qc=require("react/jsx-runtime"),Yh="k-toolbar-separator",oo=e=>(0,qc.jsx)("div",{className:r(Yh,e.className,"k-separator")});var vo="toolbar",_o=vo;var F=require("react/jsx-runtime"),Lo="k-toolbar",Qh=[l.focus],Zh={size:[s.undefined,s.small,s.medium,s.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},jh={scrollButtons:"around"},de=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:n,scrollButtons:c,scrollingPosition:p,section:b,...x}=e,v=[],L=(T,M)=>{let w=[];if(T.type===d&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))w.push((0,F.jsx)(d,{...T.props,className:`${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===d)w.push((0,F.jsx)(d,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===_a)w.push((0,F.jsx)(_a,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===Ao)w.push((0,F.jsx)(Ao,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===be)w.push((0,F.jsx)(be,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===fn)w.push((0,F.jsx)(fn,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===D||T.props.className&&T.props.className.includes("k-button-group")){let I=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((G,V)=>{I.push((0,F.jsx)(d,{...G.props,className:`${G.props.className?G.props.className:""}`},`${V}-${new Date().getTime()}`))}),w.push((0,F.jsx)(D,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:I},`${M}-${new Date().getTime()}`))}else T.type===ft?w.push((0,F.jsx)(ft,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`)):T.type===ue?w.push((0,F.jsx)(ue,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`)):T.type===Bt?w.push((0,F.jsx)(Bt,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`)):w.push(T);w.forEach(I=>{v.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,w)=>{L(M,w)}),(0,F.jsxs)("div",{...x,className:r(e.className,Lo,y(Lo,{size:t,fillMode:o}),C(Lo,{focus:a}),{[`${Lo}-resizable`]:i,[`${Lo}-scrollable`]:n,[`${Lo}-scrollable-overlay`]:n&&c==="hidden",[`${Lo}-scrollable-${p}`]:p&&p!=="both",[`${Lo}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&v,n&&c==="hidden"&&(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),n&&c==="start"&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsxs)(D,{children:[(0,F.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,F.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),n&&c==="end"&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsxs)(D,{children:[(0,F.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,F.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"||!c)&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};de.states=Qh;de.options=Zh;de.className=Lo;de.defaultOptions=jh;de.moduleName=vo;de.folderName=_o;de.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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var Qc=require("react/jsx-runtime"),Yc="k-floating-toolbar",ex=[],tx={},ox={},Sa=e=>{let{...t}=e;return(0,Qc.jsx)("div",{...t,className:r(e.className,Yc),children:e.children})};Sa.states=ex;Sa.options=tx;Sa.className=Yc;Sa.defaultOptions=ox;Sa.moduleName=vo;Sa.folderName=_o;var Zc=require("react/jsx-runtime"),Tn="k-toolbar-item",ax=[l.focus],rx={},ix={},Ea=e=>{let{focus:t,...o}=e;return(0,Zc.jsx)("div",{...o,className:r(e.className,Tn,C(Tn,{focus:t})),children:e.children})};Ea.states=ax;Ea.options=rx;Ea.className=Tn;Ea.defaultOptions=ix;Ea.moduleName=vo;Ea.folderName=_o;var hn=require("react/jsx-runtime"),jc="k-toolbar-popup",lx=[],nx={size:[s.undefined,s.small,s.medium,s.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},sx={},la=e=>{let{size:t,fillMode:o,section:a,...i}=e;return(0,hn.jsx)(Ne,{...i,className:r(e.className,jc),children:a?(0,hn.jsx)("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};la.states=lx;la.options=nx;la.className=jc;la.defaultOptions=sx;la.moduleName=vo;la.folderName=_o;var hi=la;var dx=require("react/jsx-runtime");var cx=require("react/jsx-runtime");var mx=require("react/jsx-runtime");var em=require("react/jsx-runtime");var px=require("react/jsx-runtime");var Xt=require("react/jsx-runtime"),ux=U.states,tm={...U.defaultOptions,variant:"text"},bx=U.options,fx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Tx=[{name:"opened",title:"Opened"}],kr=e=>{let{variant:t,modifiers:o,...a}={...tm,...e},i={},n=(0,Xt.jsxs)(lt,{size:a.size,children:[(0,Xt.jsx)(ye,{first:!0,text:"Menu Item"}),(0,Xt.jsx)(ye,{text:"Menu Item"}),(0,Xt.jsx)(ye,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(i.opened=!!(o!=null&&o[c]),i.popup=o!=null&&o[c]?n:"")}),t){case"icon-only":return(0,Xt.jsx)("div",{children:(0,Xt.jsx)(U,{...a,...i,icon:"star"})});case"icon-and-text":return(0,Xt.jsx)("div",{children:(0,Xt.jsx)(U,{...a,...i,icon:"star",children:"Split Button"})});default:return(0,Xt.jsx)("div",{children:(0,Xt.jsx)(U,{...a,...i,children:"Split Button"})})}};kr.options=bx;kr.states=ux;kr.variants=fx;kr.defaultOptions=tm;kr.modifiers=Tx;var mo=require("react/jsx-runtime"),om=e=>(0,mo.jsx)(de,{children:[(0,mo.jsx)(d,{children:"Button"},"toolbar-button"),(0,mo.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,mo.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,mo.jsxs)(D,{children:[(0,mo.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,mo.jsx)(d,{icon:"align-center",children:"Center"}),(0,mo.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var am=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),rm=e=>(0,Ze.jsx)(de,{scrollable:!0,...e,children:[(0,Ze.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ze.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,Ze.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,Ze.jsxs)(D,{children:[(0,Ze.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ze.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ze.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ze.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ze.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,Ze.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,Ze.jsxs)(D,{children:[(0,Ze.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ze.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ze.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var je=require("react/jsx-runtime"),im=({scrollingPosition:e="start",...t})=>(0,je.jsx)(de,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,je.jsx)(d,{children:"Button"},"toolbar-button"),(0,je.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,je.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,je.jsxs)(D,{children:[(0,je.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,je.jsx)(d,{icon:"align-center",children:"Center"}),(0,je.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,je.jsx)(d,{children:"Button"},"toolbar-button"),(0,je.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,je.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,je.jsxs)(D,{children:[(0,je.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,je.jsx)(d,{icon:"align-center",children:"Center"}),(0,je.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Se=require("react/jsx-runtime"),lm=({fillMode:e,size:t,...o})=>(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(de,{section:!0,fillMode:e,size:t,children:[(0,Se.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Se.jsxs)(D,{fillMode:e,children:[(0,Se.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Se.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Se.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Se.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,Se.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Se.jsxs)(hi,{size:t,fillMode:e,section:!0,...o,children:[(0,Se.jsx)(U,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Se.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Se.jsx)(oo,{}),(0,Se.jsx)(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Se.jsxs)(D,{fillMode:e,children:[(0,Se.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Se.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Se.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var xn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var Co=require("react/jsx-runtime"),hx=de.options,xx=de.states,nm={...de.defaultOptions,variant:"default"},Nx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],gx=[],vr=e=>{let{variant:t,...o}={...nm,...e};switch(t){case"responsive":return(0,Co.jsx)("div",{children:(0,Co.jsx)(lm,{style:{width:"583px"},...o})});case"overlay":return(0,Co.jsx)("div",{children:(0,Co.jsx)(im,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Co.jsx)("div",{children:(0,Co.jsx)(rm,{style:{width:"583px"},...o})});default:return(0,Co.jsx)("div",{children:(0,Co.jsx)(om,{style:{width:"583px"},...o})})}};vr.options=hx;vr.states=xx;vr.variants=Nx;vr.defaultOptions=nm;vr.modifiers=gx;var po="file-manager",uo="filemanager";var dm=require("react/jsx-runtime"),sm="k-filemanager-toolbar",kx=[],vx={},Lx={},st=e=>{let{children:t,...o}=e;return(0,dm.jsx)(de,{...o,className:r(e.className,sm),children:t})};st.states=kx;st.options=vx;st.className=sm;st.defaultOptions=Lx;st.moduleName=po;st.folderName=uo;var gn="switch",cm=gn;var Fo=require("react/jsx-runtime"),zo="k-switch",Cx=[l.hover,l.focus,l.disabled,l.readonly,l.checked],Mx={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],thumbRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},wx={},ve=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:n,thumbRounded:c,hover:p,focus:b,disabled:x,readonly:v,...L}=e;return(0,Fo.jsxs)("span",{...L,className:r(e.className,zo,y(zo,{size:i}),C(zo,{hover:p,focus:b,disabled:x,readonly:v}),{[`${zo}-on`]:t,[`${zo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":v?"true":void 0,children:[(0,Fo.jsxs)("span",{className:r("k-switch-track",y(zo,{rounded:n})),children:[o&&(0,Fo.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,Fo.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,Fo.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,Fo.jsx)("span",{className:r("k-switch-thumb",y(zo,{rounded:c}))})})]})};ve.states=Cx;ve.options=Mx;ve.className=zo;ve.defaultOptions=wx;ve.moduleName=gn;ve.folderName=cm;ve.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var yx=require("react/jsx-runtime");var Sx=require("react/jsx-runtime");var Ex=require("react/jsx-runtime");var Ax=require("react/jsx-runtime");var vn=require("react/jsx-runtime"),Ix=ve.options,Rx=ve.states,Ox={...ve.defaultOptions,variant:"on"},Bx=[{name:"on",title:"On"},{name:"off",title:"Off"}],Px=[],Lr=e=>{let{variant:t,...o}=e;return t==="off"?(0,vn.jsx)(ve,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,vn.jsx)(ve,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Lr.options=Ix;Lr.states=Rx;Lr.variants=Bx;Lr.defaultOptions=Ox;Lr.modifiers=Px;var Le=require("react/jsx-runtime"),Ln="k-filemanager",Kx=[l.disabled],Hx={},Dx=(0,Le.jsx)(Le.Fragment,{children:(0,Le.jsxs)(st,{children:[(0,Le.jsx)(d,{children:"New Folder"}),(0,Le.jsx)(d,{children:"Upload"}),(0,Le.jsxs)(D,{children:[(0,Le.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,Le.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,Le.jsx)(U,{text:"Sort By"}),(0,Le.jsxs)(D,{children:[(0,Le.jsx)(d,{className:"k-group-start",icon:"grid-layout"}),(0,Le.jsx)(d,{className:"k-group-end",icon:"grid"})]}),(0,Le.jsx)("div",{className:"k-spacer"}),(0,Le.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Le.jsx)("label",{children:"View Details"}),(0,Le.jsx)(ve,{})]}),(0,Le.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),mm={toolbar:Dx},Ue=e=>{let{disabled:t,toolbar:o=mm.toolbar,...a}=e;return(0,Le.jsxs)("div",{...a,className:r(e.className,Ln,C(Ln,{disabled:t})),children:[(0,Le.jsx)("div",{className:"k-filemanager-header",children:o}),(0,Le.jsx)("div",{className:"k-filemanager-content-container",children:e.children})]})};Ue.states=Kx;Ue.options=Hx;Ue.className=Ln;Ue.defaultOptions=mm;Ue.moduleName=po;Ue.folderName=uo;var Cn="breadcrumb",pm=Cn;var bm=require("react/jsx-runtime"),xi="k-breadcrumb",Gx=[l.focus],_x={size:[s.undefined,s.small,s.medium,s.large]},um={collapsing:"auto"},De=e=>{let{size:t,collapsing:o=um.collapsing,focus:a,...i}=e;return(0,bm.jsx)("nav",{...i,className:r(e.className,xi,C(xi,{focus:a}),y(xi,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};De.states=Gx;De.options=_x;De.className=xi;De.defaultOptions=um;De.moduleName=Cn;De.folderName=pm;De.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var zx=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var fm=require("react/jsx-runtime"),Ux="k-breadcrumb-container",Vx={collapsing:"auto"},Tt=e=>{let{collapsing:t=Vx.collapsing,...o}=e;return(0,fm.jsx)("ol",{...o,className:r(e.className,Ux,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var Tm=require("react/jsx-runtime"),$x="k-breadcrumb-item",xe=e=>{let{root:t,last:o,...a}=e;return(0,Tm.jsx)("li",{...a,className:r(e.className,$x,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var hm=require("react/jsx-runtime"),Wx="",Xx=[l.hover,l.focus,l.disabled],fe=e=>{let{root:t,icon:o,icontext:a,hover:i,focus:n,disabled:c,last:p,...b}=e;return(0,hm.jsx)("a",{href:"#",...b,className:r(e.className,C(Wx,{hover:i,focus:n,disabled:c}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...p&&{"aria-current":"page"},...p&&{"aria-disabled":"true"},children:e.children})};fe.states=Xx;var xm=require("react/jsx-runtime"),Jx="k-breadcrumb-item-text",Jt=e=>{let{text:t,...o}=e,a=t||e.children;return(0,xm.jsx)("span",{...o,className:r(e.className,Jx),children:a})};var Mn=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var P=require("react/jsx-runtime"),qx=De.options,Yx=De.states,Qx={...De.defaultOptions,variant:"text"},Zx=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],jx=[],Cr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,P.jsx)(De,{...o,children:(0,P.jsxs)(Tt,{children:[(0,P.jsxs)(xe,{root:!0,children:[(0,P.jsx)(fe,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"cart"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"js"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"truck"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsx)(xe,{last:!0,children:(0,P.jsx)(fe,{icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"wallet-outline"})})})]})});case"icon-and-text":return(0,P.jsx)(De,{...o,children:(0,P.jsxs)(Tt,{children:[(0,P.jsxs)(xe,{root:!0,children:[(0,P.jsxs)(fe,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"cart"}),(0,P.jsx)(Jt,{text:"Cart"})]}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsxs)(fe,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"js"}),(0,P.jsx)(Jt,{text:"Billing"})]}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsxs)(fe,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"truck"}),(0,P.jsx)(Jt,{text:"Shipping"})]}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsx)(xe,{last:!0,children:(0,P.jsxs)(fe,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"wallet-outline"}),(0,P.jsx)(Jt,{text:"Payment"})]})})]})});default:return(0,P.jsx)(De,{...o,children:(0,P.jsxs)(Tt,{children:[(0,P.jsxs)(xe,{root:!0,children:[(0,P.jsx)(fe,{root:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Cart"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Billing"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Shipping"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsx)(xe,{last:!0,children:(0,P.jsx)(fe,{onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Payment"})})})]})})}};Cr.options=qx;Cr.states=Yx;Cr.variants=Zx;Cr.defaultOptions=Qx;Cr.modifiers=jx;var gm=require("react/jsx-runtime"),Nm="k-filemanager-breadcrumb",eN=[],tN={},oN={},Ct=e=>{let{children:t,...o}=e;return(0,gm.jsx)(De,{className:r(e.className,Nm),...o,children:t})};Ct.states=eN;Ct.options=tN;Ct.className=Nm;Ct.defaultOptions=oN;Ct.moduleName=po;Ct.folderName=uo;var Sn="pager",km=Sn;var Te=require("react/jsx-runtime"),Ni="k-pager",aN=[l.focus,l.disabled],rN={size:[s.undefined,s.small,s.medium,s.large]},Ht={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},Oe=e=>{let{responsive:t=Ht.responsive,size:o,pagerSizeInfo:a=Ht.pagerSizeInfo,pageTitleInfo:i=Ht.pageTitleInfo,maxPagesInfo:n=Ht.maxPagesInfo,itemsPerPage:c=Ht.itemsPerPage,maxPages:p=Ht.maxPages,currentPage:b=Ht.currentPage,previousNext:x=Ht.previousNext,type:v=Ht.type,pageSizes:L=Ht.pageSizes,refresh:T=Ht.refresh,info:M=Ht.info,focus:w,disabled:I,dir:_,...G}=e,V=[],he=[];for(let Be=1;Be<=p;Be++)V.push((0,Te.jsx)(d,{selected:Be===b,fillMode:"flat",themeColor:"primary",size:o,children:Be})),he.push((0,Te.jsx)("option",{selected:Be===b,children:Be}));return(0,Te.jsxs)("div",{dir:_,...G,className:r(e.className,Ni,y(Ni,{size:o}),C(Ni,{focus:w,disabled:I}),{"k-pager-responsive":t}),children:[(0,Te.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[x&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(d,{className:r("k-pager-nav","k-pager-first"),disabled:b===1&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Te.jsx)(d,{className:r("k-pager-nav"),disabled:b===1&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&(0,Te.jsx)("div",{className:r("k-pager-numbers"),children:V}),v==="input"&&(0,Te.jsxs)("span",{className:r("k-pager-input"),children:[i&&(0,Te.jsx)("span",{children:"Page"}),(0,Te.jsx)(J,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Te.jsx)("span",{children:n&&`of ${p}`})]}),x&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(d,{className:r("k-pager-nav"),disabled:b===p&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Te.jsx)(d,{className:r("k-pager-nav","k-pager-last"),disabled:b===p&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),L&&(0,Te.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Te.jsx)(ue,{value:`${c}`,size:o}),a&&(0,Te.jsx)("span",{children:"items per page"})]}),T&&(0,Te.jsx)(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&(0,Te.jsx)("span",{className:r("k-pager-info"),children:M})]})};Oe.states=aN;Oe.options=rN;Oe.className=Ni;Oe.defaultOptions=Ht;Oe.moduleName=Sn;Oe.folderName=km;var Lm=require("react/jsx-runtime"),vm=e=>(0,Lm.jsx)(Oe,{...e,responsive:!1});var iN=require("react/jsx-runtime");var lN=require("react/jsx-runtime");var En=require("react/jsx-runtime"),nN=Oe.options,sN=Oe.states,dN={...Oe.defaultOptions,variant:"numeric"},cN=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],mN=[],Mr=e=>{let{variant:t,...o}=e;return t==="input"?(0,En.jsx)(Oe,{...o,type:"input"}):(0,En.jsx)(Oe,{...o,type:"numeric"})};Mr.options=nN;Mr.states=sN;Mr.variants=cN;Mr.defaultOptions=dN;Mr.modifiers=mN;var wr="listview",gi=wr;var Mt=require("react/jsx-runtime"),An="k-listview",pN=[l.loading,l.disabled],uN={},Cm={pagerPosition:"bottom"},wt=e=>{let{header:t,footer:o,pageable:a,pagerPosition:i=Cm.pagerPosition,bordered:n,layout:c,flexDirection:p,flexWrap:b,gridColumns:x,loading:v,disabled:L,...T}=e,M=(0,Mt.jsx)(vm,{className:`k-listview-pager k-listview-pager-${i}`}),w=(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsxs)("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[(0,Mt.jsx)("span",{className:"k-loading-text",children:"Loading..."}),(0,Mt.jsx)("div",{className:"k-loading-image"}),(0,Mt.jsx)("div",{className:"k-loading-color"})]})});return(0,Mt.jsxs)("div",{...T,className:r(e.className,An,{"k-listview-bordered":n},C(An,{disabled:L,loading:v})),children:[a&&i==="top"&&M,t&&(0,Mt.jsx)("div",{className:"k-listview-header",children:"Header"}),(0,Mt.jsx)("div",{className:r("k-listview-content",{[`k-d-${c}`]:c,[`k-flex-${p}`]:p,[`k-flex-${b}`]:b,[`k-grid-cols-${x}`]:x}),children:e.children}),v&&w,o&&(0,Mt.jsx)("div",{className:"k-listview-footer",children:"Footer"}),a&&i==="bottom"&&M]})};wt.states=pN;wt.options=uN;wt.className=An;wt.defaultOptions=Cm;wt.moduleName=wr;wt.folderName=gi;var Mm=require("react/jsx-runtime"),In="k-listview-item",bN=[l.focus,l.selected],fN={},TN={},ee=e=>{let{focus:t,selected:o,...a}=e;return(0,Mm.jsx)("div",{...a,className:r(e.className,In,C(In,{focus:t,selected:o})),children:e.children})};ee.states=bN;ee.options=fN;ee.className=In;ee.defaultOptions=TN;ee.moduleName=wr;ee.folderName=gi;var qt=require("react/jsx-runtime"),Rn=e=>(0,qt.jsx)(wt,{children:(0,qt.jsxs)(qt.Fragment,{children:[(0,qt.jsx)(ee,{children:(0,qt.jsx)("div",{children:"Listview Item"})}),(0,qt.jsx)(ee,{children:(0,qt.jsx)("div",{children:"Listview Item"})}),(0,qt.jsx)(ee,{children:(0,qt.jsx)("div",{children:"Listview Item"})})]}),...e});var ht=require("react/jsx-runtime"),hN=wt.options,xN=wt.states,wm={...wt.defaultOptions,variant:"flex"},NN=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"}],gN=[{name:"loading",title:"Loading"},{name:"pageable",title:"Pager"}],yr=e=>{let{variant:t,modifiers:o,...a}={...wm,...e},i={};return Object.keys(o||{}).forEach(n=>{switch(n){case"loading":i.loading=!!(o!=null&&o[n]);break;case"pageable":i.pageable=!!(o!=null&&o[n]);break;default:break}}),t==="grid"?(0,ht.jsxs)(Rn,{style:{width:"324px"},...a,...i,bordered:!0,layout:"grid",gridColumns:2,children:[(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"})]}):(0,ht.jsxs)(Rn,{style:{width:"324px"},...a,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"})]})};yr.options=hN;yr.states=xN;yr.variants=NN;yr.defaultOptions=wm;yr.modifiers=gN;var Sm=require("react/jsx-runtime"),ym="k-filemanager-listview",kN=[],vN={},LN={},bo=e=>{let{children:t,...o}=e;return(0,Sm.jsx)(wt,{className:r(e.className,ym,"k-selectable"),layout:"flex",flexDirection:"row",flexWrap:"wrap",...o,children:t})};bo.states=kN;bo.options=vN;bo.className=ym;bo.defaultOptions=LN;bo.moduleName=po;bo.folderName=uo;var Li=Pa(require("react"));var ki=Pa(require("react"));var Em=require("react/jsx-runtime"),CN="k-treeview-group",Uo=e=>{let{children:t,dir:o,level:a=1,...i}=e;return(0,Em.jsx)("ul",{...i,className:r(e.className,CN),children:ki.default.Children.map(t,(n,c)=>ki.default.isValidElement(n)?ki.default.cloneElement(n,{dir:o,level:a,key:c}):n)})};var Sr="treeview",vi=Sr;var Bn=require("react/jsx-runtime"),On="k-treeview",MN=[],wN={size:[s.undefined,s.small,s.medium,s.large]},yN={},Ve=e=>{let{size:t,children:o,dir:a,...i}=e;return(0,Bn.jsx)("div",{...i,dir:a,className:r(e.className,On,y(On,{size:t})),children:(0,Bn.jsx)(Uo,{className:"k-treeview-lines",dir:a,children:Li.default.Children.map(o,(n,c)=>Li.default.isValidElement(n)?Li.default.cloneElement(n,{dir:a,key:c}):n)})})};Ve.states=MN;Ve.options=wN;Ve.className=On;Ve.defaultOptions=yN;Ve.moduleName=Sr;Ve.folderName=vi;var Mi=Pa(require("react"));var Er=require("react/jsx-runtime"),Pn="k-treeview-leaf",SN=[l.hover,l.focus,l.selected],EN={},Ci=e=>{let{text:t,showIcon:o,icon:a,hover:i,focus:n,selected:c,...p}=e;return(0,Er.jsxs)("span",{...p,className:r(e.className,Pn,C(Pn,{hover:i,focus:n,selected:c})),children:[o&&(0,Er.jsx)(f,{icon:a}),(0,Er.jsx)("span",{className:"k-treeview-leaf-text",children:t})]})};Ci.states=SN;Ci.options=EN;Ci.className=Pn;var Am=Ci;var Vo=require("react/jsx-runtime"),Im="k-treeview-item",AN=[l.hover,l.focus,l.selected,l.disabled],IN={},RN={},te=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:i,text:n,showIcon:c,icon:p,showCheckbox:b,checked:x,hover:v,focus:L,selected:T,disabled:M,dir:w,level:I=1,..._}=e,G=a||o;return(0,Vo.jsxs)("li",{..._,className:r(e.className,Im),style:{"--kendo-treeview-level":I},children:[(0,Vo.jsxs)("span",{className:r("k-treeview-item-content",C("k-treeview-item-content",{hover:v,focus:L,selected:T,disabled:M})),children:[G&&(0,Vo.jsx)("span",{className:r("k-treeview-toggle",C("k-treeview-toggle",{disabled:M})),children:(0,Vo.jsx)(f,{icon:i?"chevron-down":w==="rtl"?"chevron-left":"chevron-right"})}),b&&(0,Vo.jsx)(ot,{checked:x,disabled:M}),(0,Vo.jsx)(Am,{className:t,text:n,showIcon:c,icon:p})]}),i&&G&&Mi.default.Children.map(o,(V,he)=>Mi.default.isValidElement(V)?Mi.default.cloneElement(V,{dir:w,level:I+1,key:he}):V)]})};te.states=AN;te.options=IN;te.className=Im;te.defaultOptions=RN;te.moduleName=Sr;te.folderName=vi;var ON=require("react/jsx-runtime");var Rm=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var Bm=require("react/jsx-runtime");var Pm=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),BN=Ve.options,PN=Ve.states,KN=Ve.defaultOptions,HN=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],DN=[],Ar=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{i==="checkboxes"&&(a.showCheckbox=t==null?void 0:t[i])}),(0,Yt.jsxs)(Ve,{...o,children:[(0,Yt.jsx)(te,{text:"Furniture",expanded:!0,...a,children:(0,Yt.jsxs)(Uo,{children:[(0,Yt.jsx)(te,{text:"Tables & Chairs",...a}),(0,Yt.jsx)(te,{text:"Sofas",...a}),(0,Yt.jsx)(te,{text:"Occasional Furniture",...a})]})}),(0,Yt.jsxs)(te,{text:"Decor",expanded:!1,...a,children:[(0,Yt.jsx)(te,{text:"Bed Linen",...a}),(0,Yt.jsx)(te,{text:"Curtains & Blinds",...a}),(0,Yt.jsx)(te,{text:"Carpets",...a})]})]})};Ar.options=BN;Ar.states=PN;Ar.variants=DN;Ar.defaultOptions=KN;Ar.modifiers=HN;var Hm=require("react/jsx-runtime"),Km="k-filemanager-treeview",GN=[],_N={},zN={},yt=e=>{let{children:t,...o}=e;return(0,Hm.jsx)(Ve,{className:r(e.className,Km),...o,children:t})};yt.states=GN;yt.options=_N;yt.className=Km;yt.defaultOptions=zN;yt.moduleName=po;yt.folderName=uo;var Ir=require("react/jsx-runtime"),Dm="k-filemanager-drag-hint",FN=[],UN={},Gm={icon:"file"},wi=e=>{let{hint:t,icon:o=Gm.icon,...a}=e;return(0,Ir.jsxs)("div",{className:r(e.className,Dm,"k-drag-clue"),...a,children:[(0,Ir.jsx)(f,{icon:o}),(0,Ir.jsx)("span",{children:t})]})};wi.states=FN;wi.options=UN;wi.className=Dm;wi.defaultOptions=Gm;var oe=require("react/jsx-runtime"),_m="k-file-info",VN=[],$N={},Kn={name:"No File Selected",icon:"file"},$o=e=>{let{selection:t,name:o=Kn.name,icon:a=Kn.icon,fileType:i,fileSize:n,fileDateCreated:c,fileDateModified:p,...b}=e;return(0,oe.jsxs)("div",{...b,className:r(e.className,_m),children:[(0,oe.jsx)($e,{className:r({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":a,name:o,size:"xxxlarge"}),t==="single"&&(0,oe.jsx)(oe.Fragment,{children:(0,oe.jsxs)("dl",{className:"k-file-meta",children:[i&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Type: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-type",children:i}),(0,oe.jsx)("dd",{className:"k-line-break"})]}),n&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Size: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-size",children:n}),(0,oe.jsx)("dd",{className:"k-line-break"})]}),c&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Date Created: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-created",children:c}),(0,oe.jsx)("dd",{className:"k-line-break"})]}),p&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Date Modified: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-modified",children:p}),(0,oe.jsx)("dd",{className:"k-line-break"})]})]})})]})};$o.states=VN;$o.options=$N;$o.className=_m;$o.defaultOptions=Kn;var Wo=require("react/jsx-runtime"),zm="k-file-preview",WN=[],XN={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},JN={},$e=e=>{let{size:t,icon:o,name:a,...i}=e;return(0,Wo.jsxs)(Wo.Fragment,{children:[(0,Wo.jsx)("span",{...i,className:r(zm),children:(0,Wo.jsx)(f,{className:"k-file-icon",icon:o,size:t})}),(0,Wo.jsx)("span",{className:r(e.className,"k-file-name"),children:a})]})};$e.states=WN;$e.options=XN;$e.className=zm;$e.defaultOptions=JN;var Fm=require("react/jsx-runtime"),na="k-pane",qN=[],YN={},Hn={resizable:!0,flex:!1},ae=e=>{let{scrollable:t,flexBasis:o,flex:a=Hn.flex,collapsible:i,resizable:n=Hn.resizable,pinned:c,unpinned:p,tabbed:b,...x}=e;return(0,Fm.jsx)("div",{...x,style:{flexBasis:o,...e.style},className:r(e.className,na,{[`${na}-static`]:o,[`${na}-flex`]:a,"k-scrollable":t,[`${na}-pinned`]:c,[`${na}-unpinned`]:p,[`${na}-tabbed`]:b}),role:"group",children:e.children})};ae.states=qN;ae.options=YN;ae.className=na;ae.defaultOptions=Hn;var Dt=require("react/jsx-runtime"),Aa="k-splitbar",QN=[l.hover,l.focus],ZN={},Dn={orientation:"horizontal",draggable:!0},Ia=e=>{let{hover:t,focus:o,orientation:a=Dn.orientation,draggable:i=Dn.draggable,collapsePrev:n,collapseNext:c,ariaLabel:p,...b}=e;return(0,Dt.jsxs)("div",{...b,className:r(e.className,Aa,C(Aa,{hover:t,focus:o}),{[`${Aa}-${a}`]:a,[`${Aa}-draggable-${a}`]:i,[`${Aa}-static-${a}`]:!i&&!n&&!c}),role:"separator","aria-label":p,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)("div",{className:"k-collapse-prev",children:(0,Dt.jsx)(f,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Dt.jsx)("div",{className:"k-resize-handle"}),c&&(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)("div",{className:"k-collapse-next",children:(0,Dt.jsx)(f,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ia.states=QN;Ia.options=ZN;Ia.className=Aa;Ia.defaultOptions=Dn;var Gn="splitter",Um=Gn;var yi=require("react/jsx-runtime"),$m=require("react"),_n="k-splitter",jN={},Vm={orientation:"horizontal"},Ee=e=>{let{orientation:t=Vm.orientation,children:o,panes:a,...i}=e,n=[];return a&&a.forEach((c,p)=>{let b=a[p+1],x=c.props,v=b==null?void 0:b.props;n.push((0,$m.createElement)(ae,{...x,key:p})),b&&n.push((0,yi.jsx)(Ia,{draggable:x.resizable!==!1&&v.resizable!==!1,collapsePrev:x.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),(0,yi.jsxs)("div",{...i,className:r(e.className,_n,{[`${_n}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ee.options=jN;Ee.className=_n;Ee.defaultOptions=Vm;Ee.moduleName=Gn;Ee.folderName=Um;Ee.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var Wm=require("react/jsx-runtime");var Xm=require("react/jsx-runtime");var sa=require("react/jsx-runtime"),Rr=require("react"),eg=Ee.options,tg=Ee.states,Jm={...Ee.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},og=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ag=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Or=e=>{let{variant:t,modifiers:o,...a}={...Jm,...e},i=b=>({collapsible:b,content:b?"Resizable and collapsible":"Resizable only"}),n=i(!0),c=i(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(b=>{let x=o==null?void 0:o[b];switch(b){case"secondPaneProps":c=i(!!x);break;case"firstPaneProps":n=i(!!x);break;default:break}}),t==="vertical"?(0,sa.jsx)(Ee,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Rr.createElement)(ae,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,sa.jsx)("p",{children:n.content})),(0,Rr.createElement)(ae,{...c,flexBasis:"50%",style:p,key:"pane-2"},(0,sa.jsx)("p",{children:c.content}))]}):(0,sa.jsx)(Ee,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Rr.createElement)(ae,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,sa.jsx)("p",{children:n.content})),(0,Rr.createElement)(ae,{...c,flexBasis:"50%",style:p,key:"pane-2"},(0,sa.jsx)("p",{children:c.content}))]})};Or.options=eg;Or.states=tg;Or.variants=og;Or.defaultOptions=Jm;Or.modifiers=ag;var X=require("react/jsx-runtime"),qm=e=>(0,X.jsx)(Ue,{toolbar:(0,X.jsxs)(st,{children:[(0,X.jsx)(d,{children:"New Folder"}),(0,X.jsx)(d,{children:"Upload"}),(0,X.jsxs)(D,{children:[(0,X.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,X.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,X.jsx)(U,{text:"Sort By"}),(0,X.jsxs)(D,{children:[(0,X.jsx)(d,{className:"k-group-start",icon:"grid"}),(0,X.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),(0,X.jsx)("div",{className:"k-spacer"}),(0,X.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,X.jsx)("label",{children:"View Details"}),(0,X.jsx)(ve,{})]}),(0,X.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,X.jsx)(X.Fragment,{children:(0,X.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,X.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,X.jsx)(yt,{children:(0,X.jsx)(te,{text:"Folder"})})},"pane-1"),(0,X.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,X.jsx)(Ct,{children:(0,X.jsx)(Tt,{children:(0,X.jsx)(xe,{root:!0,children:(0,X.jsx)(fe,{root:!0,icon:!0,children:(0,X.jsx)(f,{icon:"home"})})})})}),(0,X.jsxs)(bo,{children:[(0,X.jsx)(ee,{children:(0,X.jsx)($e,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,X.jsx)(ee,{children:(0,X.jsx)($e,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});var W=require("react/jsx-runtime"),Ym=e=>(0,W.jsx)(Ue,{toolbar:(0,W.jsxs)(st,{children:[(0,W.jsx)(d,{children:"New Folder"}),(0,W.jsx)(d,{children:"Upload"}),(0,W.jsxs)(D,{children:[(0,W.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,W.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,W.jsx)(U,{text:"Sort By"}),(0,W.jsxs)(D,{children:[(0,W.jsx)(d,{className:"k-group-start",icon:"grid"}),(0,W.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),(0,W.jsx)("div",{className:"k-spacer"}),(0,W.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,W.jsx)("label",{children:"View Details"}),(0,W.jsx)(ve,{checked:!0})]}),(0,W.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,W.jsx)(W.Fragment,{children:(0,W.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,W.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,W.jsx)(yt,{children:(0,W.jsx)(te,{text:"Folder"})})},"pane-1"),(0,W.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,W.jsx)(Ct,{children:(0,W.jsx)(Tt,{children:(0,W.jsx)(xe,{root:!0,children:(0,W.jsx)(fe,{root:!0,icon:!0,children:(0,W.jsx)(f,{icon:"home"})})})})}),(0,W.jsxs)(bo,{children:[(0,W.jsx)(ee,{children:(0,W.jsx)($e,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,W.jsx)(ee,{children:(0,W.jsx)($e,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),(0,W.jsx)(ae,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,W.jsx)($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var et="table",dt=et;var Zm=require("react/jsx-runtime"),Qm="k-data-table",rg=[],ig={size:[s.undefined,s.small,s.medium,s.large]},lg={},Mo=e=>{let{size:t,...o}=e;return(0,Zm.jsx)("div",{...o,className:r(e.className,Qm,y("k-table",{size:t})),children:e.children})};Mo.states=rg;Mo.options=ig;Mo.className=Qm;Mo.defaultOptions=lg;Mo.moduleName=et;Mo.folderName=dt;var jm=require("react/jsx-runtime"),zn="k-table-header-wrap",ng=[l.hover,l.focus,l.disabled],sg={},dg={},Xo=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return(0,jm.jsx)("div",{...n,className:r(e.className,zn,C(zn,{hover:o,focus:a,disabled:i})),children:t})};Xo.states=ng;Xo.options=sg;Xo.className=zn;Xo.defaultOptions=dg;Xo.moduleName=et;Xo.folderName=dt;var ep=require("react/jsx-runtime"),Fn="k-table",cg=[],mg={size:[s.undefined,s.small,s.medium,s.large]},pg={},ct=e=>{let{size:t,...o}=e;return(0,ep.jsx)("table",{...o,className:r(e.className,Fn,y(Fn,{size:t})),children:e.children})};ct.states=cg;ct.options=mg;ct.className=Fn;ct.defaultOptions=pg;ct.moduleName=et;ct.folderName=dt;var Si=require("react/jsx-runtime"),Un="k-table-header",ug=[l.hover,l.focus,l.disabled],bg={},fg={},wo=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return(0,Si.jsx)("div",{...n,className:r(e.className,Un,C(Un,{hover:o,focus:a,disabled:i})),children:(0,Si.jsx)(Xo,{children:(0,Si.jsx)(ct,{children:t})})})};wo.states=ug;wo.options=bg;wo.className=Un;wo.defaultOptions=fg;wo.moduleName=et;wo.folderName=dt;var op=require("react/jsx-runtime"),tp="k-table-scroller",Tg=[],hg={},xg={},Ra=e=>{let{children:t,...o}=e;return(0,op.jsx)("div",{...o,className:r(e.className,tp),children:t})};Ra.states=Tg;Ra.options=hg;Ra.className=tp;Ra.defaultOptions=xg;Ra.moduleName=et;Ra.folderName=dt;var Ng=require("react/jsx-runtime");var rp=require("react/jsx-runtime"),ap="k-table-footer",gg=[],kg={},vg={},Jo=e=>{let{children:t,...o}=e;return(0,rp.jsx)("div",{...o,className:r(e.className,ap),children:t})};Jo.states=gg;Jo.options=kg;Jo.className=ap;Jo.defaultOptions=vg;Jo.moduleName=et;Jo.folderName=dt;var ip=require("react/jsx-runtime"),Vn="k-table-list",Lg=[],Cg={size:[s.undefined,s.small,s.medium,s.large]},Mg={},qo=e=>{let{size:t,virtualization:o,...a}=e;return(0,ip.jsx)("ul",{...a,className:r(e.className,"k-table",Vn,y(Vn,{size:t}),{"k-virtual-table":o}),children:e.children})};qo.states=Lg;qo.options=Cg;qo.className=Vn;qo.defaultOptions=Mg;qo.moduleName=et;qo.folderName=dt;var lp=require("react/jsx-runtime"),wg="k-table-thead",re=e=>(0,lp.jsx)("thead",{className:r(e.className,wg),children:e.children});var np=require("react/jsx-runtime"),yg="k-table-tbody",ce=e=>(0,np.jsx)("tbody",{className:r(e.className,yg),children:e.children});var Sg=require("react/jsx-runtime");var sp=require("react/jsx-runtime"),$n="k-table-row",Eg=[l.hover,l.focus,l.selected,l.disabled,l.highlighted],E=e=>{let{hover:t,focus:o,selected:a,highlighted:i,disabled:n,alt:c,...p}=e;return(0,sp.jsx)("tr",{...p,className:r(e.className,$n,{"k-table-alt-row":c},C($n,{hover:t,focus:o,disabled:n,selected:a,highlighted:i})),children:e.children})};E.states=Eg;E.className=$n;var dp=require("react/jsx-runtime"),Wn="k-table-row",Ag=[l.hover,l.focus,l.selected,l.disabled],Ei=e=>{let{hover:t,focus:o,selected:a,disabled:i,alt:n,...c}=e;return(0,dp.jsx)("li",{...c,className:r(e.className,Wn,{"k-table-alt-row":n},C(Wn,{hover:t,focus:o,disabled:i,selected:a})),children:e.children})};Ei.states=Ag;Ei.className=Wn;var mp=require("react/jsx-runtime"),cp="k-table-th",yo=e=>{let{text:t,colspan:o,rowspan:a,...i}=e,n=t||e.children;return(0,mp.jsx)("th",{colSpan:o,rowSpan:a,...i,className:r(e.className,cp),children:n})};yo.className=cp;yo.moduleName=et;yo.folderName=dt;var Ig=require("react/jsx-runtime");var pp=require("react/jsx-runtime"),Xn="k-table-td",Rg=[l.focus,l.selected,l.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:i,colspan:n,rowspan:c,...p}=e,b=i||e.children;return(0,pp.jsx)("td",{colSpan:n,rowSpan:c,...p,className:r(e.className,Xn,C(Xn,{focus:t,selected:o,highlighted:a})),children:b})};m.states=Rg;m.className=Xn;var Og=require("react/jsx-runtime");var Bg=require("react/jsx-runtime");var Pg=require("react/jsx-runtime");var Kg=require("react/jsx-runtime");var Hg=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var fp=require("react/jsx-runtime");var Tp=require("react/jsx-runtime");var Jn=require("react/jsx-runtime");var Q="grid",j=Q;var Ii=require("react/jsx-runtime"),Ai="k-grid",zg=[],Fg={size:[s.undefined,s.small,s.medium,s.large]},Ug=[],hp={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=hp.pagerPosition,toolbar:a,pager:i,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:p,resizable:b,...x}=e;return(0,Ii.jsxs)("div",{...x,className:r(e.className,Ai,{[`${Ai}-resizable`]:b},y(Ai,{size:t})),children:[a,o==="top"&&i,n,e.children&&p?(0,Ii.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&i]})};q.states=zg;q.options=Fg;q.variants=Ug;q.className=Ai;q.defaultOptions=hp;q.moduleName=Q;q.folderName=j;var Np=require("react/jsx-runtime"),xp="k-grid-header",me=e=>{let{draggable:t,...o}=e;return(0,Np.jsx)("div",{...o,className:r(e.className,xp,{"k-grid-draggable-header":t}),children:e.children})};me.className=xp;me.moduleName=Q;me.folderName=j;var Br=require("react/jsx-runtime"),gp="k-grouping-header",Yo=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,Br.jsxs)("div",{...a,className:r(e.className,gp),children:[o&&(0,Br.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Br.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Yo.className=gp;Yo.moduleName=Q;Yo.folderName=j;var Lp=require("react/jsx-runtime"),kp="k-grid-sticky-container",vp={position:"top"},Ri=e=>{let{position:t=vp.position,...o}=e;return(0,Lp.jsx)("div",{...o,className:r(e.className,kp,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Ri.className=kp;Ri.defaultProps=vp;Ri.moduleName=Q;Ri.folderName=j;var Mp=require("react/jsx-runtime"),Cp="k-grid-header-table",pe=e=>(0,Mp.jsx)(ct,{...e,className:r(e.className,Cp),children:e.children});pe.className=Cp;pe.moduleName=Q;pe.folderName=j;var Gt=require("react/jsx-runtime"),qn="k-header",Vg=[l.hover,l.focus,l.active],wp={sortIcon:"sort-asc-small"},K=e=>{let{menu:t,sortable:o,filterable:a,sticky:i,resizable:n,columnTitle:c,hover:p,focus:b,active:x,sortIcon:v=wp.sortIcon,sortOrder:L,accessibleLabel:T,...M}=e;return(0,Gt.jsxs)(yo,{...M,className:r(e.className,qn,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":n},C(qn,{hover:p,focus:b,active:x})),children:[c&&(0,Gt.jsxs)("span",{className:"k-cell-inner",children:[(0,Gt.jsxs)("span",{className:"k-link",children:[(0,Gt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,Gt.jsx)("span",{className:"k-sort-icon",children:(0,Gt.jsx)(f,{icon:v})}),L&&(0,Gt.jsx)("span",{className:"k-sort-order",children:L})]}),t&&(0,Gt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Gt.jsx)(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&T&&(0,Gt.jsx)("span",{className:"k-sr-only",children:T}),e.children,n&&(0,Gt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};K.states=Vg;K.className=qn;K.defaultOptions=wp;K.moduleName=Q;K.folderName=j;var Sp=require("react/jsx-runtime"),yp="k-grid-container",ie=e=>(0,Sp.jsx)("div",{...e,className:r(e.className,yp),children:e.children});ie.className=yp;ie.moduleName=Q;ie.folderName=j;var Ap=require("react/jsx-runtime"),Ep="k-grid-content",le=e=>(0,Ap.jsx)("div",{...e,className:r(e.className,Ep),children:e.children});le.className=Ep;le.moduleName=Q;le.folderName=j;var Rp=require("react/jsx-runtime"),Ip="k-grid-table",ne=e=>(0,Rp.jsx)(ct,{...e,className:r(e.className,Ip),children:e.children});ne.className=Ip;ne.moduleName=Q;ne.folderName=j;var Bp=require("react/jsx-runtime"),Op="k-grid-footer",Yn=e=>(0,Bp.jsx)("div",{...e,className:r(e.className,Op),children:e.children});Yn.className=Op;Yn.moduleName=Q;Yn.folderName=j;var Kp=require("react/jsx-runtime"),Pp="k-grid-footer-table",Qn=e=>(0,Kp.jsx)(ct,{...e,className:r(e.className,Pp),children:e.children});Qn.className=Pp;Qn.moduleName=Q;Qn.folderName=j;var Dp=require("react/jsx-runtime"),Hp="k-grid-pager",fo=e=>(0,Dp.jsx)(Oe,{...e,className:r(e.className,Hp),children:e.children});fo.className=Hp;fo.moduleName=Q;fo.folderName=j;var _p=require("react/jsx-runtime"),Gp="k-grid-toolbar",da=e=>(0,_p.jsx)(de,{...e,className:r(e.className,Gp),children:e.children});da.className=Gp;da.moduleName=Q;da.folderName=j;var Oa=require("react/jsx-runtime"),Zn="k-grid-stack-cell",$g=[l.focus,l.selected],Oi=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:i,dirty:n,focus:c,selected:p,...b}=e;return(0,Oa.jsxs)("div",{...b,className:r(e.className,Zn,{"k-grid-stack-edit-cell":a,"k-command-cell":i,"k-dirty-cell":n},C(Zn,{focus:c,selected:p})),children:[n&&(0,Oa.jsx)("span",{className:"k-dirty"}),t&&(0,Oa.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Oa.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Oi.states=$g;Oi.className=Zn;Oi.moduleName=Q;Oi.folderName=j;var Fp=require("react/jsx-runtime"),zp="k-grid-stack-row",Bi=e=>{let{cols:t,...o}=e;return(0,Fp.jsx)("div",{...o,className:r(e.className,zp,{[`k-grid-cols-${t}`]:t}),children:e.children})};Bi.className=zp;Bi.moduleName=Q;Bi.folderName=j;var jn=require("react/jsx-runtime");var es=require("react/jsx-runtime");var ts=require("react/jsx-runtime");var g=require("react/jsx-runtime"),Up=({contentClassName:e,...t})=>(0,g.jsx)(q,{_renderAriaRoot:!0,pager:(0,g.jsx)(fo,{refresh:!1}),children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(me,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(pe,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{style:{width:"225px"}}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(re,{children:[(0,g.jsxs)(E,{children:[(0,g.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,g.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,g.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,g.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,g.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,g.jsxs)(E,{className:"k-filter-row",children:[(0,g.jsx)(m,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(J,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(m,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ge,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(m,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ge,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(m,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(J,{}),(0,g.jsxs)("div",{className:"k-filtercell-operator",children:[(0,g.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,g.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,g.jsx)(m,{children:(0,g.jsx)("div",{className:"k-filtercell",children:(0,g.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,g.jsx)(ue,{}),(0,g.jsx)("div",{className:"k-filtercell-operator",children:(0,g.jsx)(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,g.jsx)(ie,{children:(0,g.jsx)(le,{className:e,children:(0,g.jsxs)(ne,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{style:{width:"225px"}}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(ce,{children:[(0,g.jsxs)(E,{className:"k-master-row",children:[(0,g.jsx)(m,{children:"1"}),(0,g.jsx)(m,{children:"Chai"}),(0,g.jsx)(m,{children:"10 boxes x 20 bags"}),(0,g.jsx)(m,{children:"18"}),(0,g.jsx)(m,{children:"false"})]}),(0,g.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,g.jsx)(m,{children:"2"}),(0,g.jsx)(m,{children:"Chang"}),(0,g.jsx)(m,{children:"24 - 12 oz bottles"}),(0,g.jsx)(m,{children:"19"}),(0,g.jsx)(m,{children:"false"})]}),(0,g.jsxs)(E,{className:"k-master-row",children:[(0,g.jsx)(m,{children:"3"}),(0,g.jsx)(m,{children:"Aniseed Syrup"}),(0,g.jsx)(m,{children:"12 - 550 ml bottles"}),(0,g.jsx)(m,{children:"10"}),(0,g.jsx)(m,{children:"false"})]}),(0,g.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,g.jsx)(m,{children:"4"}),(0,g.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,g.jsx)(m,{children:"48 - 6 oz jars"}),(0,g.jsx)(m,{children:"22"}),(0,g.jsx)(m,{children:"false"})]}),(0,g.jsxs)(E,{className:"k-master-row",children:[(0,g.jsx)(m,{children:"5"}),(0,g.jsx)(m,{children:"Grandma's Boysenberry Spread"}),(0,g.jsx)(m,{children:"12 - 8 oz jars"}),(0,g.jsx)(m,{children:"25"}),(0,g.jsx)(m,{children:"false"})]})]})]})})})]}),...t});var Pr=require("react/jsx-runtime"),Wg="k-chip-action";var Ge=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Pr.jsx)(f,{icon:"x-circle",size:"small"});break;case"more":a=(0,Pr.jsx)(f,{icon:"more-vertical",size:"small"});break;default:return(0,Pr.jsx)(f,{icon:t,size:"small"})}return(0,Pr.jsx)("span",{...o,className:r(e.className,Wg,`k-chip-${t}-action`),children:a})};var os="avatar",Vp=os;var rs=require("react/jsx-runtime"),Kr="k-avatar";var Xg=[l.hover,l.focus,l.active,l.selected,l.disabled],Jg={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},as={type:"text",border:!1},St=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,type:n=as.type,border:c=as.border,...p}=e;return(0,rs.jsx)("div",{...p,className:r(e.className,Kr,y(Kr,{size:t,rounded:o,fillMode:a,themeColor:i}),{[`${Kr}-bordered`]:c}),children:(0,rs.jsx)("span",{className:`${Kr}-${n}`,children:e.children})})};St.states=Xg;St.options=Jg;St.className=Kr;St.defaultOptions=as;St.moduleName=os;St.folderName=Vp;St.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ca=St;var Wp=require("react/jsx-runtime"),$p=e=>(0,Wp.jsx)(ca,{type:"icon",...e});var Jp=require("react/jsx-runtime"),Xp=e=>(0,Jp.jsx)(ca,{type:"text",...e});var Yp=require("react/jsx-runtime"),qp=e=>(0,Yp.jsx)(ca,{type:"image",...e});var qg=require("react/jsx-runtime");var Ba=require("react/jsx-runtime"),Yg=St.options,Qg=St.states,Zg={...St.defaultOptions,variant:"image"},jg=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],ek=[],Hr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Ba.jsx)($p,{...o,children:(0,Ba.jsx)(f,{icon:"star"})});case"text":return(0,Ba.jsx)(Xp,{...o,children:"JO"});default:return(0,Ba.jsx)(qp,{...o,children:(0,Ba.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Hr.options=Yg;Hr.states=Qg;Hr.variants=jg;Hr.defaultOptions=Zg;Hr.modifiers=ek;var Dr="chip",Pi=Dr;var So=require("react/jsx-runtime"),Ki="k-chip",tk=[l.hover,l.focus,l.active,l.selected,l.disabled],ok={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[N.undefined,N.base,N.success,N.warning,N.error,N.info]},Qp={avatarImage:"/packages/html/assets/avatar.jpg"},_e=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,text:n,icon:c,actions:p,showAvatar:b,avatarImage:x=Qp.avatarImage,hover:v,focus:L,active:T,selected:M,disabled:w,...I}=e;return(0,So.jsxs)("div",{...I,className:r(e.className,Ki,y(Ki,{size:t,rounded:o,fillMode:a,themeColor:i}),C(Ki,{hover:v,focus:L,active:T,disabled:w,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":w?"true":void 0,children:[c&&(0,So.jsx)(f,{className:"k-chip-icon",icon:c,size:"small"}),b&&(0,So.jsx)(St,{className:"k-chip-avatar",type:"image",children:(0,So.jsx)("img",{src:x,alt:""})}),(0,So.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,So.jsx)("span",{className:"k-chip-label",children:n})}),p&&(0,So.jsx)("span",{className:"k-chip-actions",children:p})]})};_e.states=tk;_e.options=ok;_e.className=Ki;_e.defaultOptions=Qp;_e.moduleName=Dr;_e.folderName=Pi;_e.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 Qt=_e;var Zp=require("react/jsx-runtime"),is="k-chip-list",ak=[],rk={size:[s.undefined,s.small,s.medium,s.large]},ik={},ze=e=>{let{size:t,multiselectable:o,ariaLabel:a,...i}=e;return(0,Zp.jsx)("div",{...i,className:r(e.className,is,y(is,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ze.states=ak;ze.options=rk;ze.className=is;ze.defaultOptions=ik;ze.moduleName=Dr;ze.folderName=Pi;ze.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 lk=require("react/jsx-runtime");var nk=require("react/jsx-runtime");var jp=require("react/jsx-runtime"),Hi=e=>(0,jp.jsx)(Qt,{text:"text",...e});var sk=require("react/jsx-runtime");var dk=require("react/jsx-runtime");var ls=require("react/jsx-runtime");var eu=require("react/jsx-runtime");var tu=require("react/jsx-runtime");var ou=require("react/jsx-runtime");var Eo=require("react/jsx-runtime"),ck={...Qt.options,...ze.options},mk=[],pk=ze.states,uk={...Qt.defaultOptions,...ze.defaultOptions},bk=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Gr=e=>{let{modifiers:t,className:o,...a}=e,i=t==null?void 0:t.icon,n=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Eo.jsxs)(ze,{size:a.size,className:o,children:[(0,Eo.jsx)(Hi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?(0,Eo.jsx)(Ge,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Eo.jsx)(Hi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?(0,Eo.jsx)(Ge,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Eo.jsx)(Hi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?(0,Eo.jsx)(Ge,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Gr.options=ck;Gr.states=pk;Gr.variants=mk;Gr.defaultOptions=uk;Gr.modifiers=bk;var Di=require("react/jsx-runtime"),fk=_e.states,Tk=_e.defaultOptions,hk=_e.options,xk=[],Nk=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],_r=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"icon":a.icon=t!=null&&t[i]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[i]),a.avatarImage=t!=null&&t[i]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t!=null&&t[i]?(0,Di.jsx)(Ge,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t!=null&&t[i]?(0,Di.jsx)(Ge,{type:"remove"}):void 0;break;default:break}}),(0,Di.jsx)(_e,{...o,...a,children:"Chip component"})};_r.options=hk;_r.states=fk;_r.variants=xk;_r.defaultOptions=Tk;_r.modifiers=Nk;var S=require("react/jsx-runtime"),au=({dropClue:e,contentClassName:t,...o})=>(0,S.jsx)(q,{_renderAriaRoot:!0,groupingHeader:(0,S.jsx)(Yo,{dropClue:e,children:(0,S.jsxs)(ze,{children:[(0,S.jsx)(_e,{icon:"sort-asc-small",text:"ID",actions:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Ge,{type:"more"}),(0,S.jsx)(Ge,{type:"remove"})]})}),(0,S.jsx)(_e,{icon:"sort-desc-small",text:"Name",actions:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Ge,{type:"more"}),(0,S.jsx)(Ge,{type:"remove"})]})})]})}),children:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(me,{draggable:!0,children:(0,S.jsx)("div",{className:"k-grid-header-wrap",children:(0,S.jsxs)(pe,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsx)(re,{children:(0,S.jsxs)(E,{children:[(0,S.jsx)(K,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,S.jsx)(K,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,S.jsx)(K,{colspan:1,columnTitle:"ID"}),(0,S.jsx)(K,{colspan:1,columnTitle:"Name"}),(0,S.jsx)(K,{colspan:1,columnTitle:"Price"}),(0,S.jsx)(K,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,S.jsx)(ie,{children:(0,S.jsx)(le,{className:t,children:(0,S.jsxs)(ne,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsxs)(ce,{children:[(0,S.jsx)(E,{className:"k-table-group-row k-grouping-row",children:(0,S.jsx)(m,{colspan:6,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,S.jsx)(E,{className:"k-table-group-row k-grouping-row",children:(0,S.jsx)(m,{colspan:6,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,S.jsxs)(E,{className:"k-table-group-row k-grouping-row",children:[(0,S.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,S.jsx)(m,{colspan:5,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,S.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,S.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,S.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,S.jsx)(m,{colspan:0,children:"2"}),(0,S.jsx)(m,{colspan:0,children:"Chang"}),(0,S.jsx)(m,{colspan:0,children:"$19.00"}),(0,S.jsx)(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var ns=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var B=require("react/jsx-runtime"),ru=({headerWrapClassName:e,contentClassName:t,...o})=>(0,B.jsx)(q,{_renderAriaRoot:!0,children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(me,{children:(0,B.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,B.jsxs)(pe,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(re,{children:[(0,B.jsxs)(E,{children:[(0,B.jsx)(K,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,B.jsx)(K,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,B.jsxs)(E,{children:[(0,B.jsx)(K,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,B.jsx)(K,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,B.jsxs)(E,{children:[(0,B.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,B.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,B.jsx)(ie,{children:(0,B.jsx)(le,{className:t,children:(0,B.jsxs)(ne,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(ce,{children:[(0,B.jsxs)(E,{className:"k-master-row",children:[(0,B.jsx)(m,{children:"1"}),(0,B.jsx)(m,{children:"Chai"}),(0,B.jsx)(m,{children:"39"}),(0,B.jsx)(m,{children:"18"})]}),(0,B.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(m,{children:"2"}),(0,B.jsx)(m,{children:"Chang"}),(0,B.jsx)(m,{children:"17"}),(0,B.jsx)(m,{children:"19"})]}),(0,B.jsxs)(E,{className:"k-master-row",children:[(0,B.jsx)(m,{children:"3"}),(0,B.jsx)(m,{children:"Aniseed Syrup"}),(0,B.jsx)(m,{children:"13"}),(0,B.jsx)(m,{children:"10"})]}),(0,B.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(m,{children:"4"}),(0,B.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,B.jsx)(m,{children:"53"}),(0,B.jsx)(m,{children:"22"})]}),(0,B.jsxs)(E,{className:"k-master-row",children:[(0,B.jsx)(m,{children:"5"}),(0,B.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,B.jsx)(m,{children:"0"}),(0,B.jsx)(m,{children:"21.35"})]})]})]})})})]}),...o});var cs=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var H=require("react/jsx-runtime"),iu=e=>(0,H.jsx)(q,{_renderAriaRoot:!0,toolbar:(0,H.jsxs)(da,{children:[(0,H.jsx)(d,{children:"Add new"}),(0,H.jsx)(d,{children:"Save Changes"}),(0,H.jsx)(d,{children:"Cancel Changes"})]}),children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(me,{children:(0,H.jsx)("div",{className:"k-grid-header-wrap",children:(0,H.jsxs)(pe,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsx)(re,{children:(0,H.jsxs)(E,{children:[(0,H.jsx)(K,{columnTitle:"Name"}),(0,H.jsx)(K,{columnTitle:"Price"}),(0,H.jsx)(K,{columnTitle:"Available"}),(0,H.jsx)(K,{accessibleLabel:"Commands"})]})})]})})}),(0,H.jsx)(ie,{children:(0,H.jsx)(le,{children:(0,H.jsx)("div",{children:(0,H.jsxs)(ne,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsxs)(ce,{children:[(0,H.jsxs)(E,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,H.jsx)(m,{children:(0,H.jsx)(ge,{value:"Towel"})}),(0,H.jsx)(m,{children:(0,H.jsx)(J,{value:"42"})}),(0,H.jsx)(m,{children:(0,H.jsx)(ot,{})}),(0,H.jsxs)(m,{className:"k-command-cell",children:[(0,H.jsx)(d,{children:"Add"}),(0,H.jsx)(d,{children:"Cancel"})]})]}),(0,H.jsxs)(E,{className:"k-master-row",children:[(0,H.jsx)(m,{children:"Chai"}),(0,H.jsx)(m,{children:"18"}),(0,H.jsx)(m,{children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",children:(0,H.jsx)(d,{children:"Remove"})})]}),(0,H.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,H.jsx)(m,{children:"Chang"}),(0,H.jsx)(m,{children:"19"}),(0,H.jsx)(m,{children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",children:(0,H.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e});var ps=require("react/jsx-runtime");var u=require("react/jsx-runtime"),gk=q.options,kk=q.states,lu={...q.defaultOptions,variant:"normal"},vk=[{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"}],Lk=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],zr=e=>{let{variant:t,modifiers:o,...a}={...lu,...e},i={toolbar:void 0,pager:void 0},n=(0,u.jsxs)(da,{children:[(0,u.jsx)(d,{icon:"plus",children:"Add New"}),(0,u.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,u.jsx)("span",{className:"k-spacer"}),(0,u.jsx)(ge,{prefix:(0,u.jsx)(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,u.jsx)(Oe,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":i.toolbar=o!=null&&o[x]?n:void 0;break;case"pager":i.pager=o!=null&&o[x]?c:void 0;break;default:return}});let p={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(me,{children:(0,u.jsx)("div",{className:"k-grid-header-wrap",children:(0,u.jsxs)(pe,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(re,{children:(0,u.jsxs)(E,{children:[(0,u.jsx)(K,{...p[t],columnTitle:"ID"}),(0,u.jsx)(K,{...p[t],columnTitle:"Product Name"}),(0,u.jsx)(K,{...p[t],columnTitle:"Units in Stock"}),(0,u.jsx)(K,{...p[t],columnTitle:"Units Price"})]})})]})})}),(0,u.jsx)(ie,{children:(0,u.jsx)(le,{children:(0,u.jsxs)(ne,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ce,{children:[(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{children:"1"}),(0,u.jsx)(m,{children:"Chai"}),(0,u.jsx)(m,{children:"39"}),(0,u.jsx)(m,{children:"18"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{children:"2"}),(0,u.jsx)(m,{children:"Chang"}),(0,u.jsx)(m,{children:"17"}),(0,u.jsx)(m,{children:"19"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{children:"3"}),(0,u.jsx)(m,{children:"Aniseed Syrup"}),(0,u.jsx)(m,{children:"13"}),(0,u.jsx)(m,{children:"10"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{children:"4"}),(0,u.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(m,{children:"53"}),(0,u.jsx)(m,{children:"22"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{children:"5"}),(0,u.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(m,{children:"0"}),(0,u.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,u.jsx)(ru,{...a,...i});case"editing":return(0,u.jsx)(iu,{...a,...i});case"grouping":return(0,u.jsx)(au,{...a,...i,groupingHeader:(0,u.jsx)(Yo,{children:(0,u.jsxs)(ze,{children:[(0,u.jsx)(_e,{icon:"sort-asc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ge,{type:"more"}),(0,u.jsx)(Ge,{type:"remove"})]}),children:"ID"}),(0,u.jsx)(_e,{icon:"sort-desc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ge,{type:"more"}),(0,u.jsx)(Ge,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,u.jsx)(q,{...a,...i,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(me,{children:(0,u.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,u.jsxs)(pe,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(re,{children:(0,u.jsxs)(E,{children:[(0,u.jsx)(K,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,u.jsx)(K,{columnTitle:"ID"}),(0,u.jsx)(K,{columnTitle:"Product Name"}),(0,u.jsx)(K,{columnTitle:"Units in Stock"}),(0,u.jsx)(K,{columnTitle:"Units Price"})]})})]})]})}),(0,u.jsx)(ie,{children:(0,u.jsx)(le,{children:(0,u.jsxs)(ne,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ce,{children:[(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"1"}),(0,u.jsx)(m,{children:"Chai"}),(0,u.jsx)(m,{children:"39"}),(0,u.jsx)(m,{children:"18"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"2"}),(0,u.jsx)(m,{children:"Chang"}),(0,u.jsx)(m,{children:"17"}),(0,u.jsx)(m,{children:"19"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"3"}),(0,u.jsx)(m,{children:"Aniseed Syrup"}),(0,u.jsx)(m,{children:"13"}),(0,u.jsx)(m,{children:"10"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"4"}),(0,u.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(m,{children:"53"}),(0,u.jsx)(m,{children:"22"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"5"}),(0,u.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(m,{children:"0"}),(0,u.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,u.jsx)(Up,{...a,...i});default:return(0,u.jsx)(q,{...a,...i,children:b})}};zr.options=gk;zr.states=kk;zr.variants=vk;zr.defaultOptions=lu;zr.modifiers=Lk;var A=require("react/jsx-runtime"),nu=e=>(0,A.jsx)(Ue,{toolbar:(0,A.jsxs)(st,{children:[(0,A.jsx)(d,{children:"New Folder"}),(0,A.jsx)(d,{children:"Upload"}),(0,A.jsxs)(D,{children:[(0,A.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,A.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,A.jsx)(U,{text:"Sort By"}),(0,A.jsxs)(D,{children:[(0,A.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0}),(0,A.jsx)(d,{className:"k-group-end",icon:"grid-layout"})]}),(0,A.jsx)("div",{className:"k-spacer"}),(0,A.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,A.jsx)("label",{children:"View Details"}),(0,A.jsx)(ve,{checked:!0})]}),(0,A.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,A.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,A.jsx)(yt,{children:(0,A.jsx)(te,{text:"Folder"})})},"pane-1"),(0,A.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,A.jsx)(Ct,{children:(0,A.jsx)(Tt,{children:(0,A.jsx)(xe,{root:!0,children:(0,A.jsx)(fe,{root:!0,icon:!0,children:(0,A.jsx)(f,{icon:"home"})})})})}),(0,A.jsxs)(q,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,A.jsx)(me,{children:(0,A.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,A.jsxs)(pe,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsx)(re,{children:(0,A.jsxs)(E,{children:[(0,A.jsx)(K,{sortable:!0,columnTitle:"Name"}),(0,A.jsx)(K,{columnTitle:"Date Created"}),(0,A.jsx)(K,{columnTitle:"File Size"})]})})]})})}),(0,A.jsx)(ie,{children:(0,A.jsx)(le,{className:"k-auto-scrollable",children:(0,A.jsxs)(ne,{className:"k-selectable",children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-sorted"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(ce,{children:[(0,A.jsxs)(E,{className:"k-master-row",children:[(0,A.jsx)(m,{children:(0,A.jsx)($e,{name:"Folder",icon:"folder"})}),(0,A.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,A.jsx)(m,{children:"0"})]}),(0,A.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,A.jsx)(m,{children:(0,A.jsx)($e,{name:"file.png",icon:"file"})}),(0,A.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,A.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2"),(0,A.jsx)(ae,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,A.jsx)($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var Fr=require("react/jsx-runtime"),Ck=Ue.options,Mk=Ue.states,wk={...Ue.defaultOptions,variant:"listview"},yk=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],Sk=[{name:"preview",title:"Preview"}],Ur=e=>{let{variant:t,modifiers:o,...a}={...e},i=!1;return Object.keys(o||{}).forEach(n=>{n==="preview"&&(i=!!(o!=null&&o[n]))}),t==="grid"?i?(0,Fr.jsx)(nu,{...a}):(0,Fr.jsx)(us,{...a}):i?(0,Fr.jsx)(Ym,{...a}):(0,Fr.jsx)(qm,{...a})};Ur.options=Ck;Ur.states=Mk;Ur.variants=yk;Ur.defaultOptions=wk;Ur.modifiers=Sk;var R=require("react/jsx-runtime"),us=e=>(0,R.jsx)(Ue,{toolbar:(0,R.jsxs)(st,{children:[(0,R.jsx)(d,{children:"New Folder"}),(0,R.jsx)(d,{children:"Upload"}),(0,R.jsxs)(D,{children:[(0,R.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,R.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,R.jsx)(U,{text:"Sort By"}),(0,R.jsxs)(D,{children:[(0,R.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0}),(0,R.jsx)(d,{className:"k-group-end",icon:"grid-layout"})]}),(0,R.jsx)("div",{className:"k-spacer"}),(0,R.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,R.jsx)("label",{children:"View Details"}),(0,R.jsx)(ve,{})]}),(0,R.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,R.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,R.jsx)(yt,{children:(0,R.jsx)(te,{text:"Folder"})})},"pane-1"),(0,R.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,R.jsx)(Ct,{children:(0,R.jsx)(Tt,{children:(0,R.jsx)(xe,{root:!0,children:(0,R.jsx)(fe,{root:!0,icon:!0,children:(0,R.jsx)(f,{icon:"home"})})})})}),(0,R.jsxs)(q,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,R.jsx)(me,{children:(0,R.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,R.jsxs)(pe,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsx)(re,{children:(0,R.jsxs)(E,{children:[(0,R.jsx)(K,{columnTitle:"Name",sortable:!0}),(0,R.jsx)(K,{columnTitle:"Date Created"}),(0,R.jsx)(K,{columnTitle:"File Size"})]})})]})})}),(0,R.jsx)(ie,{children:(0,R.jsx)(le,{className:"k-auto-scrollable",children:(0,R.jsxs)(ne,{className:"k-selectable",children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{className:"k-sorted"}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(ce,{children:[(0,R.jsxs)(E,{className:"k-master-row",children:[(0,R.jsx)(m,{children:(0,R.jsx)($e,{name:"Folder",icon:"folder"})}),(0,R.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,R.jsx)(m,{children:"0"})]}),(0,R.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(m,{children:(0,R.jsx)($e,{name:"file.png",icon:"file"})}),(0,R.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,R.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});
1
+ var uu=Object.create;var $r=Object.defineProperty;var bu=Object.getOwnPropertyDescriptor;var fu=Object.getOwnPropertyNames;var Tu=Object.getPrototypeOf,hu=Object.prototype.hasOwnProperty;var xu=(e,t)=>{for(var o in t)$r(e,o,{get:t[o],enumerable:!0})},fs=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of fu(t))!hu.call(e,i)&&i!==o&&$r(e,i,{get:()=>t[i],enumerable:!(a=bu(t,i))||a.enumerable});return e};var Pa=(e,t,o)=>(o=e!=null?uu(Tu(e)):{},fs(t||!e||!e.__esModule?$r(o,"default",{value:e,enumerable:!0}):o,e)),Nu=e=>fs($r({},"__esModule",{value:!0}),e);var Ig={};xu(Ig,{FileManagerGrid:()=>bs});module.exports=Nu(Ig);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:n,checked:c,active:p,selected:b,disabled:x,indeterminate:v,loading:L,empty:T,readonly:M,highlighted:w,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":n,"k-checked":c,"k-active":p,"k-selected":b,"k-disabled":x,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":T,"k-readonly":M,"k-highlighted":w},Object.keys(I).reduce((_,G)=>(G.startsWith("k-")?_[G]=I[G]:_[`k-${G}`]=I[G],_),{}))};function Ts(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},g={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={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"},l={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 Ka=require("react/jsx-runtime"),Gi="k-font-icon",ku=[],gu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},vu={},Ha=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:n,...c}=e;return a?(0,Ka.jsx)("span",{...c,className:r(e.className,Gi,y(Gi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Ka.jsx)(Ka.Fragment,{})};Ha.states=ku;Ha.options=gu;Ha.className=Gi;Ha.defaultOptions=vu;var hs=Ha;var Qo=require("react/jsx-runtime"),_i="k-svg-icon",Lu=[],Cu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},xs={viewBox:"0 0 24 24"},Da=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:n=xs.viewBox,icon:c,...p}=e;if(!c)return(0,Qo.jsx)(Qo.Fragment,{});if(c==="none")return(0,Qo.jsx)("span",{...p,className:r(e.className,_i,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof c=="object"&&c.name&&c.name;return(0,Qo.jsx)("span",{...p,className:r(e.className,_i,y("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:(0,Qo.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Da.states=Lu;Da.options=Cu;Da.className=_i;Da.defaultOptions=xs;var zi=Da;var Fi=Pa(require("@progress/kendo-svg-icons"));var Ns="icon",ks="icons";var Ls=require("react");var gs=require("react"),vs=(0,gs.createContext)({iconsType:"svg"});var To=require("react/jsx-runtime"),Wr="k-icon",Mu=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),wu=[],yu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Ui={viewBox:"0 0 24 24",type:"svg"},f=e=>{let{iconsType:t}=(0,Ls.useContext)(vs),{size:o,themeColor:a,icon:i,type:n=t||Ui.type,rotate:c,flip:p,viewBox:b=Ui.viewBox,...x}=e;if(!i)return(0,To.jsx)(To.Fragment,{});if((t||n)==="svg"){if(i==="none")return(0,To.jsx)(zi,{...x,className:r(e.className,Wr),icon:i,size:o});let L=Fi[i]?i:Mu(`${i}-icon`);return Fi[L]?(0,To.jsx)(zi,{...x,className:r(e.className,Wr),icon:Fi[L],size:o,themeColor:a,rotate:c,flip:p,viewBox:b}):(0,To.jsx)(To.Fragment,{})}return(0,To.jsx)(hs,{...x,className:r(e.className,Wr),icon:i,size:o,themeColor:a,rotate:c,flip:p})};f.states=wu;f.options=yu;f.defaultOptions=Ui;f.className=Wr;f.moduleName=Ns;f.folderName=ks;f.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Vi="button",Cs=Vi;var Zt=require("react/jsx-runtime"),Ga="k-button",Su=["icon-button"],Eu=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Au={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},$i={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:n,showArrow:c=$i.showArrow,arrowIconName:p=$i.arrowIconName,variant:b,hover:x,focus:v,active:L,selected:T,disabled:M,togglable:w,icon:I,text:_,iconClassName:G,className:V,...he}=e,Be=I!==void 0,mt=e.children!==void 0;return(0,Zt.jsxs)(t,{className:r(V,Ga,Ts(Ga,b),y(Ga,{size:o,rounded:a,fillMode:i,themeColor:n}),C(Ga,{hover:x,focus:v,active:L,disabled:M,selected:T}),{"k-icon-button":!_&&!mt&&Be}),...he,"aria-pressed":w?T?"true":"false":void 0,disabled:M||void 0,children:[I&&(0,Zt.jsx)(f,{className:r(G,"k-button-icon"),icon:I}),_?(0,Zt.jsxs)(Zt.Fragment,{children:[_&&(0,Zt.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,Zt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Zt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Zt.jsx)(f,{icon:p})})]})};d.states=Eu;d.options=Au;d.variants=Su;d.className=Ga;d.defaultOptions=$i;d.moduleName=Vi;d.folderName=Cs;d.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 Ms=require("react/jsx-runtime"),Ao=e=>(0,Ms.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var ws=require("react/jsx-runtime"),_a=e=>(0,ws.jsx)(d,{icon:"folder",children:"Button",...e});var ys=require("react/jsx-runtime"),Zo=e=>(0,ys.jsx)(d,{children:"Button",...e});var Xr=require("react/jsx-runtime"),Iu=d.options,Ru=d.states,Ou={...d.defaultOptions,variant:"text"},Bu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pu=[],za=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Xr.jsx)(Ao,{...o,icon:"star"});case"icon-and-text":return(0,Xr.jsx)(_a,{...o,icon:"star",children:"Button"});default:return(0,Xr.jsx)(Zo,{...o,children:"Button"})}};za.options=Iu;za.states=Ru;za.variants=Bu;za.defaultOptions=Ou;za.modifiers=Pu;var Wi="button",Ss=Wi;var Es=require("react/jsx-runtime"),Fa="k-button-group",Ku=[l.disabled],Hu={fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},Du={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return(0,Es.jsx)("div",{role:"group",...i,className:r(e.className,Fa,y(Fa,{fillMode:t}),C(Fa,{disabled:o}),{[`${Fa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Ku;D.options=Hu;D.className=Fa;D.defaultOptions=Du;D.moduleName=Wi;D.folderName=Ss;D.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 Xi=require("react/jsx-runtime");var Ji=require("react/jsx-runtime");var qi=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var Qi=require("react/jsx-runtime");var Zi=require("react/jsx-runtime");var xt=require("react/jsx-runtime"),Gu={...d.options,...D.options},_u=d.states,zu={...d.defaultOptions,...D.defaultOptions,variant:"text-button"},Fu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Uu=[],Ua=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,xt.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,xt.jsx)(d,{...a,icon:"star"}),(0,xt.jsx)(d,{...a,icon:"star"}),(0,xt.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,xt.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,xt.jsx)(d,{...a,icon:"star",children:"First"}),(0,xt.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,xt.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,xt.jsxs)(D,{fillMode:a.fillMode,className:o,children:[(0,xt.jsx)(d,{...a,children:"First"}),(0,xt.jsx)(d,{...a,children:"Middle"}),(0,xt.jsx)(d,{...a,children:"Last"})]})};Ua.options=Gu;Ua.states=_u;Ua.variants=Fu;Ua.defaultOptions=zu;Ua.modifiers=Uu;var Va="input",Jr=Va;var As=require("react/jsx-runtime"),qr="k-input",Vu=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],$u={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Wu={},Pe=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:b,rounded:x,fillMode:v,...L}=e;return(0,As.jsx)("span",{...L,className:r(e.className,qr,y(qr,{size:b,rounded:x,fillMode:v}),C(qr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p}))})};Pe.states=Vu;Pe.options=$u;Pe.className=qr;Pe.defaultOptions=Wu;Pe.moduleName=Va;Pe.folderName=Jr;var Is=require("react/jsx-runtime"),Yr="k-picker",Xu=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Ju={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},qu={},ao=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:b,rounded:x,fillMode:v,...L}=e;return(0,Is.jsx)("span",{...L,className:r(e.className,Yr,y(Yr,{size:b,rounded:x,fillMode:v}),C(Yr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p})),children:e.children})};ao.states=Xu;ao.options=Ju;ao.className=Yr;ao.defaultOptions=qu;ao.moduleName=Va;ao.folderName=Jr;var pa=require("react/jsx-runtime"),Rs="k-clear-value",Yu=[l.disabled,l.loading,l.readonly],Qu={},It=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?(0,pa.jsx)(pa.Fragment,{}):(0,pa.jsx)("span",{className:r(e.className,Rs),children:(0,pa.jsx)(f,{icon:"x"})})};It.states=Yu;It.options=Qu;It.className=Rs;var Os=require("react/jsx-runtime"),ji="k-input-inner",Zu=[],ju={},Qr={type:"text",autocomplete:"off",value:"",placeholder:""},Rt=e=>{let{value:t=Qr.value,type:o=Qr.type,placeholder:a=Qr.placeholder,autocomplete:i=Qr.autocomplete,disabled:n,readOnly:c,...p}=e;return(0,Os.jsx)("input",{...p,type:o,className:r(e.className,ji,y(ji,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:n||void 0,readOnly:c||void 0})};Rt.states=Zu;Rt.options=ju;Rt.className=ji;var $a=require("react/jsx-runtime"),el="k-input-inner",eb=[],tb={},jo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:n,...c}=e;return(0,$a.jsxs)("span",{...c,className:r(e.className,el,y(el,e)),children:[i,!i&&n&&(0,$a.jsx)(f,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,$a.jsx)("span",{className:"k-input-value-text",children:t})]})};jo.states=eb;jo.options=tb;jo.className=el;var Ps=require("react/jsx-runtime"),tl="k-input-inner",ob=[],ab={},Bs={value:"",placeholder:""},ol=e=>{let{value:t=Bs.value,placeholder:o=Bs.placeholder,rows:a,disabled:i,...n}=e;return(0,Ps.jsx)("textarea",{...n,className:r(e.className,tl,y(tl,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};ol.states=ob;ol.options=ab;ol.className=tl;var Wa=require("react/jsx-runtime"),Ks="k-input-loading-icon",rb=[l.disabled,l.loading],Nt=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Wa.jsx)(Wa.Fragment,{}):(0,Wa.jsx)("span",{className:r(e.className,Ks,"k-icon k-i-loading")})};Nt.states=rb;Nt.className=Ks;var Xa=require("react/jsx-runtime"),Hs="k-input-validation-icon",ib=[l.valid,l.invalid,l.disabled,l.loading],lb={},pt=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,n=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?(0,Xa.jsx)(Xa.Fragment,{}):(0,Xa.jsx)(f,{className:r(Hs),icon:n})};pt.states=ib;pt.options=lb;pt.className=Hs;var Ja=require("react/jsx-runtime"),nb="k-input-prefix",sb={direction:"horizontal"},_t=e=>{let{direction:t=sb.direction,...o}=e;return e.children?(0,Ja.jsx)("span",{...o,className:r(nb,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ja.jsx)(Ja.Fragment,{})};var qa=require("react/jsx-runtime"),db="k-input-suffix",cb={direction:"horizontal"},zt=e=>{let{direction:t=cb.direction,...o}=e;return e.children?(0,qa.jsx)("span",{...o,className:r(db,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,qa.jsx)(qa.Fragment,{})};var mb=require("react/jsx-runtime");var Ds=require("react/jsx-runtime"),pb="k-input-suffix-text",al=e=>{let{children:t,...o}=e;return(0,Ds.jsx)("span",{...o,className:r(pb,e.className),children:t})};var _s=require("react/jsx-runtime"),Gs="k-input-separator",ub={direction:"vertical"},Ft=e=>{let{direction:t=ub.direction,...o}=e;return(0,_s.jsx)("span",{...o,className:r(Gs,e.className,{[`${Gs}-${t}`]:t})})};var Fe=require("react/jsx-runtime"),bb=Pe.states,fb=Pe.defaultOptions,Tb=Pe.options,hb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],xb=[],Ya=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:n,readonly:c,...p}=e,b=t==null?void 0:t.prefix,x=t==null?void 0:t.suffix,v=t==null?void 0:t["clear-button"],L=t==null?void 0:t["validation-icon"],T=t==null?void 0:t.separators;return(0,Fe.jsxs)(Pe,{...p,valid:o,invalid:a,loading:i,disabled:n,readonly:c,style:{width:300},children:[b&&(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(_t,{children:(0,Fe.jsx)(f,{icon:"lock"})}),T&&(0,Fe.jsx)(Ft,{})]}),(0,Fe.jsx)(Rt,{placeholder:"Placeholder",value:"Value"}),L&&(0,Fe.jsx)(pt,{valid:o,invalid:a,loading:i,disabled:n}),(0,Fe.jsx)(Nt,{loading:i,disabled:n}),v&&(0,Fe.jsx)(It,{loading:i,disabled:n,readonly:c,value:"Value"}),x&&(0,Fe.jsxs)(Fe.Fragment,{children:[T&&(0,Fe.jsx)(Ft,{}),(0,Fe.jsx)(zt,{children:(0,Fe.jsx)(Zo,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};Ya.options=Tb;Ya.states=bb;Ya.variants=xb;Ya.defaultOptions=fb;Ya.modifiers=hb;var Qa=require("react/jsx-runtime"),zs="k-color-preview",Nb=[],kb={},Io=e=>{let{color:t,iconName:o,...a}=e;return(0,Qa.jsxs)("span",{...a,className:r(e.className,zs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Qa.jsx)(f,{icon:o,className:"k-color-preview-icon"}),(0,Qa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Io.states=Nb;Io.options=kb;Io.className=zs;var rl="popup",Fs=rl;var il=require("react/jsx-runtime"),Us="k-animation-container",gb=[],vb={},Vs={positionMode:"absolute"},ro=e=>{let{positionMode:t=Vs.positionMode,animationStyle:o,offset:a,...i}=e;return(0,il.jsx)("div",{...i,style:{...a,...e.style},className:r(e.className,Us,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,il.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};ro.states=gb;ro.options=vb;ro.className=Us;ro.defaultOptions=Vs;ro.moduleName=rl;ro.folderName=Fs;var ll="popup",$s=ll;var nl=require("react/jsx-runtime"),Ws="k-popup",Lb=[],Cb={},Xs={positionMode:"absolute"},Ne=e=>{let{offset:t,positionMode:o=Xs.positionMode,animationStyle:a,containerClassName:i,containerRole:n,containerAriaLabel:c,...p}=e;return(0,nl.jsx)(ro,{positionMode:o,offset:t,animationStyle:a,className:i,role:n,"aria-label":c,children:(0,nl.jsx)("div",{...p,className:r(e.className,Ws),children:e.children})})};Ne.states=Lb;Ne.options=Cb;Ne.className=Ws;Ne.defaultOptions=Xs;Ne.moduleName=ll;Ne.folderName=$s;Ne.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 sl="action-buttons",Js=sl;var qs=require("react/jsx-runtime"),Zr="k-actions",Mb=[],wb={},dl={alignment:"start",orientation:"horizontal"},io=e=>{let{alignment:t=dl.alignment,orientation:o=dl.orientation,...a}=e;return(0,qs.jsx)("div",{...a,className:r(Zr,{[`${Zr}-${t}`]:t,[`${Zr}-${o}`]:o},e.className),children:e.children})};io.states=Mb;io.options=wb;io.className=Zr;io.defaultOptions=dl;io.moduleName=sl;io.folderName=Js;var Qs=require("react/jsx-runtime"),yb="k-actionsheet-footer",Ys={alignment:"stretched",orientation:"horizontal"},Ro=e=>{let{alignment:t=Ys.alignment,orientation:o=Ys.orientation,template:a,as:i=a?"div":io,...n}=e;return(0,Qs.jsx)(i,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,yb),children:e.children})};var cl="searchbox",Zs=cl;var Oo=require("react/jsx-runtime"),js="k-searchbox",Sb=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.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:[g.undefined,g.solid,g.flat,g.outline]},ml={showIcon:!0,icon:"search"},Ce=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:b,invalid:x,required:v,loading:L,disabled:T,showIcon:M=ml.showIcon,icon:w=ml.icon,...I}=e;return(0,Oo.jsxs)(Pe,{...I,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:b,invalid:x,required:v,loading:L,disabled:T,className:r(e.className,js),children:[M&&(0,Oo.jsx)(f,{className:"k-input-icon",icon:w}),(0,Oo.jsx)(Rt,{placeholder:o,value:t}),(0,Oo.jsx)(Nt,{...e}),(0,Oo.jsx)(pt,{...e}),(0,Oo.jsx)(It,{...e})]})};Ce.states=Sb;Ce.options=Eb;Ce.className=js;Ce.defaultOptions=ml;Ce.moduleName=cl;Ce.folderName=Zs;var Ab=require("react/jsx-runtime");var pl="textbox",ed=pl;var tt=require("react/jsx-runtime"),td="k-textbox",Ib=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Rb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},jr={showClearButton:!0,showValidationIcon:!0,separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:i=jr.separators,showClearButton:n=jr.showClearButton,showValidationIcon:c=jr.showValidationIcon,prefix:p,suffix:b,type:x,value:v,placeholder:L,hover:T,focus:M,valid:w,invalid:I,required:_,loading:G,disabled:V,readonly:he,id:Be,"aria-label":mt,"aria-describedby":Et,...At}=e;return(0,tt.jsxs)(Pe,{...At,size:t,rounded:o,fillMode:a,hover:T,focus:M,valid:w,invalid:I,required:_,loading:G,disabled:V,readonly:he,className:r(e.className,td),children:[p&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(_t,{children:p}),i&&(0,tt.jsx)(Ft,{})]}),(0,tt.jsx)(Rt,{id:Be,placeholder:L,value:v,type:x,disabled:V,"aria-label":mt,"aria-describedby":Et,"aria-invalid":I?"true":void 0}),c&&(0,tt.jsx)(pt,{valid:w,invalid:I,loading:G,disabled:V}),(0,tt.jsx)(Nt,{loading:G,disabled:V}),n&&(0,tt.jsx)(It,{loading:G,disabled:V,readonly:he,value:v}),b&&(0,tt.jsxs)(tt.Fragment,{children:[i&&(0,tt.jsx)(Ft,{}),(0,tt.jsx)(zt,{children:b})]})]})};ke.states=Ib;ke.options=Rb;ke.className=td;ke.defaultOptions=jr;ke.moduleName=pl;ke.folderName=ed;ke.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 Za=ke;var ad=require("react/jsx-runtime"),od=e=>(0,ad.jsx)(Za,{...e});var rd=require("react/jsx-runtime");var id=require("react/jsx-runtime");var Ob=require("react/jsx-runtime");var ei=require("react/jsx-runtime"),Bb=ke.states,Pb=ke.defaultOptions,Kb=ke.options,Hb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Db=[],ja=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,ei.jsx)(f,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,ei.jsx)(Zo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;default:break}}),(0,ei.jsx)(od,{value:"Value",style:{width:300},...o,...a})};ja.options=Kb;ja.states=Bb;ja.variants=Db;ja.defaultOptions=Pb;ja.modifiers=Hb;var Ot=require("react/jsx-runtime"),ld="k-actionsheet-titlebar",Gb={},ut=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:n,input:c,inputValue:p,inputPlaceholder:b,adaptive:x,titleId:v,children:L,...T}=e;return(0,Ot.jsxs)("div",{...T,className:r(e.className,ld),children:[(0,Ot.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ot.jsx)("div",{className:"k-actionsheet-actions",children:a}),!L&&(0,Ot.jsxs)("div",{className:"k-actionsheet-title",id:v,children:[t&&(0,Ot.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ot.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&(0,Ot.jsx)("div",{className:"k-actionsheet-title",id:v,children:L}),i&&(0,Ot.jsx)("div",{className:"k-actionsheet-actions",children:i})]}),(c||n)&&(0,Ot.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,Ot.jsx)(ke,{value:p,placeholder:b,size:x?"large":"medium","aria-label":t||b||"Input"}):(0,Ot.jsx)(Ce,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};ut.className=ld;ut.defaultOptions=Gb;var ua=require("react/jsx-runtime"),ul="k-actionsheet-view",_b=[],zb={},Fb={},ba=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:n,titleId:c,...p}=e,b=(i==null?void 0:i.type)===ut&&(0,ua.jsx)(ut,{adaptive:t,titleId:c,...i==null?void 0:i.props}),x=(n==null?void 0:n.type)===Ro&&(0,ua.jsx)(Ro,{...n==null?void 0:n.props});return(0,ua.jsxs)("div",{...p,className:r(e.className,ul,{[`${ul}-animated`]:o}),children:[b,(0,ua.jsx)("div",{className:"k-actionsheet-content",children:a}),x]})};ba.states=_b;ba.options=zb;ba.className=ul;ba.defaultOptions=Fb;var er="action-sheet",ti=er;var bl="overlay",nd=bl;var sd=require("react/jsx-runtime"),fl="k-overlay",Ub=[],Vb={themeColor:[N.undefined,N.light,N.dark,N.inverse]},$b={},Bo=e=>{let{themeColor:t,...o}=e;return(0,sd.jsx)("div",{...o,className:r(e.className,fl,y(fl,{themeColor:t})),children:e.children})};Bo.states=Ub;Bo.options=Vb;Bo.className=fl;Bo.defaultOptions=$b;Bo.moduleName=bl;Bo.folderName=nd;var ea=require("react/jsx-runtime"),dd="k-actionsheet",Wb=[],Xb={},tr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ae=e=>{let{side:t=tr.side,fullscreen:o=tr.fullscreen,adaptive:a=tr.adaptive,overlay:i=tr.overlay,template:n,children:c,header:p,footer:b,id:x,...v}=e,L=x&&!n&&p?`${x}-title`:void 0;return(0,ea.jsxs)("div",{className:"k-actionsheet-container",children:[i&&(0,ea.jsx)(Bo,{}),(0,ea.jsx)(ro,{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,ea.jsx)("div",{...v,id:x,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":L,className:r(e.className,dd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||(0,ea.jsx)(ba,{header:p,footer:b,adaptive:a,titleId:L,...e,children:c})})})]})};Ae.states=Wb;Ae.options=Xb;Ae.className=dd;Ae.defaultOptions=tr;Ae.moduleName=er;Ae.folderName=ti;Ae.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 md=require("react/jsx-runtime"),cd="k-actionsheet-container",Jb=[],qb={},Yb={},fa=e=>{let{children:t,...o}=e;return(0,md.jsx)("div",{...o,className:cd,children:t})};fa.states=Jb;fa.options=qb;fa.className=cd;fa.defaultOptions=Yb;fa.moduleName=er;fa.folderName=ti;var pd=require("react/jsx-runtime"),Tl=e=>{let{...t}=e;return(0,pd.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var Ut=require("react/jsx-runtime"),hl="k-actionsheet-item",Qb=[l.hover,l.focus,l.selected,l.disabled],Po=e=>{let{iconName:t,text:o,description:a,hover:i,focus:n,selected:c,disabled:p,...b}=e;return(0,Ut.jsxs)("span",{...b,className:r(e.className,hl,C(hl,{hover:i,focus:n,selected:c,disabled:p})),children:[!e.children&&(0,Ut.jsx)(Ut.Fragment,{children:(0,Ut.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Ut.jsx)("span",{className:"k-icon-wrap",children:(0,Ut.jsx)(f,{className:"k-actionsheet-item-icon",icon:t})}),(0,Ut.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Ut.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,Ut.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Po.states=Qb;Po.className=hl;var ud=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var jb=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var Me=require("react/jsx-runtime"),tf=Ae.options,of=Ae.states,fd={...Ae.defaultOptions,variant:"normal"},af=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],rf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],or=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},i={},n=(0,Me.jsxs)(Tl,{children:[(0,Me.jsx)(Po,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Me.jsx)(Po,{text:"Add to Favorites",iconName:"heart"}),(0,Me.jsx)(Po,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Me.jsx)("hr",{className:"k-hr"}),(0,Me.jsx)(Po,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",p="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":i.actionsStart=!!(o!=null&&o[b]),i.actionsEnd=!!(o!=null&&o[b]);break;case"subtitle":i.subtitle=o!=null&&o[b]?c:void 0;break;case"footer":i.footer=!!(o!=null&&o[b]);break;default:break}}),t==="adaptive"?(0,Me.jsx)(Ae,{...a,adaptive:!0,fullscreen:i.fullScreen,header:(0,Me.jsx)(ut,{actionsStart:i.actionsStart?(0,Me.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,Me.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:i.subtitle}),footer:i.footer?(0,Me.jsxs)(Ro,{alignment:"stretched",children:[(0,Me.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,Me.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Me.jsx)(Ae,{...a,fullscreen:i.fullScreen,header:(0,Me.jsx)(ut,{actionsStart:i.actionsStart?(0,Me.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?(0,Me.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?(0,Me.jsxs)(Ro,{alignment:"stretched",children:[(0,Me.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,Me.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};or.options=tf;or.states=of;or.variants=af;or.defaultOptions=fd;or.modifiers=rf;var xl="slider",Td=xl;var jt=require("react/jsx-runtime"),ar="k-slider",lf=[l.hover,l.focus,l.active,l.disabled,l.readonly],nf={},Vt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ge=e=>{let{type:t=Vt.type,orientation:o=Vt.orientation,gradientType:a=Vt.gradientType,readonly:i=Vt.readonly,disabled:n=Vt.disabled,handlePosition:c=Vt.handlePosition,showButtons:p=Vt.showButtons,showTicks:b=Vt.showTicks,value:x=Vt.value,min:v=Vt.min,max:L=Vt.max,startValue:T,endValue:M,hover:w,focus:I,active:_,trackStyle:G,dir:V,...he}=e,mt=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Et,At;return o==="horizontal"?(Et=V==="rtl"?"caret-alt-left":"caret-alt-right",At=V==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Et="caret-alt-up",At="caret-alt-down"),(0,jt.jsxs)("div",{...he,className:r(ar,e.className,C(ar,{readonly:i,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:V,children:[p&&(0,jt.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:At,tabIndex:-1,title:"Decrease"}),(0,jt.jsxs)("div",{className:"k-slider-track-wrap",children:[b&&(0,jt.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,jt.jsxs)("div",{className:"k-slider-track",style:G,children:[(0,jt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,jt.jsx)("span",{className:r("k-draghandle","k-draghandle-start",C(ar,{hover:w,focus:I,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":T??v,"aria-valuemin":v,"aria-valuemax":M??L,"aria-orientation":mt,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":he["aria-label"]?`${he["aria-label"]} start`:"Range start"}),(0,jt.jsx)("span",{className:r("k-draghandle",`k-draghandle-${c}`,C(ar,{hover:w,focus:I,active:_})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?M??L:x,"aria-valuemin":t==="range"?T??v:v,"aria-valuemax":L,"aria-orientation":mt,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?he["aria-label"]?`${he["aria-label"]} end`:"Range end":he["aria-label"]})]})]}),p&&(0,jt.jsx)(d,{className:"k-button-increase",rounded:"full",icon:Et,tabIndex:-1,title:"Increase"})]})};ge.states=lf;ge.options=nf;ge.className=ar;ge.defaultOptions=Vt;ge.moduleName=xl;ge.folderName=Td;ge.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").'}]};var Nl=require("react/jsx-runtime"),hd="k-tick",sf=[],df={},xd={label:!1},z=e=>{let{style:t,label:o=xd.label,orientation:a,large:i,text:n,...c}=e;return(0,Nl.jsx)("li",{...c,className:r(e.className,hd,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&(0,Nl.jsx)("span",{className:"k-label",children:n})})};z.states=sf;z.options=df;z.className=hd;z.defaultOptions=xd;var We=require("react/jsx-runtime"),Nd=e=>(0,We.jsx)(ge,{"aria-label":e["aria-label"]||"Slider",children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{label:!0,large:!0,text:"5"}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{}),(0,We.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Xe=require("react/jsx-runtime"),kd=e=>(0,Xe.jsx)(ge,{children:(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{}),(0,Xe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var kl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var gd=require("react/jsx-runtime"),vl=e=>(0,gd.jsx)(ge,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var vd=require("react/jsx-runtime"),Ll=e=>(0,vd.jsx)(ge,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Cl=require("react/jsx-runtime");var Ml=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),cf=ge.options,mf=ge.states,Ld={...ge.defaultOptions,variant:"horizontal",label:!0},pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Ld,...e},i={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{i.showButtons=!!(o!=null&&o[x]);break}case"label":{i.label=!!(o!=null&&o[x]);break}case"tick":{i.showTicks=!!(o!=null&&o[x]);break}}});let{label:n=!0,showButtons:c,showTicks:p}=i,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,kt.jsxs)(kd,{showTicks:p,showButtons:c,style:{height:"300px",...b},...a,children:[(0,kt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,kt.jsxs)(Nd,{showTicks:p,showButtons:c,style:{width:"400px",...b},...a,children:[(0,kt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,kt.jsx)(z,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};rr.options=cf;rr.states=mf;rr.variants=pf;rr.defaultOptions=Ld;rr.modifiers=uf;var ir=require("react/jsx-runtime"),Cd="k-spin-button",Tf=[],hf={size:[s.undefined,s.small,s.medium,s.large],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},wl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Ko=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=wl.increaseLabel,decreaseLabel:n=wl.decreaseLabel,...c}=e;return(0,ir.jsxs)("span",{...c,className:r(Cd,e.className),children:[(0,ir.jsx)(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":i}),(0,ir.jsx)(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};Ko.states=Tf;Ko.options=hf;Ko.className=Cd;Ko.defaultOptions=wl;Ko.moduleName=null;Ko.folderName=null;var Md="numeric-textbox",wd="numerictextbox";var Je=require("react/jsx-runtime"),yd="k-numerictextbox",xf=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Nf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},oi={showSpinButton:!0,showClearButton:!0,separators:!0},J=e=>{let{size:t,rounded:o,fillMode:a,separators:i=oi.separators,showClearButton:n=oi.showClearButton,showSpinButton:c=oi.showSpinButton,prefix:p,suffix:b,value:x,placeholder:v,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,id:he,"aria-label":Be,"aria-describedby":mt,...Et}=e;return(0,Je.jsxs)(Pe,{...Et,size:t,rounded:o,fillMode:a,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,className:r(e.className,yd),children:[p&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(_t,{children:p}),i&&(0,Je.jsx)(Ft,{})]}),(0,Je.jsx)(Rt,{id:he,placeholder:v,value:x,role:"spinbutton",disabled:G,"aria-label":Be,"aria-describedby":mt,"aria-invalid":w?"true":void 0}),(0,Je.jsx)(pt,{valid:M,invalid:w,loading:_,disabled:G}),(0,Je.jsx)(Nt,{loading:_,disabled:G}),n&&(0,Je.jsx)(It,{loading:_,disabled:G,readonly:V,value:x}),b&&(0,Je.jsxs)(Je.Fragment,{children:[i&&(0,Je.jsx)(Ft,{}),(0,Je.jsx)(zt,{children:b})]}),c&&(0,Je.jsx)(Ko,{className:"k-input-spinner",size:t,fillMode:a,disabled:G})]})};J.states=xf;J.options=Nf;J.className=yd;J.defaultOptions=oi;J.moduleName=Md;J.folderName=wd;J.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 lr=J;var Ed=require("react/jsx-runtime"),Sd=e=>(0,Ed.jsx)(lr,{...e});var ri=Pa(require("react"));var yl=require("react/jsx-runtime"),kf="k-list-group-sticky-header",Sl=e=>(0,yl.jsx)("div",{className:r(kf,e.className),children:(0,yl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ad=require("react/jsx-runtime"),gf="k-no-data",ai=e=>{let{live:t,...o}=e;return(0,Ad.jsx)("span",{...o,className:r(gf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ta="list",Ta=ta;var ha=require("react/jsx-runtime"),El="k-list",vf=[],Lf={size:[s.undefined,s.small,s.medium,s.large]},Cf={},Q=e=>{var M;let{size:t,virtualization:o,children:a,header:i,optionLabel:n,customValue:c,noData:p,screenReaders:b,...x}=e,L=ri.default.Children.toArray(a)[0],T=(M=L==null?void 0:L.props)!=null&&M.children?ri.default.Children.count(L.props.children):ri.default.Children.count(a);return(0,ha.jsxs)("div",{...x,className:r(e.className,El,y(El,{size:t}),{"k-virtual-list":o}),children:[n,c,i&&(0,ha.jsx)(Sl,{children:i}),a||(p!==void 0?p:(0,ha.jsx)(ai,{live:!0,children:"No data found."})),b&&a&&(0,ha.jsxs)(ai,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};Q.states=vf;Q.options=Lf;Q.className=El;Q.defaultOptions=Cf;Q.moduleName=ta;Q.folderName=Ta;Q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Rd=require("react/jsx-runtime"),Id="k-list-container",Mf=[],wf={},yf={},xa=e=>{let{...t}=e;return(0,Rd.jsx)("div",{...t,className:r(e.className,Id),children:e.children})};xa.states=Mf;xa.options=wf;xa.className=Id;xa.defaultOptions=yf;xa.moduleName=ta;xa.folderName=Ta;var oa="checkbox",Na=oa;var Al=require("react/jsx-runtime"),ii="k-checkbox",Sf=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],Ef={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Af={},ot=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:n,disabled:c,invalid:p,valid:b,required:x,size:v,rounded:L,...T}=e;return(0,Al.jsx)("span",{className:"k-checkbox-wrap",children:(0,Al.jsx)("input",{...T,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:c||void 0,"aria-invalid":p?"true":void 0,className:r(e.className,ii,y(ii,{size:v,rounded:L}),C(ii,{hover:i,focus:n,disabled:c,invalid:p,valid:b,indeterminate:a,checked:o}))})})};ot.states=Sf;ot.options=Ef;ot.className=ii;ot.defaultOptions=Af;ot.moduleName=oa;ot.folderName=Na;ot.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 lo=ot;var Pd=require("react/jsx-runtime"),Od="k-checkbox-list",If=[],Rf={},Bd={layout:"vertical"},gt=e=>{let{layout:t=Bd.layout,...o}=e;return(0,Pd.jsx)("ul",{...o,className:r(e.className,Od,{[`k-list-${t}`]:t}),children:e.children})};gt.states=If;gt.options=Rf;gt.className=Od;gt.defaultOptions=Bd;gt.moduleName=oa;gt.folderName=Na;var Hd=require("react/jsx-runtime"),Kd="k-checkbox-list-item",Of=[],Bf={},Pf={},bt=e=>{let{...t}=e;return(0,Hd.jsx)("li",{...t,className:r(e.className,Kd),children:e.children})};bt.states=Of;bt.options=Bf;bt.className=Kd;bt.defaultOptions=Pf;bt.moduleName=oa;bt.folderName=Na;var aa=require("react/jsx-runtime"),ho=({children:e,id:t,...o})=>(0,aa.jsxs)(aa.Fragment,{children:[(0,aa.jsx)(lo,{id:t,...o}),(0,aa.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Il=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var Kf=require("react/jsx-runtime");var Hf=require("react/jsx-runtime");var Df=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Gf=gt.options,_f=gt.states,zf={...gt.defaultOptions,variant:"vertical"},Ff=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Uf=[],nr=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,at.jsxs)(gt,{layout:"horizontal",...o,children:[(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"first",defaultChecked:!0,children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"second",children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"third",children:"Label"})})]}):(0,at.jsxs)(gt,{...o,children:[(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"first",defaultChecked:!0,children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"second",children:"Label"})}),(0,at.jsx)(bt,{children:(0,at.jsx)(ho,{id:"third",children:"Label"})})]})};nr.options=Gf;nr.states=_f;nr.variants=Ff;nr.defaultOptions=zf;nr.modifiers=Uf;var Dd=require("react/jsx-runtime"),Vf=lo.options,$f=lo.states,Wf=lo.defaultOptions,Xf=[],Jf=[],sr=e=>(0,Dd.jsx)(ho,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});sr.options=Vf;sr.states=$f;sr.variants=Xf;sr.defaultOptions=Wf;sr.modifiers=Jf;var no=require("react/jsx-runtime"),Bl="k-list-item",qf=[l.hover,l.focus,l.selected,l.disabled],Yf={},Qf={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:n,showCheckbox:c,checked:p,hover:b,focus:x,selected:v,disabled:L,actions:T,description:M,id:w,...I}=e,_=t||e.children;return(0,no.jsxs)("li",{...I,id:w,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&v?"true":a?void 0:"false","aria-disabled":!a&&L?"true":void 0,className:r(e.className,a?"k-list-group-item":Bl,C(Bl,{hover:b,focus:x,disabled:L,selected:v})),children:[c&&(0,no.jsx)(ot,{checked:p}),i&&(0,no.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,no.jsx)(f,{icon:i,className:r("k-list-item-icon",n)})}),(0,no.jsx)("span",{className:"k-list-item-text",children:_}),T&&(0,no.jsx)("div",{className:"k-list-item-actions",children:T}),M&&(0,no.jsx)("span",{className:"k-list-item-description",children:M}),o&&o!==""&&(0,no.jsx)("div",{className:"k-list-item-group-label",children:o})]})};$.states=qf;$.options=Yf;$.className=Bl;$.defaultOptions=Qf;$.moduleName=ta;$.folderName=Ta;$.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 Gd=require("react/jsx-runtime"),Zf="k-list-ul",xo=e=>{let{children:t,role:o,id:a,...i}=e;return(0,Gd.jsx)("ul",{...i,id:a,role:o,className:r(Zf,e.className),children:t})};xo.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 ka=require("react/jsx-runtime"),jf="k-list-content",se=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:n,...c}=e;return(0,ka.jsxs)("div",{...c,className:r(jf,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:(0,ka.jsx)(xo,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&(0,ka.jsx)("div",{className:"k-height-container",children:(0,ka.jsx)("div",{})})]})};se.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 Pl=require("react/jsx-runtime");var ga=require("react/jsx-runtime"),eT="k-list-group-item",ra=e=>{let{groupIconName:t,...o}=e;return(0,ga.jsxs)("li",{...o,role:"presentation",className:r(eT,e.className),children:[t&&(0,ga.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,ga.jsx)(f,{icon:t,className:"k-list-item-icon"})}),(0,ga.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ra.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 _d=require("react/jsx-runtime"),Kl="k-list-optionlabel",tT=[l.hover,l.focus,l.selected,l.disabled],oT={},aT={},li=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return(0,_d.jsx)("div",{...c,className:r(Kl,C(Kl,{hover:o,focus:a,selected:i,disabled:n})),children:t})};li.states=tT;li.options=oT;li.className=Kl;li.defaultOptions=aT;var zd=require("react/jsx-runtime"),Hl="k-list-custom-value",rT=[l.hover,l.focus,l.selected,l.disabled],iT={},lT={},Ho=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return(0,zd.jsx)("div",{...c,className:r(Hl,C(Hl,{hover:o,focus:a,selected:i,disabled:n})),children:t})};Ho.states=rT;Ho.options=iT;Ho.className=Hl;Ho.defaultOptions=lT;var Dl=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var _l=require("react/jsx-runtime");var zl=require("react/jsx-runtime");var nT=require("react/jsx-runtime");var Fl=require("react/jsx-runtime");var Fd="dropdown-list",Ud="dropdownlist";var we=require("react/jsx-runtime"),Vd="k-dropdownlist",sT=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],dT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Ul={showValue:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Ul.arrowIconName,showValue:n=Ul.showValue,valueIconName:c,prefix:p,suffix:b,value:x,placeholder:v,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,popup:he,opened:Be,adaptive:mt,adaptiveSettings:Et,adaptiveTitle:At,adaptiveSubtitle:ma,adaptiveFilter:Di,...Vr}=e;return(0,we.jsxs)(we.Fragment,{children:[(0,we.jsxs)(ao,{...Vr,size:t,rounded:o,fillMode:a,hover:L,focus:T,valid:M,invalid:w,required:I,loading:_,disabled:G,readonly:V,className:r(e.className,Vd,{"k-icon-picker":!n&&c}),children:[(0,we.jsx)(_t,{children:p}),(0,we.jsx)(jo,{placeholder:v,value:x,showValue:n,valueIconName:c}),(0,we.jsx)(pt,{valid:M,invalid:w,loading:_,disabled:G}),(0,we.jsx)(Nt,{loading:_,disabled:G}),(0,we.jsx)(zt,{children:b}),(0,we.jsx)(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown"})]}),Be&&he&&(0,we.jsx)(Ne,{className:"k-list-container k-dropdownlist-popup",children:he}),mt&&(0,we.jsx)(Ae,{adaptive:!0,...Et,header:(0,we.jsx)(ut,{actionsEnd:(0,we.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Di,inputValue:x,inputPlaceholder:v,title:At,subtitle:ma}),children:(0,we.jsx)("div",{className:"k-list-container",children:(0,we.jsx)(Q,{size:"large",children:(0,we.jsxs)(se,{children:[(0,we.jsx)($,{text:"List item"}),(0,we.jsx)($,{text:"List item"}),(0,we.jsx)($,{text:"List item"})]})})})})]})};ue.states=sT;ue.options=dT;ue.className=Vd;ue.defaultOptions=Ul;ue.moduleName=Fd;ue.folderName=Ud;var cT=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var mT=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),pT=ue.states,uT=ue.defaultOptions,bT=ue.options,fT=[{name:"opened",title:"Opened"}],TT=[],cr=e=>{let{modifiers:t,...o}=e,a={},i=(0,vt.jsxs)(vt.Fragment,{children:[(0,vt.jsx)("div",{className:"k-list-filter",children:(0,vt.jsx)(Ce,{})}),(0,vt.jsx)(Q,{style:{width:300},size:o.size,children:(0,vt.jsxs)(se,{children:[(0,vt.jsx)($,{children:"List item"}),(0,vt.jsx)($,{children:"List item"}),(0,vt.jsx)($,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?i:void 0)}),(0,vt.jsx)("div",{children:(0,vt.jsx)(ue,{placeholder:"Value",style:{width:300},...o,...a})})};cr.options=bT;cr.states=pT;cr.variants=TT;cr.defaultOptions=uT;cr.modifiers=fT;var Xd=require("react/jsx-runtime");var Jd=require("react/jsx-runtime");var hT=require("react/jsx-runtime");var ni=require("react/jsx-runtime"),xT=J.states,NT=J.defaultOptions,kT=J.options,gT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],vT=[],mr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,ni.jsx)(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,ni.jsx)(al,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[i];break;case"spin-button":a.showSpinButton=t==null?void 0:t[i];break;default:break}}),(0,ni.jsx)(Sd,{value:"Value",style:{width:300},...o,...a})};mr.options=kT;mr.states=xT;mr.variants=vT;mr.defaultOptions=NT;mr.modifiers=gT;var O=require("react/jsx-runtime"),qd="k-colorgradient-inputs",LT=[],CT={size:[s.undefined,s.small,s.medium,s.large]},Yd={mode:"rgba"},va=e=>{let{mode:t=Yd.mode,size:o,...a}=e;return(0,O.jsxs)("div",{...a,className:r(qd,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(J,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,O.jsx)(ke,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};va.states=LT;va.options=CT;va.className=qd;va.defaultOptions=Yd;var rt=require("react/jsx-runtime"),Qd="k-colorgradient-color-contrast",MT=[],wT={},yT={},La=()=>(0,rt.jsxs)("div",{className:r(Qd,"k-vbox"),children:[(0,rt.jsxs)("div",{className:"k-contrast-ratio",children:[(0,rt.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,rt.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,rt.jsx)(f,{icon:"check"}),(0,rt.jsx)(f,{icon:"check"})]})]}),(0,rt.jsxs)("div",{children:[(0,rt.jsx)("span",{children:"AA: 4.5"}),(0,rt.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,rt.jsx)(f,{icon:"check"})]})]}),(0,rt.jsxs)("div",{children:[(0,rt.jsx)("span",{children:"AAA: 7.0"}),(0,rt.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,rt.jsx)(f,{icon:"x"})]})]})]});La.states=MT;La.options=wT;La.className=Qd;La.defaultOptions=yT;var Zd="color-gradient",jd="colorgradient";var Ke=require("react/jsx-runtime"),si="k-colorgradient",ST=[l.hover,l.focus,l.readonly,l.disabled],ET={size:[s.undefined,s.small,s.medium,s.large]},so={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"},qe=e=>{let{size:t,mode:o=so.mode,readonly:a=so.readonly,disabled:i=so.disabled,gradientStyle:n=so.gradientStyle,dragHandleStyle:c=so.dragHandleStyle,alphaStyle:p=so.alphaStyle,alphaStyleHorizontal:b=so.alphaStyleHorizontal,contrast:x=so.contrast,dir:v,hover:L,focus:T,hoverHandle:M,focusHandle:w,canvasOrientation:I=so.canvasOrientation,role:_,tabIndex:G,...V}=e;return(0,Ke.jsxs)("div",{...V,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:G??0,"aria-disabled":i?"true":void 0,className:r(e.className,si,y(si,{size:t}),C(si,{hover:L,focus:T,readonly:a,disabled:i})),dir:v,children:[!I||I==="horizontal"&&(0,Ke.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Ke.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Ke.jsx)("div",{className:"k-hsv-gradient",children:(0,Ke.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":w}),style:c,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,Ke.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Ke.jsx)(Ll,{className:"k-hue-slider",hover:M,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,Ke.jsx)(Ll,{className:"k-alpha-slider",hover:M,focus:w,trackStyle:p})]})]}),I==="vertical"&&(0,Ke.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Ke.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Ke.jsx)("div",{className:"k-hsv-gradient",children:(0,Ke.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":w}),style:c,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,Ke.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Ke.jsx)(vl,{className:"k-hue-slider",hover:M,focus:w}),o!=="rgb"&&o!=="hsv"&&(0,Ke.jsx)(vl,{className:"k-alpha-slider",hover:M,focus:w,trackStyle:b})]})]}),(0,Ke.jsx)(va,{mode:e.mode,size:t}),x&&(0,Ke.jsx)(La,{})]})};qe.states=ST;qe.options=ET;qe.className=si;qe.defaultOptions=so;qe.moduleName=Zd;qe.folderName=jd;qe.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 ec=require("react/jsx-runtime"),di=e=>(0,ec.jsx)(qe,{...e});var AT=require("react/jsx-runtime");var IT=require("react/jsx-runtime");var ci=require("react/jsx-runtime"),RT=qe.options,OT=qe.states,BT={...qe.defaultOptions,variant:"rgba"},PT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],KT=[],pr=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,ci.jsx)(di,{...o,mode:t});case"rgb":return(0,ci.jsx)(di,{...o,mode:t});default:return(0,ci.jsx)(di,{...o,mode:t})}};pr.options=RT;pr.states=OT;pr.variants=PT;pr.defaultOptions=BT;pr.modifiers=KT;var tc=require("react/jsx-runtime"),Wl=e=>(0,tc.jsx)("tr",{role:"row",children:e.children});var oc=require("react/jsx-runtime"),Xl="k-colorpalette-tile",HT=[l.hover,l.focus,l.selected],DT={},Ca=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:n,...c}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,oc.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,Xl,C(Xl,{hover:a,focus:i,selected:n})),style:p})};Ca.states=HT;Ca.options=DT;Ca.className=Xl;var ac="color-palette",rc="colorpalette";var Ma=require("react/jsx-runtime"),mi="k-colorpalette",GT=[l.disabled],_T={size:[s.undefined,s.small,s.medium,s.large]},ic={columns:10},Lt=e=>{let{size:t,palette:o,columns:a=ic.columns,tileSize:i,disabled:n,...c}=e,p=[];if(o){let b=a||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/b)},(v,L)=>{let T=[];x.slice(L*b,(L+1)*b).map((w,I)=>{T.push((0,Ma.jsx)(Ca,{color:w,tileSize:i},I))});let M=(0,Ma.jsx)(Wl,{children:T},L);p.push(M)})}return(0,Ma.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,mi,C(mi,{disabled:n}),y(mi,{size:t})),children:(0,Ma.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Ma.jsx)("tbody",{children:p.length>0?p:e.children})})})};Lt.states=GT;Lt.options=_T;Lt.className=mi;Lt.defaultOptions=ic;Lt.moduleName=ac;Lt.folderName=rc;Lt.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 pi=Lt;var ur={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 nc=require("react/jsx-runtime"),lc=e=>(0,nc.jsx)(pi,{palette:ur.basic,...e});var zT=require("react/jsx-runtime");var sc=require("react/jsx-runtime");var dc=require("react/jsx-runtime"),FT=Lt.options,UT=Lt.states,VT={...Lt.defaultOptions,variant:"basic"},$T=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],WT={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}},XT=[],br=e=>{let{variant:t="basic",...o}=e,a=WT[t];return(0,dc.jsx)(lc,{columns:a.columns,palette:a,...o})};br.options=FT;br.states=UT;br.variants=$T;br.defaultOptions=VT;br.modifiers=XT;var cc="color-editor",mc="coloreditor";var Ie=require("react/jsx-runtime"),ui="k-coloreditor",JT=[l.focus],qT={size:[s.undefined,s.small,s.medium,s.large]},fr={view:"gradient",palette:ur.office,actionButtons:!0,canvasOrientation:"horizontal"},Re=e=>{let{size:t,view:o=fr.view,palette:a=fr.palette,color:i,currentColor:n,focus:c,focusView:p,dir:b,group:x,actionButtons:v=fr.actionButtons,canvasOrientation:L=fr.canvasOrientation,...T}=e;return(0,Ie.jsxs)("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",ui,y(ui,{size:t}),C(ui,{focus:c})),dir:b,children:[(0,Ie.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Ie.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&(0,Ie.jsxs)(D,{fillMode:"flat",children:[(0,Ie.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Ie.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Ie.jsx)("div",{className:"k-spacer"}),(0,Ie.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Ie.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Ie.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Ie.jsx)(Io,{className:"k-coloreditor-preview-color",color:i}),(0,Ie.jsx)(Io,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Ie.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Ie.jsx)(qe,{focus:p,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):(0,Ie.jsx)(Lt,{palette:a,size:t})}),v&&(0,Ie.jsxs)(io,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Ie.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Ie.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Re.states=JT;Re.options=qT;Re.className=ui;Re.defaultOptions=fr;Re.moduleName=cc;Re.folderName=mc;Re.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 wa=Re;var YT=require("react/jsx-runtime");var QT=require("react/jsx-runtime");var uc=require("react/jsx-runtime"),pc=e=>(0,uc.jsx)(wa,{group:!0,currentColor:"fuchsia",...e});var fc=require("react/jsx-runtime"),bc=e=>(0,fc.jsx)(wa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Jl=require("react/jsx-runtime"),ZT=Re.options,jT=Re.states,eh={...Re.defaultOptions,variant:"gradient"},th=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],oh=[],Tr=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Jl.jsx)(bc,{...o,color:"white"}):(0,Jl.jsx)(pc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Tr.options=ZT;Tr.states=jT;Tr.variants=th;Tr.defaultOptions=eh;Tr.modifiers=oh;var Tc="color-picker",hc="colorpicker";var He=require("react/jsx-runtime"),xc="k-colorpicker",ah=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],rh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Nc={arrowIconName:"caret-alt-down"},Bt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Nc.arrowIconName,prefix:n,suffix:c,value:p,placeholder:b,hover:x,focus:v,valid:L,invalid:T,required:M,disabled:w,valueIconName:I,popup:_,opened:G,adaptive:V,adaptiveSettings:he,adaptiveTitle:Be,adaptiveSubtitle:mt,...Et}=e,At="colorpicker-popup";return(0,He.jsxs)(He.Fragment,{children:[(0,He.jsxs)(ao,{...Et,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:L,invalid:T,required:M,disabled:w,role:"combobox","aria-haspopup":"dialog","aria-expanded":G?"true":"false","aria-controls":G||V?At:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":w?"true":void 0,className:r(e.className,xc,"k-icon-picker"),children:[(0,He.jsx)(_t,{children:n}),(0,He.jsx)(jo,{placeholder:b,value:p,showValue:!1,valueIcon:(0,He.jsx)(Io,{className:"k-value-icon",color:p,iconName:I}),valueIconName:I}),(0,He.jsx)(zt,{children:c}),(0,He.jsx)(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:w})]}),G&&_&&(0,He.jsx)(Ne,{id:At,className:"k-colorpicker-popup",children:_}),V&&(0,He.jsx)(Ae,{adaptive:!0,id:At,...he,header:(0,He.jsx)(ut,{actionsEnd:(0,He.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Be,subtitle:mt}),footer:(0,He.jsxs)(Ro,{children:[(0,He.jsx)(d,{text:"Cancel",size:"large"}),(0,He.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,He.jsx)(Re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Bt.states=ah;Bt.options=rh;Bt.className=xc;Bt.defaultOptions=Nc;Bt.moduleName=Tc;Bt.folderName=hc;Bt.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 Do=Bt;var kc=require("react/jsx-runtime"),bi=e=>(0,kc.jsx)(Do,{...e});var ih=require("react/jsx-runtime");var lh=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var dh=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),mh=Do.options,ph=Do.states,gc={...Do.defaultOptions,variant:"color"},uh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],bh=[{name:"opened",title:"Opened"}],hr=e=>{let{variant:t,modifiers:o,...a}={...gc,...e},i={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(i.opened=!!(o!=null&&o[c]),i.popup=o!=null&&o[c]?(0,Go.jsx)(Re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Go.jsx)("div",{style:n,children:(0,Go.jsx)(bi,{...a,...i})});case"icon":return(0,Go.jsx)("div",{style:n,children:(0,Go.jsx)(bi,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return(0,Go.jsx)("div",{style:n,children:(0,Go.jsx)(bi,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};hr.options=mh;hr.states=ph;hr.variants=uh;hr.defaultOptions=gc;hr.modifiers=bh;var ql="combobox",vc=ql;var j=require("react/jsx-runtime"),Lc="k-combobox",fh=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Th={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Cc={separators:!0},ft=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Cc.separators,prefix:n,suffix:c,value:p,placeholder:b,hover:x,focus:v,valid:L,invalid:T,required:M,loading:w,disabled:I,popup:_,opened:G,readonly:V,adaptive:he,adaptiveSettings:Be,adaptiveTitle:mt,adaptiveSubtitle:Et,adaptiveCustomValue:At,id:ma,autocomplete:Di,activeDescendant:Vr,"aria-label":cu,...mu}=e,pu=ma?`${ma}-listbox`:void 0;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(Pe,{...mu,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:L,invalid:T,required:M,loading:w,disabled:I,readonly:V,className:r(e.className,Lc),children:[n&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(_t,{children:n}),i&&(0,j.jsx)(Ft,{})]}),(0,j.jsx)(Rt,{placeholder:b,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":G?"true":"false","aria-controls":G?pu:void 0,"aria-activedescendant":G&&Vr?Vr:void 0,"aria-autocomplete":Di,"aria-invalid":T?"true":void 0,"aria-busy":w?"true":void 0,"aria-label":cu,disabled:I,readOnly:V}),(0,j.jsx)(pt,{valid:L,invalid:T,loading:w,disabled:I}),(0,j.jsx)(Nt,{loading:w,disabled:I}),(0,j.jsx)(It,{loading:w,disabled:I,readonly:V,value:p}),c&&(0,j.jsxs)(j.Fragment,{children:[i&&(0,j.jsx)(Ft,{}),(0,j.jsx)(zt,{children:c})]}),(0,j.jsx)(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),G&&_&&(0,j.jsx)(Ne,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),he&&(0,j.jsx)(Ae,{adaptive:!0,id:ma?`${ma}-adaptive`:void 0,...Be,header:(0,j.jsx)(ut,{actionsEnd:(0,j.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:b,title:mt,subtitle:Et}),children:(0,j.jsx)("div",{className:"k-list-container",children:(0,j.jsx)(Q,{customValue:At?(0,j.jsx)(Ho,{text:`Use "${p}"`}):void 0,size:"large",children:(0,j.jsxs)(se,{"aria-label":mt||"Options",children:[(0,j.jsx)($,{text:"List item"}),(0,j.jsx)($,{text:"List item"}),(0,j.jsx)($,{text:"List item"})]})})})})]})};ft.states=fh;ft.options=Th;ft.className=Lc;ft.defaultOptions=Cc;ft.moduleName=ql;ft.folderName=vc;ft.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-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 Pt=ft;var wc=require("react/jsx-runtime"),Mc=e=>(0,wc.jsx)(Pt,{...e});var yc=require("react/jsx-runtime");var Sc=require("react/jsx-runtime");var Ec=require("react/jsx-runtime");var Ac=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var Rc=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var hh=require("react/jsx-runtime");var xh=require("react/jsx-runtime");var Oc=require("react/jsx-runtime");var Bc=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),Nh=ft.states,kh=ft.defaultOptions,gh=ft.options,vh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Lh=[],xr=e=>{let{modifiers:t,...o}=e,a={},i=(0,eo.jsx)(Q,{style:{width:300},size:o.size,children:(0,eo.jsxs)(se,{children:[(0,eo.jsx)($,{children:"List item"}),(0,eo.jsx)($,{children:"List item"}),(0,eo.jsx)($,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,eo.jsx)(f,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,eo.jsx)(Ao,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[n]),a.popup=t!=null&&t[n]?i:void 0;break;default:break}}),(0,eo.jsx)("div",{children:(0,eo.jsx)(Mc,{value:"Value",style:{width:300},...o,...a})})};xr.options=gh;xr.states=Nh;xr.variants=Lh;xr.defaultOptions=kh;xr.modifiers=vh;var Ql="menu-button",Pc=Ql;var Hc=require("react/jsx-runtime"),Kc="k-menu-button",Ch=[l.hover,l.focus,l.active,l.selected,l.disabled],Mh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Zl={showArrow:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,icon:v,text:L,showArrow:T=Zl.showArrow,arrowIconName:M=Zl.arrowIconName,expanded:w,...I}=e;return(0,Hc.jsx)(d,{...I,className:r(e.className,Kc),text:L,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,icon:v,showArrow:T,arrowIconName:M,"aria-expanded":w?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};be.states=Ch;be.options=Mh;be.className=Kc;be.defaultOptions=Zl;be.moduleName=Ql;be.folderName=Pc;be.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 wh=require("react/jsx-runtime");var yh=require("react/jsx-runtime");var Sh=require("react/jsx-runtime");var Kt="menu",Wt=Kt;var No=require("react/jsx-runtime"),jl="k-menu-item",Eh=[l.hover,l.focus,l.active,l.selected,l.disabled],Ah={},Dc={iconPosition:"before"},it=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:b,last:x,showArrow:v,arrowIconName:L,iconPosition:T=Dc.iconPosition,dir:M,children:w,expanded:I,..._}=e,G=L;return G||(G=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,No.jsxs)("li",{..._,className:r(e.className,jl,"k-item",C(jl,{focus:o,disabled:n,hover:t,active:a,selected:i}),{"k-first":b,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,No.jsxs)("span",{className:r("k-link k-menu-link"),children:[c&&T==="before"&&(0,No.jsx)(f,{className:"k-menu-link-icon",icon:c}),(0,No.jsx)("span",{className:"k-menu-link-text",children:p}),c&&T==="after"&&(0,No.jsx)(f,{className:"k-menu-link-icon",icon:c}),v&&(0,No.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,No.jsx)(f,{icon:G})})]}),w]})};it.states=Eh;it.options=Ah;it.className=jl;it.defaultOptions=Dc;it.moduleName=Kt;it.folderName=Wt;var ko=require("react/jsx-runtime"),en="k-menu-item",Ih=[l.hover,l.focus,l.active,l.selected,l.disabled],Rh={},tn={dir:"ltr",iconPosition:"before"},ye=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:b,last:x,showArrow:v,arrowIconName:L,iconPosition:T=tn.iconPosition,dir:M=tn.dir,children:w,popup:I,expanded:_,...G}=e,V=L;return V||(V=M==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ko.jsxs)("li",{...G,className:r(e.className,en,"k-item",C(en,{focus:o,disabled:n}),{"k-first":b,"k-last":x}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":_?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ko.jsxs)("span",{className:r("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:i,disabled:n})),children:[c&&T==="before"&&(0,ko.jsx)(f,{className:"k-menu-link-icon",icon:c}),(0,ko.jsx)("span",{className:"k-menu-link-text",children:p}),c&&T==="after"&&(0,ko.jsx)(f,{className:"k-menu-link-icon",icon:c}),v&&(0,ko.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ko.jsx)(f,{icon:V})})]}),w,I]})};ye.states=Ih;ye.options=Rh;ye.className=en;ye.defaultOptions=tn;ye.moduleName=Kt;ye.folderName=Wt;var zc=require("react/jsx-runtime"),Gc="k-menu-scroll-wrapper",Oh=[],Bh={},Ph={},ia=e=>{let{className:t,children:o,orientation:a,...i}=e;return(0,zc.jsx)("div",{...i,className:r(t,Gc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ia.states=Oh;ia.options=Bh;ia.className=Gc;ia.defaultOptions=Ph;ia.moduleName=Kt;ia.folderName=Wt;var _c=ia;var Ye=require("react/jsx-runtime"),on="k-menu",Kh=[],Hh={},Ti={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Qe=e=>{let{children:t,orientation:o=Ti.orientation,header:a=Ti.header,scrollable:i,scrollButtonsPosition:n=Ti.scrollButtonsPosition,wrapperStyles:c,dir:p,popup:b,contextMenu:x,...v}=e,L={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=(0,Ye.jsx)("ul",{dir:p,...v,className:r(e.className,"k-reset",on,{[`${on}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ye.jsxs)(Ye.Fragment,{children:[i?(0,Ye.jsxs)(_c,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&(0,Ye.jsxs)(Ye.Fragment,{children:[(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,n==="end"&&(0,Ye.jsxs)(Ye.Fragment,{children:[(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Ye.jsx)(d,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,b]})};Qe.states=Kh;Qe.options=Hh;Qe.className=on;Qe.defaultOptions=Ti;Qe.moduleName=Kt;Qe.folderName=Wt;Qe.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[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",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[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",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 Uc=require("react/jsx-runtime"),an="k-separator",Fc={orientation:"horizontal"},ya=e=>{let{orientation:t=Fc.orientation,...o}=e;return(0,Uc.jsx)("li",{...o,className:r(e.className,"k-item",an,{[`${an}-${t}`]:t}),role:"separator"})};ya.className=an;ya.defaultOptions=Fc;ya.moduleName=Kt;ya.folderName=Wt;var Vc=require("react/jsx-runtime");var $c=require("react/jsx-runtime"),rn="k-menu-group",Dh=[],Gh={size:[s.undefined,s.small,s.medium,s.large]},_h={},lt=e=>{let{children:t,size:o,...a}=e;return(0,$c.jsx)("ul",{...a,className:r(e.className,rn,y(rn,{size:o})),role:"menu",children:t})};lt.states=Dh;lt.options=Gh;lt.className=rn;lt.defaultOptions=_h;lt.moduleName=Kt;lt.folderName=Wt;var to=require("react/jsx-runtime"),ln=e=>(0,to.jsx)(Qe,{children:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(it,{first:!0,text:"Item 1"}),(0,to.jsx)(it,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,to.jsx)(it,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,to.jsx)(it,{text:"Item 4"}),(0,to.jsx)(it,{last:!0,text:"Item 5"})]}),...e});var nn=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var co=require("react/jsx-runtime"),zh=Qe.options,Fh=Qe.states,Wc={...Qe.defaultOptions,variant:"horizontal"},Uh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Vh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Nr=e=>{let{variant:t,modifiers:o,...a}={...Wc,...e},i={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":i.scrollable=!!(o!=null&&o[n]);break;case"opened":i.opened=!!(o!=null&&o[n]),i.popup=(0,co.jsx)(Ne,{className:"k-menu-popup",children:(0,co.jsxs)(lt,{children:[(0,co.jsx)(ye,{text:"Item 1"}),(0,co.jsx)(ye,{text:"Item 2"}),(0,co.jsx)(ya,{}),(0,co.jsx)(ye,{text:"Item 3"})]})});break}}),t==="vertical"?(0,co.jsx)(ln,{...a,...i,orientation:"vertical",style:{width:"200px"}}):(0,co.jsx)(ln,{...a,...i})};Nr.options=zh;Nr.states=Fh;Nr.variants=Uh;Nr.defaultOptions=Wc;Nr.modifiers=Vh;var mn=require("react/jsx-runtime");var $h=require("react/jsx-runtime");var nt=require("react/jsx-runtime"),Wh=d.states,Xc={...d.defaultOptions,variant:"text"},Xh=d.options,Jh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qh=[{name:"opened",title:"Opened"}],kr=e=>{let{variant:t,modifiers:o,...a}={...Xc,...e},i={},n=(0,nt.jsx)(Ne,{className:"k-menu-popup",children:(0,nt.jsxs)(lt,{size:a.size,children:[(0,nt.jsx)(ye,{first:!0,text:"Menu Item"}),(0,nt.jsx)(ye,{text:"Menu Item"}),(0,nt.jsx)(ye,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,nt.jsx)("div",{children:(0,nt.jsx)(be,{...a,...i,icon:"star"})});break;case"icon-and-text":c=(0,nt.jsx)("div",{children:(0,nt.jsx)(be,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:c=(0,nt.jsx)("div",{children:(0,nt.jsx)(be,{...a,...i,children:"Dropdown Button"})});break}return(0,nt.jsxs)(nt.Fragment,{children:[c,(o==null?void 0:o.opened)&&n]})};kr.options=Xh;kr.states=Wh;kr.variants=Jh;kr.defaultOptions=Xc;kr.modifiers=qh;var pn="split-button",Jc=pn;var go=require("react/jsx-runtime"),un="k-split-button",Yh=[l.hover,l.focus,l.active,l.selected,l.disabled],Qh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},qc={arrowIconName:"caret-alt-down"},U=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,icon:v,text:L,arrowIconName:T=qc.arrowIconName,popup:M,opened:w,popupId:I,..._}=e;return(0,go.jsxs)(go.Fragment,{children:[(0,go.jsxs)("div",{..._,className:r(e.className,un,"k-button-group",y(un,{rounded:o})),children:[(0,go.jsx)(d,{text:L,icon:v,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:b,disabled:x,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),(0,go.jsx)(d,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:a,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":w?"true":"false","aria-controls":w?I:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),w&&M&&(0,go.jsx)(Ne,{className:"k-menu-popup",children:M})]})};U.states=Yh;U.options=Qh;U.className=un;U.defaultOptions=qc;U.moduleName=pn;U.folderName=Jc;U.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 bn=U;var Yc=require("react/jsx-runtime"),Zh="k-toolbar-separator",oo=e=>(0,Yc.jsx)("div",{className:r(Zh,e.className,"k-separator")});var vo="toolbar",_o=vo;var F=require("react/jsx-runtime"),Lo="k-toolbar",jh=[l.focus],ex={size:[s.undefined,s.small,s.medium,s.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},tx={scrollButtons:"around"},de=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:n,scrollButtons:c,scrollingPosition:p,section:b,...x}=e,v=[],L=(T,M)=>{let w=[];if(T.type===d&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))w.push((0,F.jsx)(d,{...T.props,className:`${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===d)w.push((0,F.jsx)(d,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===_a)w.push((0,F.jsx)(_a,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===Ao)w.push((0,F.jsx)(Ao,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===be)w.push((0,F.jsx)(be,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===bn)w.push((0,F.jsx)(bn,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`));else if(T.type===D||T.props.className&&T.props.className.includes("k-button-group")){let I=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((G,V)=>{I.push((0,F.jsx)(d,{...G.props,className:`${G.props.className?G.props.className:""}`},`${V}-${new Date().getTime()}`))}),w.push((0,F.jsx)(D,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:I},`${M}-${new Date().getTime()}`))}else T.type===ft?w.push((0,F.jsx)(ft,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`)):T.type===ue?w.push((0,F.jsx)(ue,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`)):T.type===Bt?w.push((0,F.jsx)(Bt,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${M}-${new Date().getTime()}`)):w.push(T);w.forEach(I=>{v.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,w)=>{L(M,w)}),(0,F.jsxs)("div",{...x,className:r(e.className,Lo,y(Lo,{size:t,fillMode:o}),C(Lo,{focus:a}),{[`${Lo}-resizable`]:i,[`${Lo}-scrollable`]:n,[`${Lo}-scrollable-overlay`]:n&&c==="hidden",[`${Lo}-scrollable-${p}`]:p&&p!=="both",[`${Lo}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&v,n&&c==="hidden"&&(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),n&&c==="start"&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsxs)(D,{children:[(0,F.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,F.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),n&&c==="end"&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsxs)(D,{children:[(0,F.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,F.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"||!c)&&(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),(0,F.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,F.jsx)("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,F.jsx)(f,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};de.states=jh;de.options=ex;de.className=Lo;de.defaultOptions=tx;de.moduleName=vo;de.folderName=_o;de.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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",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"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",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[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var Zc=require("react/jsx-runtime"),Qc="k-floating-toolbar",ox=[],ax={},rx={},Sa=e=>{let{...t}=e;return(0,Zc.jsx)("div",{...t,className:r(e.className,Qc),children:e.children})};Sa.states=ox;Sa.options=ax;Sa.className=Qc;Sa.defaultOptions=rx;Sa.moduleName=vo;Sa.folderName=_o;var jc=require("react/jsx-runtime"),fn="k-toolbar-item",ix=[l.focus],lx={},nx={},Ea=e=>{let{focus:t,...o}=e;return(0,jc.jsx)("div",{...o,className:r(e.className,fn,C(fn,{focus:t})),children:e.children})};Ea.states=ix;Ea.options=lx;Ea.className=fn;Ea.defaultOptions=nx;Ea.moduleName=vo;Ea.folderName=_o;var Tn=require("react/jsx-runtime"),em="k-toolbar-popup",sx=[],dx={size:[s.undefined,s.small,s.medium,s.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},cx={},la=e=>{let{size:t,fillMode:o,section:a,...i}=e;return(0,Tn.jsx)(Ne,{...i,className:r(e.className,em),children:a?(0,Tn.jsx)("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};la.states=sx;la.options=dx;la.className=em;la.defaultOptions=cx;la.moduleName=vo;la.folderName=_o;var hi=la;var mx=require("react/jsx-runtime");var px=require("react/jsx-runtime");var ux=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var bx=require("react/jsx-runtime");var Xt=require("react/jsx-runtime"),fx=U.states,om={...U.defaultOptions,variant:"text"},Tx=U.options,hx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xx=[{name:"opened",title:"Opened"}],gr=e=>{let{variant:t,modifiers:o,...a}={...om,...e},i={},n=(0,Xt.jsxs)(lt,{size:a.size,children:[(0,Xt.jsx)(ye,{first:!0,text:"Menu Item"}),(0,Xt.jsx)(ye,{text:"Menu Item"}),(0,Xt.jsx)(ye,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(i.opened=!!(o!=null&&o[c]),i.popup=o!=null&&o[c]?n:"")}),t){case"icon-only":return(0,Xt.jsx)("div",{children:(0,Xt.jsx)(U,{...a,...i,icon:"star"})});case"icon-and-text":return(0,Xt.jsx)("div",{children:(0,Xt.jsx)(U,{...a,...i,icon:"star",children:"Split Button"})});default:return(0,Xt.jsx)("div",{children:(0,Xt.jsx)(U,{...a,...i,children:"Split Button"})})}};gr.options=Tx;gr.states=fx;gr.variants=hx;gr.defaultOptions=om;gr.modifiers=xx;var mo=require("react/jsx-runtime"),am=e=>(0,mo.jsx)(de,{children:[(0,mo.jsx)(d,{children:"Button"},"toolbar-button"),(0,mo.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,mo.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,mo.jsxs)(D,{children:[(0,mo.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,mo.jsx)(d,{icon:"align-center",children:"Center"}),(0,mo.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var rm=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),im=e=>(0,Ze.jsx)(de,{scrollable:!0,...e,children:[(0,Ze.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ze.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,Ze.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,Ze.jsxs)(D,{children:[(0,Ze.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ze.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ze.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ze.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ze.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,Ze.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,Ze.jsxs)(D,{children:[(0,Ze.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ze.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ze.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var je=require("react/jsx-runtime"),lm=({scrollingPosition:e="start",...t})=>(0,je.jsx)(de,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,je.jsx)(d,{children:"Button"},"toolbar-button"),(0,je.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,je.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,je.jsxs)(D,{children:[(0,je.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,je.jsx)(d,{icon:"align-center",children:"Center"}),(0,je.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,je.jsx)(d,{children:"Button"},"toolbar-button"),(0,je.jsx)(be,{text:"Menu button"},"toolbar-menu-button"),(0,je.jsx)(U,{children:"Split button"},"toolbar-split-button"),(0,je.jsxs)(D,{children:[(0,je.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,je.jsx)(d,{icon:"align-center",children:"Center"}),(0,je.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Se=require("react/jsx-runtime"),nm=({fillMode:e,size:t,...o})=>(0,Se.jsxs)(Se.Fragment,{children:[(0,Se.jsx)(de,{section:!0,fillMode:e,size:t,children:[(0,Se.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Se.jsxs)(D,{fillMode:e,children:[(0,Se.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Se.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Se.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Se.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,Se.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Se.jsxs)(hi,{size:t,fillMode:e,section:!0,...o,children:[(0,Se.jsx)(U,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Se.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Se.jsx)(oo,{}),(0,Se.jsx)(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Se.jsxs)(D,{fillMode:e,children:[(0,Se.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Se.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Se.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var hn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var Co=require("react/jsx-runtime"),Nx=de.options,kx=de.states,sm={...de.defaultOptions,variant:"default"},gx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],vx=[],vr=e=>{let{variant:t,...o}={...sm,...e};switch(t){case"responsive":return(0,Co.jsx)("div",{children:(0,Co.jsx)(nm,{style:{width:"583px"},...o})});case"overlay":return(0,Co.jsx)("div",{children:(0,Co.jsx)(lm,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Co.jsx)("div",{children:(0,Co.jsx)(im,{style:{width:"583px"},...o})});default:return(0,Co.jsx)("div",{children:(0,Co.jsx)(am,{style:{width:"583px"},...o})})}};vr.options=Nx;vr.states=kx;vr.variants=gx;vr.defaultOptions=sm;vr.modifiers=vx;var po="file-manager",uo="filemanager";var cm=require("react/jsx-runtime"),dm="k-filemanager-toolbar",Lx=[],Cx={},Mx={},st=e=>{let{children:t,...o}=e;return(0,cm.jsx)(de,{...o,className:r(e.className,dm),children:t})};st.states=Lx;st.options=Cx;st.className=dm;st.defaultOptions=Mx;st.moduleName=po;st.folderName=uo;var Nn="switch",mm=Nn;var Fo=require("react/jsx-runtime"),zo="k-switch",wx=[l.hover,l.focus,l.disabled,l.readonly,l.checked],yx={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],thumbRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Sx={},ve=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:n,thumbRounded:c,hover:p,focus:b,disabled:x,readonly:v,...L}=e;return(0,Fo.jsxs)("span",{...L,className:r(e.className,zo,y(zo,{size:i}),C(zo,{hover:p,focus:b,disabled:x,readonly:v}),{[`${zo}-on`]:t,[`${zo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":v?"true":void 0,children:[(0,Fo.jsxs)("span",{className:r("k-switch-track",y(zo,{rounded:n})),children:[o&&(0,Fo.jsx)("span",{className:"k-switch-label-on",children:o}),a&&(0,Fo.jsx)("span",{className:"k-switch-label-off",children:a})]}),(0,Fo.jsx)("span",{className:"k-switch-thumb-wrap",children:(0,Fo.jsx)("span",{className:r("k-switch-thumb",y(zo,{rounded:c}))})})]})};ve.states=wx;ve.options=yx;ve.className=zo;ve.defaultOptions=Sx;ve.moduleName=Nn;ve.folderName=mm;ve.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};var Ex=require("react/jsx-runtime");var Ax=require("react/jsx-runtime");var Ix=require("react/jsx-runtime");var Rx=require("react/jsx-runtime");var gn=require("react/jsx-runtime"),Ox=ve.options,Bx=ve.states,Px={...ve.defaultOptions,variant:"on"},Kx=[{name:"on",title:"On"},{name:"off",title:"Off"}],Hx=[],Lr=e=>{let{variant:t,...o}=e;return t==="off"?(0,gn.jsx)(ve,{checked:!1,onLabel:"On",offLabel:"Off",...o}):(0,gn.jsx)(ve,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Lr.options=Ox;Lr.states=Bx;Lr.variants=Kx;Lr.defaultOptions=Px;Lr.modifiers=Hx;var Le=require("react/jsx-runtime"),vn="k-filemanager",Dx=[l.disabled],Gx={},_x=(0,Le.jsx)(Le.Fragment,{children:(0,Le.jsxs)(st,{children:[(0,Le.jsx)(d,{children:"New Folder"}),(0,Le.jsx)(d,{children:"Upload"}),(0,Le.jsxs)(D,{children:[(0,Le.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,Le.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,Le.jsx)(U,{text:"Sort By"}),(0,Le.jsxs)(D,{children:[(0,Le.jsx)(d,{className:"k-group-start",icon:"grid-layout"}),(0,Le.jsx)(d,{className:"k-group-end",icon:"grid"})]}),(0,Le.jsx)("div",{className:"k-spacer"}),(0,Le.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Le.jsx)("label",{children:"View Details"}),(0,Le.jsx)(ve,{})]}),(0,Le.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),pm={toolbar:_x},Ue=e=>{let{disabled:t,toolbar:o=pm.toolbar,...a}=e;return(0,Le.jsxs)("div",{...a,className:r(e.className,vn,C(vn,{disabled:t})),children:[(0,Le.jsx)("div",{className:"k-filemanager-header",children:o}),(0,Le.jsx)("div",{className:"k-filemanager-content-container",children:e.children})]})};Ue.states=Dx;Ue.options=Gx;Ue.className=vn;Ue.defaultOptions=pm;Ue.moduleName=po;Ue.folderName=uo;var Ln="breadcrumb",um=Ln;var fm=require("react/jsx-runtime"),xi="k-breadcrumb",zx=[l.focus],Fx={size:[s.undefined,s.small,s.medium,s.large]},bm={collapsing:"auto"},De=e=>{let{size:t,collapsing:o=bm.collapsing,focus:a,...i}=e;return(0,fm.jsx)("nav",{...i,className:r(e.className,xi,C(xi,{focus:a}),y(xi,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};De.states=zx;De.options=Fx;De.className=xi;De.defaultOptions=bm;De.moduleName=Ln;De.folderName=um;De.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var Ux=require("react/jsx-runtime");var Vx=require("react/jsx-runtime");var Tm=require("react/jsx-runtime"),$x="k-breadcrumb-container",Wx={collapsing:"auto"},Tt=e=>{let{collapsing:t=Wx.collapsing,...o}=e;return(0,Tm.jsx)("ol",{...o,className:r(e.className,$x,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var hm=require("react/jsx-runtime"),Xx="k-breadcrumb-item",xe=e=>{let{root:t,last:o,...a}=e;return(0,hm.jsx)("li",{...a,className:r(e.className,Xx,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var xm=require("react/jsx-runtime"),Jx="",qx=[l.hover,l.focus,l.disabled],fe=e=>{let{root:t,icon:o,icontext:a,hover:i,focus:n,disabled:c,last:p,...b}=e;return(0,xm.jsx)("a",{href:"#",...b,className:r(e.className,C(Jx,{hover:i,focus:n,disabled:c}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...p&&{"aria-current":"page"},...p&&{"aria-disabled":"true"},children:e.children})};fe.states=qx;var Nm=require("react/jsx-runtime"),Yx="k-breadcrumb-item-text",Jt=e=>{let{text:t,...o}=e,a=t||e.children;return(0,Nm.jsx)("span",{...o,className:r(e.className,Yx),children:a})};var Cn=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Qx=De.options,Zx=De.states,jx={...De.defaultOptions,variant:"text"},eN=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],tN=[],Cr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,P.jsx)(De,{...o,children:(0,P.jsxs)(Tt,{children:[(0,P.jsxs)(xe,{root:!0,children:[(0,P.jsx)(fe,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"cart"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"js"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"truck"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsx)(xe,{last:!0,children:(0,P.jsx)(fe,{icon:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(f,{icon:"wallet-outline"})})})]})});case"icon-and-text":return(0,P.jsx)(De,{...o,children:(0,P.jsxs)(Tt,{children:[(0,P.jsxs)(xe,{root:!0,children:[(0,P.jsxs)(fe,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"cart"}),(0,P.jsx)(Jt,{text:"Cart"})]}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsxs)(fe,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"js"}),(0,P.jsx)(Jt,{text:"Billing"})]}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsxs)(fe,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"truck"}),(0,P.jsx)(Jt,{text:"Shipping"})]}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsx)(xe,{last:!0,children:(0,P.jsxs)(fe,{icontext:!0,onClick:a=>a.preventDefault(),children:[(0,P.jsx)(f,{icon:"wallet-outline"}),(0,P.jsx)(Jt,{text:"Payment"})]})})]})});default:return(0,P.jsx)(De,{...o,children:(0,P.jsxs)(Tt,{children:[(0,P.jsxs)(xe,{root:!0,children:[(0,P.jsx)(fe,{root:!0,onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Cart"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Billing"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsxs)(xe,{children:[(0,P.jsx)(fe,{onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Shipping"})}),(0,P.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,P.jsx)(xe,{last:!0,children:(0,P.jsx)(fe,{onClick:a=>a.preventDefault(),children:(0,P.jsx)(Jt,{text:"Payment"})})})]})})}};Cr.options=Qx;Cr.states=Zx;Cr.variants=eN;Cr.defaultOptions=jx;Cr.modifiers=tN;var gm=require("react/jsx-runtime"),km="k-filemanager-breadcrumb",oN=[],aN={},rN={},Ct=e=>{let{children:t,...o}=e;return(0,gm.jsx)(De,{className:r(e.className,km),...o,children:t})};Ct.states=oN;Ct.options=aN;Ct.className=km;Ct.defaultOptions=rN;Ct.moduleName=po;Ct.folderName=uo;var yn="pager",vm=yn;var Te=require("react/jsx-runtime"),Ni="k-pager",iN=[l.focus,l.disabled],lN={size:[s.undefined,s.small,s.medium,s.large]},Ht={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},Oe=e=>{let{responsive:t=Ht.responsive,size:o,pagerSizeInfo:a=Ht.pagerSizeInfo,pageTitleInfo:i=Ht.pageTitleInfo,maxPagesInfo:n=Ht.maxPagesInfo,itemsPerPage:c=Ht.itemsPerPage,maxPages:p=Ht.maxPages,currentPage:b=Ht.currentPage,previousNext:x=Ht.previousNext,type:v=Ht.type,pageSizes:L=Ht.pageSizes,refresh:T=Ht.refresh,info:M=Ht.info,focus:w,disabled:I,dir:_,...G}=e,V=[],he=[];for(let Be=1;Be<=p;Be++)V.push((0,Te.jsx)(d,{selected:Be===b,fillMode:"flat",themeColor:"primary",size:o,children:Be})),he.push((0,Te.jsx)("option",{selected:Be===b,children:Be}));return(0,Te.jsxs)("div",{dir:_,...G,className:r(e.className,Ni,y(Ni,{size:o}),C(Ni,{focus:w,disabled:I}),{"k-pager-responsive":t}),children:[(0,Te.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[x&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(d,{className:r("k-pager-nav","k-pager-first"),disabled:b===1&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Te.jsx)(d,{className:r("k-pager-nav"),disabled:b===1&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),v==="numeric"&&(0,Te.jsx)("div",{className:r("k-pager-numbers"),children:V}),v==="input"&&(0,Te.jsxs)("span",{className:r("k-pager-input"),children:[i&&(0,Te.jsx)("span",{children:"Page"}),(0,Te.jsx)(J,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Te.jsx)("span",{children:n&&`of ${p}`})]}),x&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(d,{className:r("k-pager-nav"),disabled:b===p&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Te.jsx)(d,{className:r("k-pager-nav","k-pager-last"),disabled:b===p&&!I,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),L&&(0,Te.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Te.jsx)(ue,{value:`${c}`,size:o}),a&&(0,Te.jsx)("span",{children:"items per page"})]}),T&&(0,Te.jsx)(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&(0,Te.jsx)("span",{className:r("k-pager-info"),children:M})]})};Oe.states=iN;Oe.options=lN;Oe.className=Ni;Oe.defaultOptions=Ht;Oe.moduleName=yn;Oe.folderName=vm;var Cm=require("react/jsx-runtime"),Lm=e=>(0,Cm.jsx)(Oe,{...e,responsive:!1});var nN=require("react/jsx-runtime");var sN=require("react/jsx-runtime");var Sn=require("react/jsx-runtime"),dN=Oe.options,cN=Oe.states,mN={...Oe.defaultOptions,variant:"numeric"},pN=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],uN=[],Mr=e=>{let{variant:t,...o}=e;return t==="input"?(0,Sn.jsx)(Oe,{...o,type:"input"}):(0,Sn.jsx)(Oe,{...o,type:"numeric"})};Mr.options=dN;Mr.states=cN;Mr.variants=pN;Mr.defaultOptions=mN;Mr.modifiers=uN;var wr="listview",ki=wr;var Mt=require("react/jsx-runtime"),En="k-listview",bN=[l.loading,l.disabled],fN={},Mm={pagerPosition:"bottom"},wt=e=>{let{header:t,footer:o,pageable:a,pagerPosition:i=Mm.pagerPosition,bordered:n,layout:c,flexDirection:p,flexWrap:b,gridColumns:x,loading:v,disabled:L,...T}=e,M=(0,Mt.jsx)(Lm,{className:`k-listview-pager k-listview-pager-${i}`}),w=(0,Mt.jsx)(Mt.Fragment,{children:(0,Mt.jsxs)("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[(0,Mt.jsx)("span",{className:"k-loading-text",children:"Loading..."}),(0,Mt.jsx)("div",{className:"k-loading-image"}),(0,Mt.jsx)("div",{className:"k-loading-color"})]})});return(0,Mt.jsxs)("div",{...T,className:r(e.className,En,{"k-listview-bordered":n},C(En,{disabled:L,loading:v})),children:[a&&i==="top"&&M,t&&(0,Mt.jsx)("div",{className:"k-listview-header",children:"Header"}),(0,Mt.jsx)("div",{className:r("k-listview-content",{[`k-d-${c}`]:c,[`k-flex-${p}`]:p,[`k-flex-${b}`]:b,[`k-grid-cols-${x}`]:x}),children:e.children}),v&&w,o&&(0,Mt.jsx)("div",{className:"k-listview-footer",children:"Footer"}),a&&i==="bottom"&&M]})};wt.states=bN;wt.options=fN;wt.className=En;wt.defaultOptions=Mm;wt.moduleName=wr;wt.folderName=ki;var wm=require("react/jsx-runtime"),An="k-listview-item",TN=[l.focus,l.selected],hN={},xN={},ee=e=>{let{focus:t,selected:o,...a}=e;return(0,wm.jsx)("div",{...a,className:r(e.className,An,C(An,{focus:t,selected:o})),children:e.children})};ee.states=TN;ee.options=hN;ee.className=An;ee.defaultOptions=xN;ee.moduleName=wr;ee.folderName=ki;var qt=require("react/jsx-runtime"),In=e=>(0,qt.jsx)(wt,{children:(0,qt.jsxs)(qt.Fragment,{children:[(0,qt.jsx)(ee,{children:(0,qt.jsx)("div",{children:"Listview Item"})}),(0,qt.jsx)(ee,{children:(0,qt.jsx)("div",{children:"Listview Item"})}),(0,qt.jsx)(ee,{children:(0,qt.jsx)("div",{children:"Listview Item"})})]}),...e});var ht=require("react/jsx-runtime"),NN=wt.options,kN=wt.states,ym={...wt.defaultOptions,variant:"flex"},gN=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"}],vN=[{name:"loading",title:"Loading"},{name:"pageable",title:"Pager"}],yr=e=>{let{variant:t,modifiers:o,...a}={...ym,...e},i={};return Object.keys(o||{}).forEach(n=>{switch(n){case"loading":i.loading=!!(o!=null&&o[n]);break;case"pageable":i.pageable=!!(o!=null&&o[n]);break;default:break}}),t==="grid"?(0,ht.jsxs)(In,{style:{width:"324px"},...a,...i,bordered:!0,layout:"grid",gridColumns:2,children:[(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"})]}):(0,ht.jsxs)(In,{style:{width:"324px"},...a,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"}),(0,ht.jsx)(ee,{className:"k-p-2",children:"Listview Item"})]})};yr.options=NN;yr.states=kN;yr.variants=gN;yr.defaultOptions=ym;yr.modifiers=vN;var Em=require("react/jsx-runtime"),Sm="k-filemanager-listview",LN=[],CN={},MN={},bo=e=>{let{children:t,...o}=e;return(0,Em.jsx)(wt,{className:r(e.className,Sm,"k-selectable"),layout:"flex",flexDirection:"row",flexWrap:"wrap",...o,children:t})};bo.states=LN;bo.options=CN;bo.className=Sm;bo.defaultOptions=MN;bo.moduleName=po;bo.folderName=uo;var Li=Pa(require("react"));var gi=Pa(require("react"));var Am=require("react/jsx-runtime"),wN="k-treeview-group",Uo=e=>{let{children:t,dir:o,level:a=1,...i}=e;return(0,Am.jsx)("ul",{...i,className:r(e.className,wN),children:gi.default.Children.map(t,(n,c)=>gi.default.isValidElement(n)?gi.default.cloneElement(n,{dir:o,level:a,key:c}):n)})};var Sr="treeview",vi=Sr;var On=require("react/jsx-runtime"),Rn="k-treeview",yN=[],SN={size:[s.undefined,s.small,s.medium,s.large]},EN={},Ve=e=>{let{size:t,children:o,dir:a,...i}=e;return(0,On.jsx)("div",{...i,dir:a,className:r(e.className,Rn,y(Rn,{size:t})),children:(0,On.jsx)(Uo,{className:"k-treeview-lines",dir:a,children:Li.default.Children.map(o,(n,c)=>Li.default.isValidElement(n)?Li.default.cloneElement(n,{dir:a,key:c}):n)})})};Ve.states=yN;Ve.options=SN;Ve.className=Rn;Ve.defaultOptions=EN;Ve.moduleName=Sr;Ve.folderName=vi;var Mi=Pa(require("react"));var Er=require("react/jsx-runtime"),Bn="k-treeview-leaf",AN=[l.hover,l.focus,l.selected],IN={},Ci=e=>{let{text:t,showIcon:o,icon:a,hover:i,focus:n,selected:c,...p}=e;return(0,Er.jsxs)("span",{...p,className:r(e.className,Bn,C(Bn,{hover:i,focus:n,selected:c})),children:[o&&(0,Er.jsx)(f,{icon:a}),(0,Er.jsx)("span",{className:"k-treeview-leaf-text",children:t})]})};Ci.states=AN;Ci.options=IN;Ci.className=Bn;var Im=Ci;var Vo=require("react/jsx-runtime"),Rm="k-treeview-item",RN=[l.hover,l.focus,l.selected,l.disabled],ON={},BN={},te=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:i,text:n,showIcon:c,icon:p,showCheckbox:b,checked:x,hover:v,focus:L,selected:T,disabled:M,dir:w,level:I=1,..._}=e,G=a||o;return(0,Vo.jsxs)("li",{..._,className:r(e.className,Rm),style:{"--kendo-treeview-level":I},children:[(0,Vo.jsxs)("span",{className:r("k-treeview-item-content",C("k-treeview-item-content",{hover:v,focus:L,selected:T,disabled:M})),children:[G&&(0,Vo.jsx)("span",{className:r("k-treeview-toggle",C("k-treeview-toggle",{disabled:M})),children:(0,Vo.jsx)(f,{icon:i?"chevron-down":w==="rtl"?"chevron-left":"chevron-right"})}),b&&(0,Vo.jsx)(ot,{checked:x,disabled:M}),(0,Vo.jsx)(Im,{className:t,text:n,showIcon:c,icon:p})]}),i&&G&&Mi.default.Children.map(o,(V,he)=>Mi.default.isValidElement(V)?Mi.default.cloneElement(V,{dir:w,level:I+1,key:he}):V)]})};te.states=RN;te.options=ON;te.className=Rm;te.defaultOptions=BN;te.moduleName=Sr;te.folderName=vi;var PN=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var Bm=require("react/jsx-runtime");var Pm=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var Yt=require("react/jsx-runtime"),KN=Ve.options,HN=Ve.states,DN=Ve.defaultOptions,GN=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],_N=[],Ar=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{i==="checkboxes"&&(a.showCheckbox=t==null?void 0:t[i])}),(0,Yt.jsxs)(Ve,{...o,children:[(0,Yt.jsx)(te,{text:"Furniture",expanded:!0,...a,children:(0,Yt.jsxs)(Uo,{children:[(0,Yt.jsx)(te,{text:"Tables & Chairs",...a}),(0,Yt.jsx)(te,{text:"Sofas",...a}),(0,Yt.jsx)(te,{text:"Occasional Furniture",...a})]})}),(0,Yt.jsxs)(te,{text:"Decor",expanded:!1,...a,children:[(0,Yt.jsx)(te,{text:"Bed Linen",...a}),(0,Yt.jsx)(te,{text:"Curtains & Blinds",...a}),(0,Yt.jsx)(te,{text:"Carpets",...a})]})]})};Ar.options=KN;Ar.states=HN;Ar.variants=_N;Ar.defaultOptions=DN;Ar.modifiers=GN;var Dm=require("react/jsx-runtime"),Hm="k-filemanager-treeview",zN=[],FN={},UN={},yt=e=>{let{children:t,...o}=e;return(0,Dm.jsx)(Ve,{className:r(e.className,Hm),...o,children:t})};yt.states=zN;yt.options=FN;yt.className=Hm;yt.defaultOptions=UN;yt.moduleName=po;yt.folderName=uo;var Ir=require("react/jsx-runtime"),Gm="k-filemanager-drag-hint",VN=[],$N={},_m={icon:"file"},wi=e=>{let{hint:t,icon:o=_m.icon,...a}=e;return(0,Ir.jsxs)("div",{className:r(e.className,Gm,"k-drag-clue"),...a,children:[(0,Ir.jsx)(f,{icon:o}),(0,Ir.jsx)("span",{children:t})]})};wi.states=VN;wi.options=$N;wi.className=Gm;wi.defaultOptions=_m;var oe=require("react/jsx-runtime"),zm="k-file-info",WN=[],XN={},Pn={name:"No File Selected",icon:"file"},$o=e=>{let{selection:t,name:o=Pn.name,icon:a=Pn.icon,fileType:i,fileSize:n,fileDateCreated:c,fileDateModified:p,...b}=e;return(0,oe.jsxs)("div",{...b,className:r(e.className,zm),children:[(0,oe.jsx)($e,{className:r({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":a,name:o,size:"xxxlarge"}),t==="single"&&(0,oe.jsx)(oe.Fragment,{children:(0,oe.jsxs)("dl",{className:"k-file-meta",children:[i&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Type: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-type",children:i}),(0,oe.jsx)("dd",{className:"k-line-break"})]}),n&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Size: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-size",children:n}),(0,oe.jsx)("dd",{className:"k-line-break"})]}),c&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Date Created: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-created",children:c}),(0,oe.jsx)("dd",{className:"k-line-break"})]}),p&&(0,oe.jsxs)(oe.Fragment,{children:[(0,oe.jsx)("dt",{className:"k-file-meta-label",children:"Date Modified: "}),(0,oe.jsx)("dd",{className:"k-file-meta-value k-file-modified",children:p}),(0,oe.jsx)("dd",{className:"k-line-break"})]})]})})]})};$o.states=WN;$o.options=XN;$o.className=zm;$o.defaultOptions=Pn;var Wo=require("react/jsx-runtime"),Fm="k-file-preview",JN=[],qN={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},YN={},$e=e=>{let{size:t,icon:o,name:a,...i}=e;return(0,Wo.jsxs)(Wo.Fragment,{children:[(0,Wo.jsx)("span",{...i,className:r(Fm),children:(0,Wo.jsx)(f,{className:"k-file-icon",icon:o,size:t})}),(0,Wo.jsx)("span",{className:r(e.className,"k-file-name"),children:a})]})};$e.states=JN;$e.options=qN;$e.className=Fm;$e.defaultOptions=YN;var Um=require("react/jsx-runtime"),na="k-pane",QN=[],ZN={},Kn={resizable:!0,flex:!1},ae=e=>{let{scrollable:t,flexBasis:o,flex:a=Kn.flex,collapsible:i,resizable:n=Kn.resizable,pinned:c,unpinned:p,tabbed:b,...x}=e;return(0,Um.jsx)("div",{...x,style:{flexBasis:o,...e.style},className:r(e.className,na,{[`${na}-static`]:o,[`${na}-flex`]:a,"k-scrollable":t,[`${na}-pinned`]:c,[`${na}-unpinned`]:p,[`${na}-tabbed`]:b}),role:"group",children:e.children})};ae.states=QN;ae.options=ZN;ae.className=na;ae.defaultOptions=Kn;var Dt=require("react/jsx-runtime"),Aa="k-splitbar",jN=[l.hover,l.focus],ek={},Hn={orientation:"horizontal",draggable:!0},Ia=e=>{let{hover:t,focus:o,orientation:a=Hn.orientation,draggable:i=Hn.draggable,collapsePrev:n,collapseNext:c,ariaLabel:p,...b}=e;return(0,Dt.jsxs)("div",{...b,className:r(e.className,Aa,C(Aa,{hover:t,focus:o}),{[`${Aa}-${a}`]:a,[`${Aa}-draggable-${a}`]:i,[`${Aa}-static-${a}`]:!i&&!n&&!c}),role:"separator","aria-label":p,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)("div",{className:"k-collapse-prev",children:(0,Dt.jsx)(f,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Dt.jsx)("div",{className:"k-resize-handle"}),c&&(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)("div",{className:"k-collapse-next",children:(0,Dt.jsx)(f,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ia.states=jN;Ia.options=ek;Ia.className=Aa;Ia.defaultOptions=Hn;var Dn="splitter",Vm=Dn;var yi=require("react/jsx-runtime"),Wm=require("react"),Gn="k-splitter",tk={},$m={orientation:"horizontal"},Ee=e=>{let{orientation:t=$m.orientation,children:o,panes:a,...i}=e,n=[];return a&&a.forEach((c,p)=>{let b=a[p+1],x=c.props,v=b==null?void 0:b.props;n.push((0,Wm.createElement)(ae,{...x,key:p})),b&&n.push((0,yi.jsx)(Ia,{draggable:x.resizable!==!1&&v.resizable!==!1,collapsePrev:x.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),(0,yi.jsxs)("div",{...i,className:r(e.className,Gn,{[`${Gn}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ee.options=tk;Ee.className=Gn;Ee.defaultOptions=$m;Ee.moduleName=Dn;Ee.folderName=Vm;Ee.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var Xm=require("react/jsx-runtime");var Jm=require("react/jsx-runtime");var sa=require("react/jsx-runtime"),Rr=require("react"),ok=Ee.options,ak=Ee.states,qm={...Ee.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},rk=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ik=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Or=e=>{let{variant:t,modifiers:o,...a}={...qm,...e},i=b=>({collapsible:b,content:b?"Resizable and collapsible":"Resizable only"}),n=i(!0),c=i(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(b=>{let x=o==null?void 0:o[b];switch(b){case"secondPaneProps":c=i(!!x);break;case"firstPaneProps":n=i(!!x);break;default:break}}),t==="vertical"?(0,sa.jsx)(Ee,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Rr.createElement)(ae,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,sa.jsx)("p",{children:n.content})),(0,Rr.createElement)(ae,{...c,flexBasis:"50%",style:p,key:"pane-2"},(0,sa.jsx)("p",{children:c.content}))]}):(0,sa.jsx)(Ee,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Rr.createElement)(ae,{...n,flexBasis:"50%",style:p,key:"pane-1"},(0,sa.jsx)("p",{children:n.content})),(0,Rr.createElement)(ae,{...c,flexBasis:"50%",style:p,key:"pane-2"},(0,sa.jsx)("p",{children:c.content}))]})};Or.options=ok;Or.states=ak;Or.variants=rk;Or.defaultOptions=qm;Or.modifiers=ik;var X=require("react/jsx-runtime"),Ym=e=>(0,X.jsx)(Ue,{toolbar:(0,X.jsxs)(st,{children:[(0,X.jsx)(d,{children:"New Folder"}),(0,X.jsx)(d,{children:"Upload"}),(0,X.jsxs)(D,{children:[(0,X.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,X.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,X.jsx)(U,{text:"Sort By"}),(0,X.jsxs)(D,{children:[(0,X.jsx)(d,{className:"k-group-start",icon:"grid"}),(0,X.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),(0,X.jsx)("div",{className:"k-spacer"}),(0,X.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,X.jsx)("label",{children:"View Details"}),(0,X.jsx)(ve,{})]}),(0,X.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,X.jsx)(X.Fragment,{children:(0,X.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,X.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,X.jsx)(yt,{children:(0,X.jsx)(te,{text:"Folder"})})},"pane-1"),(0,X.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,X.jsx)(Ct,{children:(0,X.jsx)(Tt,{children:(0,X.jsx)(xe,{root:!0,children:(0,X.jsx)(fe,{root:!0,icon:!0,children:(0,X.jsx)(f,{icon:"home"})})})})}),(0,X.jsxs)(bo,{children:[(0,X.jsx)(ee,{children:(0,X.jsx)($e,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,X.jsx)(ee,{children:(0,X.jsx)($e,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});var W=require("react/jsx-runtime"),Qm=e=>(0,W.jsx)(Ue,{toolbar:(0,W.jsxs)(st,{children:[(0,W.jsx)(d,{children:"New Folder"}),(0,W.jsx)(d,{children:"Upload"}),(0,W.jsxs)(D,{children:[(0,W.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,W.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,W.jsx)(U,{text:"Sort By"}),(0,W.jsxs)(D,{children:[(0,W.jsx)(d,{className:"k-group-start",icon:"grid"}),(0,W.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),(0,W.jsx)("div",{className:"k-spacer"}),(0,W.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,W.jsx)("label",{children:"View Details"}),(0,W.jsx)(ve,{checked:!0})]}),(0,W.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,W.jsx)(W.Fragment,{children:(0,W.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,W.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,W.jsx)(yt,{children:(0,W.jsx)(te,{text:"Folder"})})},"pane-1"),(0,W.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,W.jsx)(Ct,{children:(0,W.jsx)(Tt,{children:(0,W.jsx)(xe,{root:!0,children:(0,W.jsx)(fe,{root:!0,icon:!0,children:(0,W.jsx)(f,{icon:"home"})})})})}),(0,W.jsxs)(bo,{children:[(0,W.jsx)(ee,{children:(0,W.jsx)($e,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,W.jsx)(ee,{children:(0,W.jsx)($e,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),(0,W.jsx)(ae,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,W.jsx)($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var et="table",dt=et;var jm=require("react/jsx-runtime"),Zm="k-data-table",lk=[],nk={size:[s.undefined,s.small,s.medium,s.large]},sk={},Mo=e=>{let{size:t,...o}=e;return(0,jm.jsx)("div",{...o,className:r(e.className,Zm,y("k-table",{size:t})),children:e.children})};Mo.states=lk;Mo.options=nk;Mo.className=Zm;Mo.defaultOptions=sk;Mo.moduleName=et;Mo.folderName=dt;var ep=require("react/jsx-runtime"),_n="k-table-header-wrap",dk=[l.hover,l.focus,l.disabled],ck={},mk={},Xo=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return(0,ep.jsx)("div",{...n,className:r(e.className,_n,C(_n,{hover:o,focus:a,disabled:i})),children:t})};Xo.states=dk;Xo.options=ck;Xo.className=_n;Xo.defaultOptions=mk;Xo.moduleName=et;Xo.folderName=dt;var tp=require("react/jsx-runtime"),zn="k-table",pk=[],uk={size:[s.undefined,s.small,s.medium,s.large]},bk={},ct=e=>{let{size:t,...o}=e;return(0,tp.jsx)("table",{...o,className:r(e.className,zn,y(zn,{size:t})),children:e.children})};ct.states=pk;ct.options=uk;ct.className=zn;ct.defaultOptions=bk;ct.moduleName=et;ct.folderName=dt;var Si=require("react/jsx-runtime"),Fn="k-table-header",fk=[l.hover,l.focus,l.disabled],Tk={},hk={},wo=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return(0,Si.jsx)("div",{...n,className:r(e.className,Fn,C(Fn,{hover:o,focus:a,disabled:i})),children:(0,Si.jsx)(Xo,{children:(0,Si.jsx)(ct,{children:t})})})};wo.states=fk;wo.options=Tk;wo.className=Fn;wo.defaultOptions=hk;wo.moduleName=et;wo.folderName=dt;var ap=require("react/jsx-runtime"),op="k-table-scroller",xk=[],Nk={},kk={},Ra=e=>{let{children:t,...o}=e;return(0,ap.jsx)("div",{...o,className:r(e.className,op),children:t})};Ra.states=xk;Ra.options=Nk;Ra.className=op;Ra.defaultOptions=kk;Ra.moduleName=et;Ra.folderName=dt;var gk=require("react/jsx-runtime");var ip=require("react/jsx-runtime"),rp="k-table-footer",vk=[],Lk={},Ck={},Jo=e=>{let{children:t,...o}=e;return(0,ip.jsx)("div",{...o,className:r(e.className,rp),children:t})};Jo.states=vk;Jo.options=Lk;Jo.className=rp;Jo.defaultOptions=Ck;Jo.moduleName=et;Jo.folderName=dt;var lp=require("react/jsx-runtime"),Un="k-table-list",Mk=[],wk={size:[s.undefined,s.small,s.medium,s.large]},yk={},qo=e=>{let{size:t,virtualization:o,...a}=e;return(0,lp.jsx)("ul",{...a,className:r(e.className,"k-table",Un,y(Un,{size:t}),{"k-virtual-table":o}),children:e.children})};qo.states=Mk;qo.options=wk;qo.className=Un;qo.defaultOptions=yk;qo.moduleName=et;qo.folderName=dt;var np=require("react/jsx-runtime"),Sk="k-table-thead",re=e=>(0,np.jsx)("thead",{className:r(e.className,Sk),children:e.children});var sp=require("react/jsx-runtime"),Ek="k-table-tbody",ce=e=>(0,sp.jsx)("tbody",{className:r(e.className,Ek),children:e.children});var Ak=require("react/jsx-runtime");var dp=require("react/jsx-runtime"),Vn="k-table-row",Ik=[l.hover,l.focus,l.selected,l.disabled,l.highlighted],E=e=>{let{hover:t,focus:o,selected:a,highlighted:i,disabled:n,alt:c,...p}=e;return(0,dp.jsx)("tr",{...p,className:r(e.className,Vn,{"k-table-alt-row":c},C(Vn,{hover:t,focus:o,disabled:n,selected:a,highlighted:i})),children:e.children})};E.states=Ik;E.className=Vn;var cp=require("react/jsx-runtime"),$n="k-table-row",Rk=[l.hover,l.focus,l.selected,l.disabled],Ei=e=>{let{hover:t,focus:o,selected:a,disabled:i,alt:n,...c}=e;return(0,cp.jsx)("li",{...c,className:r(e.className,$n,{"k-table-alt-row":n},C($n,{hover:t,focus:o,disabled:i,selected:a})),children:e.children})};Ei.states=Rk;Ei.className=$n;var pp=require("react/jsx-runtime"),mp="k-table-th",yo=e=>{let{text:t,colspan:o,rowspan:a,...i}=e,n=t||e.children;return(0,pp.jsx)("th",{colSpan:o,rowSpan:a,...i,className:r(e.className,mp),children:n})};yo.className=mp;yo.moduleName=et;yo.folderName=dt;var Ok=require("react/jsx-runtime");var up=require("react/jsx-runtime"),Wn="k-table-td",Bk=[l.focus,l.selected,l.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:i,colspan:n,rowspan:c,...p}=e,b=i||e.children;return(0,up.jsx)("td",{colSpan:n,rowSpan:c,...p,className:r(e.className,Wn,C(Wn,{focus:t,selected:o,highlighted:a})),children:b})};m.states=Bk;m.className=Wn;var Pk=require("react/jsx-runtime");var Kk=require("react/jsx-runtime");var Hk=require("react/jsx-runtime");var Dk=require("react/jsx-runtime");var Gk=require("react/jsx-runtime");var fp=require("react/jsx-runtime");var Tp=require("react/jsx-runtime");var hp=require("react/jsx-runtime");var Xn=require("react/jsx-runtime");var Y="grid",Z=Y;var Ii=require("react/jsx-runtime"),Ai="k-grid",Uk=[],Vk={size:[s.undefined,s.small,s.medium,s.large]},$k=[],xp={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=xp.pagerPosition,toolbar:a,pager:i,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:p,resizable:b,...x}=e;return(0,Ii.jsxs)("div",{...x,className:r(e.className,Ai,{[`${Ai}-resizable`]:b},y(Ai,{size:t})),children:[a,o==="top"&&i,n,e.children&&p?(0,Ii.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&i]})};q.states=Uk;q.options=Vk;q.variants=$k;q.className=Ai;q.defaultOptions=xp;q.moduleName=Y;q.folderName=Z;var kp=require("react/jsx-runtime"),Np="k-grid-header",me=e=>{let{draggable:t,...o}=e;return(0,kp.jsx)("div",{...o,className:r(e.className,Np,{"k-grid-draggable-header":t}),children:e.children})};me.className=Np;me.moduleName=Y;me.folderName=Z;var Br=require("react/jsx-runtime"),gp="k-grouping-header",Yo=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,Br.jsxs)("div",{...a,className:r(e.className,gp),children:[o&&(0,Br.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Br.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Yo.className=gp;Yo.moduleName=Y;Yo.folderName=Z;var Lp=require("react/jsx-runtime"),vp="k-grid-pinned-container",Jn=e=>{let{position:t,...o}=e;return(0,Lp.jsx)("div",{...o,className:r(e.className,vp,{"k-pos-bottom":t==="bottom"}),children:e.children})};Jn.className=vp;Jn.moduleName=Y;Jn.folderName=Z;var Mp=require("react/jsx-runtime"),Cp="k-grid-sticky-container",qn=e=>{let{position:t,...o}=e;return(0,Mp.jsx)("div",{...o,className:r(e.className,Cp,{"k-pos-bottom":t==="bottom"}),children:e.children})};qn.className=Cp;qn.moduleName=Y;qn.folderName=Z;var yp=require("react/jsx-runtime"),wp="k-grid-header-table",pe=e=>(0,yp.jsx)(ct,{...e,className:r(e.className,wp),children:e.children});pe.className=wp;pe.moduleName=Y;pe.folderName=Z;var Gt=require("react/jsx-runtime"),Yn="k-header",Wk=[l.hover,l.focus,l.active],Sp={sortIcon:"sort-asc-small"},K=e=>{let{menu:t,sortable:o,filterable:a,sticky:i,resizable:n,columnTitle:c,hover:p,focus:b,active:x,sortIcon:v=Sp.sortIcon,sortOrder:L,accessibleLabel:T,...M}=e;return(0,Gt.jsxs)(yo,{...M,className:r(e.className,Yn,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":n},C(Yn,{hover:p,focus:b,active:x})),children:[c&&(0,Gt.jsxs)("span",{className:"k-cell-inner",children:[(0,Gt.jsxs)("span",{className:"k-link",children:[(0,Gt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,Gt.jsx)("span",{className:"k-sort-icon",children:(0,Gt.jsx)(f,{icon:v})}),L&&(0,Gt.jsx)("span",{className:"k-sort-order",children:L})]}),t&&(0,Gt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Gt.jsx)(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&T&&(0,Gt.jsx)("span",{className:"k-sr-only",children:T}),e.children,n&&(0,Gt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};K.states=Wk;K.className=Yn;K.defaultOptions=Sp;K.moduleName=Y;K.folderName=Z;var Ap=require("react/jsx-runtime"),Ep="k-grid-container",ie=e=>(0,Ap.jsx)("div",{...e,className:r(e.className,Ep),children:e.children});ie.className=Ep;ie.moduleName=Y;ie.folderName=Z;var Rp=require("react/jsx-runtime"),Ip="k-grid-content",le=e=>(0,Rp.jsx)("div",{...e,className:r(e.className,Ip),children:e.children});le.className=Ip;le.moduleName=Y;le.folderName=Z;var Bp=require("react/jsx-runtime"),Op="k-grid-table",ne=e=>(0,Bp.jsx)(ct,{...e,className:r(e.className,Op),children:e.children});ne.className=Op;ne.moduleName=Y;ne.folderName=Z;var Kp=require("react/jsx-runtime"),Pp="k-grid-footer",Qn=e=>(0,Kp.jsx)("div",{...e,className:r(e.className,Pp),children:e.children});Qn.className=Pp;Qn.moduleName=Y;Qn.folderName=Z;var Dp=require("react/jsx-runtime"),Hp="k-grid-footer-table",Zn=e=>(0,Dp.jsx)(ct,{...e,className:r(e.className,Hp),children:e.children});Zn.className=Hp;Zn.moduleName=Y;Zn.folderName=Z;var _p=require("react/jsx-runtime"),Gp="k-grid-pager",fo=e=>(0,_p.jsx)(Oe,{...e,className:r(e.className,Gp),children:e.children});fo.className=Gp;fo.moduleName=Y;fo.folderName=Z;var Fp=require("react/jsx-runtime"),zp="k-grid-toolbar",da=e=>(0,Fp.jsx)(de,{...e,className:r(e.className,zp),children:e.children});da.className=zp;da.moduleName=Y;da.folderName=Z;var Oa=require("react/jsx-runtime"),jn="k-grid-stack-cell",Xk=[l.focus,l.selected],Ri=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:i,dirty:n,focus:c,selected:p,...b}=e;return(0,Oa.jsxs)("div",{...b,className:r(e.className,jn,{"k-grid-stack-edit-cell":a,"k-command-cell":i,"k-dirty-cell":n},C(jn,{focus:c,selected:p})),children:[n&&(0,Oa.jsx)("span",{className:"k-dirty"}),t&&(0,Oa.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Oa.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Ri.states=Xk;Ri.className=jn;Ri.moduleName=Y;Ri.folderName=Z;var Vp=require("react/jsx-runtime"),Up="k-grid-stack-row",Oi=e=>{let{cols:t,...o}=e;return(0,Vp.jsx)("div",{...o,className:r(e.className,Up,{[`k-grid-cols-${t}`]:t}),children:e.children})};Oi.className=Up;Oi.moduleName=Y;Oi.folderName=Z;var es=require("react/jsx-runtime");var ts=require("react/jsx-runtime");var os=require("react/jsx-runtime");var k=require("react/jsx-runtime"),$p=({contentClassName:e,...t})=>(0,k.jsx)(q,{_renderAriaRoot:!0,pager:(0,k.jsx)(fo,{refresh:!1}),children:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(me,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)(pe,{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,{children:[(0,k.jsxs)(E,{children:[(0,k.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,k.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,k.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,k.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,k.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,k.jsxs)(E,{className:"k-filter-row",children:[(0,k.jsx)(m,{children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(J,{}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,k.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,k.jsx)(m,{children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ke,{}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,k.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,k.jsx)(m,{children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ke,{}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,k.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,k.jsx)(m,{children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(J,{}),(0,k.jsxs)("div",{className:"k-filtercell-operator",children:[(0,k.jsx)(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,k.jsx)(d,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,k.jsx)(m,{children:(0,k.jsx)("div",{className:"k-filtercell",children:(0,k.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,k.jsx)(ue,{}),(0,k.jsx)("div",{className:"k-filtercell-operator",children:(0,k.jsx)(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,k.jsx)(ie,{children:(0,k.jsx)(le,{className:e,children:(0,k.jsxs)(ne,{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)(ce,{children:[(0,k.jsxs)(E,{className:"k-master-row",children:[(0,k.jsx)(m,{children:"1"}),(0,k.jsx)(m,{children:"Chai"}),(0,k.jsx)(m,{children:"10 boxes x 20 bags"}),(0,k.jsx)(m,{children:"18"}),(0,k.jsx)(m,{children:"false"})]}),(0,k.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,k.jsx)(m,{children:"2"}),(0,k.jsx)(m,{children:"Chang"}),(0,k.jsx)(m,{children:"24 - 12 oz bottles"}),(0,k.jsx)(m,{children:"19"}),(0,k.jsx)(m,{children:"false"})]}),(0,k.jsxs)(E,{className:"k-master-row",children:[(0,k.jsx)(m,{children:"3"}),(0,k.jsx)(m,{children:"Aniseed Syrup"}),(0,k.jsx)(m,{children:"12 - 550 ml bottles"}),(0,k.jsx)(m,{children:"10"}),(0,k.jsx)(m,{children:"false"})]}),(0,k.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,k.jsx)(m,{children:"4"}),(0,k.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,k.jsx)(m,{children:"48 - 6 oz jars"}),(0,k.jsx)(m,{children:"22"}),(0,k.jsx)(m,{children:"false"})]}),(0,k.jsxs)(E,{className:"k-master-row",children:[(0,k.jsx)(m,{children:"5"}),(0,k.jsx)(m,{children:"Grandma's Boysenberry Spread"}),(0,k.jsx)(m,{children:"12 - 8 oz jars"}),(0,k.jsx)(m,{children:"25"}),(0,k.jsx)(m,{children:"false"})]})]})]})})})]}),...t});var Pr=require("react/jsx-runtime"),Jk="k-chip-action";var Ge=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Pr.jsx)(f,{icon:"x-circle",size:"small"});break;case"more":a=(0,Pr.jsx)(f,{icon:"more-vertical",size:"small"});break;default:return(0,Pr.jsx)(f,{icon:t,size:"small"})}return(0,Pr.jsx)("span",{...o,className:r(e.className,Jk,`k-chip-${t}-action`),children:a})};var as="avatar",Wp=as;var is=require("react/jsx-runtime"),Kr="k-avatar";var qk=[l.hover,l.focus,l.active,l.selected,l.disabled],Yk={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},rs={type:"text",border:!1},St=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,type:n=rs.type,border:c=rs.border,...p}=e;return(0,is.jsx)("div",{...p,className:r(e.className,Kr,y(Kr,{size:t,rounded:o,fillMode:a,themeColor:i}),{[`${Kr}-bordered`]:c}),children:(0,is.jsx)("span",{className:`${Kr}-${n}`,children:e.children})})};St.states=qk;St.options=Yk;St.className=Kr;St.defaultOptions=rs;St.moduleName=as;St.folderName=Wp;St.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ca=St;var Jp=require("react/jsx-runtime"),Xp=e=>(0,Jp.jsx)(ca,{type:"icon",...e});var Yp=require("react/jsx-runtime"),qp=e=>(0,Yp.jsx)(ca,{type:"text",...e});var Zp=require("react/jsx-runtime"),Qp=e=>(0,Zp.jsx)(ca,{type:"image",...e});var Qk=require("react/jsx-runtime");var Ba=require("react/jsx-runtime"),Zk=St.options,jk=St.states,eg={...St.defaultOptions,variant:"image"},tg=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],og=[],Hr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Ba.jsx)(Xp,{...o,children:(0,Ba.jsx)(f,{icon:"star"})});case"text":return(0,Ba.jsx)(qp,{...o,children:"JO"});default:return(0,Ba.jsx)(Qp,{...o,children:(0,Ba.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Hr.options=Zk;Hr.states=jk;Hr.variants=tg;Hr.defaultOptions=eg;Hr.modifiers=og;var Dr="chip",Bi=Dr;var So=require("react/jsx-runtime"),Pi="k-chip",ag=[l.hover,l.focus,l.active,l.selected,l.disabled],rg={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[N.undefined,N.base,N.success,N.warning,N.error,N.info]},jp={avatarImage:"/packages/html/assets/avatar.jpg"},_e=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,text:n,icon:c,actions:p,showAvatar:b,avatarImage:x=jp.avatarImage,hover:v,focus:L,active:T,selected:M,disabled:w,...I}=e;return(0,So.jsxs)("div",{...I,className:r(e.className,Pi,y(Pi,{size:t,rounded:o,fillMode:a,themeColor:i}),C(Pi,{hover:v,focus:L,active:T,disabled:w,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":w?"true":void 0,children:[c&&(0,So.jsx)(f,{className:"k-chip-icon",icon:c,size:"small"}),b&&(0,So.jsx)(St,{className:"k-chip-avatar",type:"image",children:(0,So.jsx)("img",{src:x,alt:""})}),(0,So.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,So.jsx)("span",{className:"k-chip-label",children:n})}),p&&(0,So.jsx)("span",{className:"k-chip-actions",children:p})]})};_e.states=ag;_e.options=rg;_e.className=Pi;_e.defaultOptions=jp;_e.moduleName=Dr;_e.folderName=Bi;_e.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 Qt=_e;var eu=require("react/jsx-runtime"),ls="k-chip-list",ig=[],lg={size:[s.undefined,s.small,s.medium,s.large]},ng={},ze=e=>{let{size:t,multiselectable:o,ariaLabel:a,...i}=e;return(0,eu.jsx)("div",{...i,className:r(e.className,ls,y(ls,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};ze.states=ig;ze.options=lg;ze.className=ls;ze.defaultOptions=ng;ze.moduleName=Dr;ze.folderName=Bi;ze.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 sg=require("react/jsx-runtime");var dg=require("react/jsx-runtime");var tu=require("react/jsx-runtime"),Ki=e=>(0,tu.jsx)(Qt,{text:"text",...e});var cg=require("react/jsx-runtime");var mg=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var ou=require("react/jsx-runtime");var au=require("react/jsx-runtime");var ru=require("react/jsx-runtime");var Eo=require("react/jsx-runtime"),pg={...Qt.options,...ze.options},ug=[],bg=ze.states,fg={...Qt.defaultOptions,...ze.defaultOptions},Tg=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Gr=e=>{let{modifiers:t,className:o,...a}=e,i=t==null?void 0:t.icon,n=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Eo.jsxs)(ze,{size:a.size,className:o,children:[(0,Eo.jsx)(Ki,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?(0,Eo.jsx)(Ge,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Eo.jsx)(Ki,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?(0,Eo.jsx)(Ge,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Eo.jsx)(Ki,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?(0,Eo.jsx)(Ge,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Gr.options=pg;Gr.states=bg;Gr.variants=ug;Gr.defaultOptions=fg;Gr.modifiers=Tg;var Hi=require("react/jsx-runtime"),hg=_e.states,xg=_e.defaultOptions,Ng=_e.options,kg=[],gg=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],_r=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"icon":a.icon=t!=null&&t[i]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[i]),a.avatarImage=t!=null&&t[i]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t!=null&&t[i]?(0,Hi.jsx)(Ge,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t!=null&&t[i]?(0,Hi.jsx)(Ge,{type:"remove"}):void 0;break;default:break}}),(0,Hi.jsx)(_e,{...o,...a,children:"Chip component"})};_r.options=Ng;_r.states=hg;_r.variants=kg;_r.defaultOptions=xg;_r.modifiers=gg;var S=require("react/jsx-runtime"),iu=({dropClue:e,contentClassName:t,...o})=>(0,S.jsx)(q,{_renderAriaRoot:!0,groupingHeader:(0,S.jsx)(Yo,{dropClue:e,children:(0,S.jsxs)(ze,{children:[(0,S.jsx)(_e,{icon:"sort-asc-small",text:"ID",actions:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Ge,{type:"more"}),(0,S.jsx)(Ge,{type:"remove"})]})}),(0,S.jsx)(_e,{icon:"sort-desc-small",text:"Name",actions:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(Ge,{type:"more"}),(0,S.jsx)(Ge,{type:"remove"})]})})]})}),children:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(me,{draggable:!0,children:(0,S.jsx)("div",{className:"k-grid-header-wrap",children:(0,S.jsxs)(pe,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsx)(re,{children:(0,S.jsxs)(E,{children:[(0,S.jsx)(K,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,S.jsx)(K,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,S.jsx)(K,{colspan:1,columnTitle:"ID"}),(0,S.jsx)(K,{colspan:1,columnTitle:"Name"}),(0,S.jsx)(K,{colspan:1,columnTitle:"Price"}),(0,S.jsx)(K,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,S.jsx)(ie,{children:(0,S.jsx)(le,{className:t,children:(0,S.jsxs)(ne,{children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{}),(0,S.jsx)("col",{})]}),(0,S.jsxs)(ce,{children:[(0,S.jsx)(E,{className:"k-table-group-row k-grouping-row",children:(0,S.jsx)(m,{colspan:6,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,S.jsx)(E,{className:"k-table-group-row k-grouping-row",children:(0,S.jsx)(m,{colspan:6,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,S.jsxs)(E,{className:"k-table-group-row k-grouping-row",children:[(0,S.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,S.jsx)(m,{colspan:5,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,S.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,S.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,S.jsx)(m,{className:"k-table-group-td k-group-cell"}),(0,S.jsx)(m,{colspan:0,children:"2"}),(0,S.jsx)(m,{colspan:0,children:"Chang"}),(0,S.jsx)(m,{colspan:0,children:"$19.00"}),(0,S.jsx)(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var ss=require("react/jsx-runtime");var ds=require("react/jsx-runtime");var cs=require("react/jsx-runtime");var B=require("react/jsx-runtime"),lu=({headerWrapClassName:e,contentClassName:t,...o})=>(0,B.jsx)(q,{_renderAriaRoot:!0,children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(me,{children:(0,B.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,B.jsxs)(pe,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(re,{children:[(0,B.jsxs)(E,{children:[(0,B.jsx)(K,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,B.jsx)(K,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,B.jsxs)(E,{children:[(0,B.jsx)(K,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,B.jsx)(K,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,B.jsxs)(E,{children:[(0,B.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,B.jsx)(K,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,B.jsx)(ie,{children:(0,B.jsx)(le,{className:t,children:(0,B.jsxs)(ne,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{})]}),(0,B.jsxs)(ce,{children:[(0,B.jsxs)(E,{className:"k-master-row",children:[(0,B.jsx)(m,{children:"1"}),(0,B.jsx)(m,{children:"Chai"}),(0,B.jsx)(m,{children:"39"}),(0,B.jsx)(m,{children:"18"})]}),(0,B.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(m,{children:"2"}),(0,B.jsx)(m,{children:"Chang"}),(0,B.jsx)(m,{children:"17"}),(0,B.jsx)(m,{children:"19"})]}),(0,B.jsxs)(E,{className:"k-master-row",children:[(0,B.jsx)(m,{children:"3"}),(0,B.jsx)(m,{children:"Aniseed Syrup"}),(0,B.jsx)(m,{children:"13"}),(0,B.jsx)(m,{children:"10"})]}),(0,B.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(m,{children:"4"}),(0,B.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,B.jsx)(m,{children:"53"}),(0,B.jsx)(m,{children:"22"})]}),(0,B.jsxs)(E,{className:"k-master-row",children:[(0,B.jsx)(m,{children:"5"}),(0,B.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,B.jsx)(m,{children:"0"}),(0,B.jsx)(m,{children:"21.35"})]})]})]})})})]}),...o});var ms=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var H=require("react/jsx-runtime"),nu=e=>(0,H.jsx)(q,{_renderAriaRoot:!0,toolbar:(0,H.jsxs)(da,{children:[(0,H.jsx)(d,{children:"Add new"}),(0,H.jsx)(d,{children:"Save Changes"}),(0,H.jsx)(d,{children:"Cancel Changes"})]}),children:(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(me,{children:(0,H.jsx)("div",{className:"k-grid-header-wrap",children:(0,H.jsxs)(pe,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsx)(re,{children:(0,H.jsxs)(E,{children:[(0,H.jsx)(K,{columnTitle:"Name"}),(0,H.jsx)(K,{columnTitle:"Price"}),(0,H.jsx)(K,{columnTitle:"Available"}),(0,H.jsx)(K,{accessibleLabel:"Commands"})]})})]})})}),(0,H.jsx)(ie,{children:(0,H.jsx)(le,{children:(0,H.jsx)("div",{children:(0,H.jsxs)(ne,{children:[(0,H.jsxs)("colgroup",{children:[(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{}),(0,H.jsx)("col",{style:{width:"300px"}})]}),(0,H.jsxs)(ce,{children:[(0,H.jsxs)(E,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,H.jsx)(m,{children:(0,H.jsx)(ke,{value:"Towel"})}),(0,H.jsx)(m,{children:(0,H.jsx)(J,{value:"42"})}),(0,H.jsx)(m,{children:(0,H.jsx)(ot,{})}),(0,H.jsxs)(m,{className:"k-command-cell",children:[(0,H.jsx)(d,{children:"Add"}),(0,H.jsx)(d,{children:"Cancel"})]})]}),(0,H.jsxs)(E,{className:"k-master-row",children:[(0,H.jsx)(m,{children:"Chai"}),(0,H.jsx)(m,{children:"18"}),(0,H.jsx)(m,{children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",children:(0,H.jsx)(d,{children:"Remove"})})]}),(0,H.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,H.jsx)(m,{children:"Chang"}),(0,H.jsx)(m,{children:"19"}),(0,H.jsx)(m,{children:"false"}),(0,H.jsx)(m,{className:"k-command-cell",children:(0,H.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e});var us=require("react/jsx-runtime");var u=require("react/jsx-runtime"),vg=q.options,Lg=q.states,su={...q.defaultOptions,variant:"normal"},Cg=[{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"}],Mg=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],zr=e=>{let{variant:t,modifiers:o,...a}={...su,...e},i={toolbar:void 0,pager:void 0},n=(0,u.jsxs)(da,{children:[(0,u.jsx)(d,{icon:"plus",children:"Add New"}),(0,u.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,u.jsx)("span",{className:"k-spacer"}),(0,u.jsx)(ke,{prefix:(0,u.jsx)(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,u.jsx)(Oe,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":i.toolbar=o!=null&&o[x]?n:void 0;break;case"pager":i.pager=o!=null&&o[x]?c:void 0;break;default:return}});let p={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(me,{children:(0,u.jsx)("div",{className:"k-grid-header-wrap",children:(0,u.jsxs)(pe,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(re,{children:(0,u.jsxs)(E,{children:[(0,u.jsx)(K,{...p[t],columnTitle:"ID"}),(0,u.jsx)(K,{...p[t],columnTitle:"Product Name"}),(0,u.jsx)(K,{...p[t],columnTitle:"Units in Stock"}),(0,u.jsx)(K,{...p[t],columnTitle:"Units Price"})]})})]})})}),(0,u.jsx)(ie,{children:(0,u.jsx)(le,{children:(0,u.jsxs)(ne,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ce,{children:[(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{children:"1"}),(0,u.jsx)(m,{children:"Chai"}),(0,u.jsx)(m,{children:"39"}),(0,u.jsx)(m,{children:"18"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{children:"2"}),(0,u.jsx)(m,{children:"Chang"}),(0,u.jsx)(m,{children:"17"}),(0,u.jsx)(m,{children:"19"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{children:"3"}),(0,u.jsx)(m,{children:"Aniseed Syrup"}),(0,u.jsx)(m,{children:"13"}),(0,u.jsx)(m,{children:"10"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{children:"4"}),(0,u.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(m,{children:"53"}),(0,u.jsx)(m,{children:"22"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{children:"5"}),(0,u.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(m,{children:"0"}),(0,u.jsx)(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,u.jsx)(lu,{...a,...i});case"editing":return(0,u.jsx)(nu,{...a,...i});case"grouping":return(0,u.jsx)(iu,{...a,...i,groupingHeader:(0,u.jsx)(Yo,{children:(0,u.jsxs)(ze,{children:[(0,u.jsx)(_e,{icon:"sort-asc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ge,{type:"more"}),(0,u.jsx)(Ge,{type:"remove"})]}),children:"ID"}),(0,u.jsx)(_e,{icon:"sort-desc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Ge,{type:"more"}),(0,u.jsx)(Ge,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,u.jsx)(q,{...a,...i,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(me,{children:(0,u.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,u.jsxs)(pe,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(re,{children:(0,u.jsxs)(E,{children:[(0,u.jsx)(K,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,u.jsx)(K,{columnTitle:"ID"}),(0,u.jsx)(K,{columnTitle:"Product Name"}),(0,u.jsx)(K,{columnTitle:"Units in Stock"}),(0,u.jsx)(K,{columnTitle:"Units Price"})]})})]})]})}),(0,u.jsx)(ie,{children:(0,u.jsx)(le,{children:(0,u.jsxs)(ne,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ce,{children:[(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"1"}),(0,u.jsx)(m,{children:"Chai"}),(0,u.jsx)(m,{children:"39"}),(0,u.jsx)(m,{children:"18"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"2"}),(0,u.jsx)(m,{children:"Chang"}),(0,u.jsx)(m,{children:"17"}),(0,u.jsx)(m,{children:"19"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"3"}),(0,u.jsx)(m,{children:"Aniseed Syrup"}),(0,u.jsx)(m,{children:"13"}),(0,u.jsx)(m,{children:"10"})]}),(0,u.jsxs)(E,{className:"k-alt",alt:!0,children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"4"}),(0,u.jsx)(m,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(m,{children:"53"}),(0,u.jsx)(m,{children:"22"})]}),(0,u.jsxs)(E,{children:[(0,u.jsx)(m,{className:"k-drag-cell",children:(0,u.jsx)(f,{icon:"reorder"})}),(0,u.jsx)(m,{children:"5"}),(0,u.jsx)(m,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(m,{children:"0"}),(0,u.jsx)(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,u.jsx)($p,{...a,...i});default:return(0,u.jsx)(q,{...a,...i,children:b})}};zr.options=vg;zr.states=Lg;zr.variants=Cg;zr.defaultOptions=su;zr.modifiers=Mg;var A=require("react/jsx-runtime"),du=e=>(0,A.jsx)(Ue,{toolbar:(0,A.jsxs)(st,{children:[(0,A.jsx)(d,{children:"New Folder"}),(0,A.jsx)(d,{children:"Upload"}),(0,A.jsxs)(D,{children:[(0,A.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,A.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,A.jsx)(U,{text:"Sort By"}),(0,A.jsxs)(D,{children:[(0,A.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0}),(0,A.jsx)(d,{className:"k-group-end",icon:"grid-layout"})]}),(0,A.jsx)("div",{className:"k-spacer"}),(0,A.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,A.jsx)("label",{children:"View Details"}),(0,A.jsx)(ve,{checked:!0})]}),(0,A.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,A.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,A.jsx)(yt,{children:(0,A.jsx)(te,{text:"Folder"})})},"pane-1"),(0,A.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,A.jsx)(Ct,{children:(0,A.jsx)(Tt,{children:(0,A.jsx)(xe,{root:!0,children:(0,A.jsx)(fe,{root:!0,icon:!0,children:(0,A.jsx)(f,{icon:"home"})})})})}),(0,A.jsxs)(q,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,A.jsx)(me,{children:(0,A.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,A.jsxs)(pe,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsx)(re,{children:(0,A.jsxs)(E,{children:[(0,A.jsx)(K,{sortable:!0,columnTitle:"Name"}),(0,A.jsx)(K,{columnTitle:"Date Created"}),(0,A.jsx)(K,{columnTitle:"File Size"})]})})]})})}),(0,A.jsx)(ie,{children:(0,A.jsx)(le,{className:"k-auto-scrollable",children:(0,A.jsxs)(ne,{className:"k-selectable",children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-sorted"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(ce,{children:[(0,A.jsxs)(E,{className:"k-master-row",children:[(0,A.jsx)(m,{children:(0,A.jsx)($e,{name:"Folder",icon:"folder"})}),(0,A.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,A.jsx)(m,{children:"0"})]}),(0,A.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,A.jsx)(m,{children:(0,A.jsx)($e,{name:"file.png",icon:"file"})}),(0,A.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,A.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2"),(0,A.jsx)(ae,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,A.jsx)($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var Fr=require("react/jsx-runtime"),wg=Ue.options,yg=Ue.states,Sg={...Ue.defaultOptions,variant:"listview"},Eg=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],Ag=[{name:"preview",title:"Preview"}],Ur=e=>{let{variant:t,modifiers:o,...a}={...e},i=!1;return Object.keys(o||{}).forEach(n=>{n==="preview"&&(i=!!(o!=null&&o[n]))}),t==="grid"?i?(0,Fr.jsx)(du,{...a}):(0,Fr.jsx)(bs,{...a}):i?(0,Fr.jsx)(Qm,{...a}):(0,Fr.jsx)(Ym,{...a})};Ur.options=wg;Ur.states=yg;Ur.variants=Eg;Ur.defaultOptions=Sg;Ur.modifiers=Ag;var R=require("react/jsx-runtime"),bs=e=>(0,R.jsx)(Ue,{toolbar:(0,R.jsxs)(st,{children:[(0,R.jsx)(d,{children:"New Folder"}),(0,R.jsx)(d,{children:"Upload"}),(0,R.jsxs)(D,{children:[(0,R.jsx)(d,{className:"k-group-start",icon:"sort-asc-small"}),(0,R.jsx)(d,{className:"k-group-end",icon:"sort-desc-small"})]}),(0,R.jsx)(U,{text:"Sort By"}),(0,R.jsxs)(D,{children:[(0,R.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0}),(0,R.jsx)(d,{className:"k-group-end",icon:"grid-layout"})]}),(0,R.jsx)("div",{className:"k-spacer"}),(0,R.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,R.jsx)("label",{children:"View Details"}),(0,R.jsx)(ve,{})]}),(0,R.jsx)(Ce,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(Ee,{className:"k-filemanager-splitter",panes:[(0,R.jsx)(ae,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,R.jsx)(yt,{children:(0,R.jsx)(te,{text:"Folder"})})},"pane-1"),(0,R.jsxs)(ae,{className:"k-filemanager-content",scrollable:!0,children:[(0,R.jsx)(Ct,{children:(0,R.jsx)(Tt,{children:(0,R.jsx)(xe,{root:!0,children:(0,R.jsx)(fe,{root:!0,icon:!0,children:(0,R.jsx)(f,{icon:"home"})})})})}),(0,R.jsxs)(q,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,R.jsx)(me,{children:(0,R.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,R.jsxs)(pe,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsx)(re,{children:(0,R.jsxs)(E,{children:[(0,R.jsx)(K,{columnTitle:"Name",sortable:!0}),(0,R.jsx)(K,{columnTitle:"Date Created"}),(0,R.jsx)(K,{columnTitle:"File Size"})]})})]})})}),(0,R.jsx)(ie,{children:(0,R.jsx)(le,{className:"k-auto-scrollable",children:(0,R.jsxs)(ne,{className:"k-selectable",children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{className:"k-sorted"}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(ce,{children:[(0,R.jsxs)(E,{className:"k-master-row",children:[(0,R.jsx)(m,{children:(0,R.jsx)($e,{name:"Folder",icon:"folder"})}),(0,R.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,R.jsx)(m,{children:"0"})]}),(0,R.jsxs)(E,{className:"k-master-row",alt:!0,children:[(0,R.jsx)(m,{children:(0,R.jsx)($e,{name:"file.png",icon:"file"})}),(0,R.jsx)(m,{children:"13/12/2019 at 12:22:04 PM"}),(0,R.jsx)(m,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});