@progress/kendo-themes-html 14.1.0-dev.0 → 14.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 (98) hide show
  1. package/dist/cjs/breadcrumb/demos/breadcrumb.js +1 -1
  2. package/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-auto.js +1 -1
  3. package/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-none.js +1 -1
  4. package/dist/cjs/breadcrumb/templates/breadcrumb-collapsing-wrap.js +1 -1
  5. package/dist/cjs/chat/chat-message-reference.js +1 -1
  6. package/dist/cjs/chat/chat-message.js +1 -1
  7. package/dist/cjs/chat/demos/chat.js +1 -1
  8. package/dist/cjs/chat/templates/chat-empty.js +1 -1
  9. package/dist/cjs/chat/templates/chat-expandable.js +1 -1
  10. package/dist/cjs/chat/templates/chat-failed.js +1 -1
  11. package/dist/cjs/chat/templates/chat-message-skeleton.js +1 -1
  12. package/dist/cjs/chat/templates/chat-message-toolbar.js +1 -1
  13. package/dist/cjs/chat/templates/chat-normal.js +1 -1
  14. package/dist/cjs/chat/templates/chat-pinned.js +1 -1
  15. package/dist/cjs/chat/templates/chat-stop-response.js +1 -1
  16. package/dist/cjs/chat/templates/chat-textarea-file.js +1 -1
  17. package/dist/cjs/chat/templates/chat-typing.js +1 -1
  18. package/dist/cjs/chat/templates/chat-upload.js +1 -1
  19. package/dist/cjs/file-box/file-box.spec.js +1 -1
  20. package/dist/cjs/file-box/templates/file-box-default.js +1 -1
  21. package/dist/cjs/file-box/templates/file-box-multiple.js +1 -1
  22. package/dist/cjs/file-box/templates/file-box-no-button.js +1 -1
  23. package/dist/cjs/file-box/templates/file-box-remove-button.js +1 -1
  24. package/dist/cjs/file-box/templates/file-box-vertical.js +1 -1
  25. package/dist/cjs/filemanager/demos/filemanager.js +1 -1
  26. package/dist/cjs/filemanager/file-info.js +1 -1
  27. package/dist/cjs/filemanager/filemanager-breadcrumb.spec.js +1 -1
  28. package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +1 -1
  29. package/dist/cjs/filemanager/templates/filemanager-grid.js +1 -1
  30. package/dist/cjs/filemanager/templates/filemanager-normal.js +1 -1
  31. package/dist/cjs/filemanager/templates/filemanager-preview.js +1 -1
  32. package/dist/cjs/grid/templates/grid-with-pinned-rows-pin-column.js +1 -1
  33. package/dist/cjs/grid/templates/grid-with-pinned-rows.js +1 -1
  34. package/dist/cjs/index.js +2 -2
  35. package/dist/cjs/pdf-viewer/demos/pdf-viewer.js +1 -1
  36. package/dist/cjs/pdf-viewer/pdf-viewer.spec.js +1 -1
  37. package/dist/cjs/pdf-viewer/templates/pdf-viewer-blank.js +1 -1
  38. package/dist/cjs/pdf-viewer/templates/pdf-viewer-normal.js +1 -1
  39. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-annotations.js +1 -1
  40. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-search-panel.js +1 -1
  41. package/dist/esm/breadcrumb/demos/breadcrumb.mjs +1 -1
  42. package/dist/esm/breadcrumb/templates/breadcrumb-collapsing-auto.mjs +1 -1
  43. package/dist/esm/breadcrumb/templates/breadcrumb-collapsing-none.mjs +1 -1
  44. package/dist/esm/breadcrumb/templates/breadcrumb-collapsing-wrap.mjs +1 -1
  45. package/dist/esm/chat/chat-message-reference.mjs +1 -1
  46. package/dist/esm/chat/chat-message.mjs +1 -1
  47. package/dist/esm/chat/demos/chat.mjs +1 -1
  48. package/dist/esm/chat/templates/chat-empty.mjs +1 -1
  49. package/dist/esm/chat/templates/chat-expandable.mjs +1 -1
  50. package/dist/esm/chat/templates/chat-failed.mjs +1 -1
  51. package/dist/esm/chat/templates/chat-message-skeleton.mjs +1 -1
  52. package/dist/esm/chat/templates/chat-message-toolbar.mjs +1 -1
  53. package/dist/esm/chat/templates/chat-normal.mjs +1 -1
  54. package/dist/esm/chat/templates/chat-pinned.mjs +1 -1
  55. package/dist/esm/chat/templates/chat-stop-response.mjs +1 -1
  56. package/dist/esm/chat/templates/chat-textarea-file.mjs +1 -1
  57. package/dist/esm/chat/templates/chat-typing.mjs +1 -1
  58. package/dist/esm/chat/templates/chat-upload.mjs +1 -1
  59. package/dist/esm/file-box/file-box.spec.mjs +1 -1
  60. package/dist/esm/file-box/templates/file-box-default.mjs +1 -1
  61. package/dist/esm/file-box/templates/file-box-multiple.mjs +1 -1
  62. package/dist/esm/file-box/templates/file-box-no-button.mjs +1 -1
  63. package/dist/esm/file-box/templates/file-box-remove-button.mjs +1 -1
  64. package/dist/esm/file-box/templates/file-box-vertical.mjs +1 -1
  65. package/dist/esm/filemanager/demos/filemanager.mjs +1 -1
  66. package/dist/esm/filemanager/file-info.mjs +1 -1
  67. package/dist/esm/filemanager/filemanager-breadcrumb.spec.mjs +1 -1
  68. package/dist/esm/filemanager/templates/filemanager-grid-preview.mjs +1 -1
  69. package/dist/esm/filemanager/templates/filemanager-grid.mjs +1 -1
  70. package/dist/esm/filemanager/templates/filemanager-normal.mjs +1 -1
  71. package/dist/esm/filemanager/templates/filemanager-preview.mjs +1 -1
  72. package/dist/esm/grid/templates/grid-with-pinned-rows-pin-column.mjs +1 -1
  73. package/dist/esm/grid/templates/grid-with-pinned-rows.mjs +1 -1
  74. package/dist/esm/index.mjs +2 -2
  75. package/dist/esm/pdf-viewer/demos/pdf-viewer.mjs +1 -1
  76. package/dist/esm/pdf-viewer/pdf-viewer.spec.mjs +1 -1
  77. package/dist/esm/pdf-viewer/templates/pdf-viewer-blank.mjs +1 -1
  78. package/dist/esm/pdf-viewer/templates/pdf-viewer-normal.mjs +1 -1
  79. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-annotations.mjs +1 -1
  80. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-search-panel.mjs +1 -1
  81. package/package.json +2 -2
  82. package/src/breadcrumb/demos/breadcrumb.tsx +2 -2
  83. package/src/chat/chat-message-reference.tsx +2 -2
  84. package/src/chat/tests/chat-files-pin.tsx +2 -2
  85. package/src/chat/tests/chat-message-action-copy.tsx +1 -1
  86. package/src/chat/tests/chat-message-action-delete.tsx +1 -1
  87. package/src/chat/tests/chat-message-action-pin.tsx +2 -2
  88. package/src/chat/tests/chat-message-action-reply.tsx +2 -2
  89. package/src/chat/tests/chat-message-actions.tsx +2 -2
  90. package/src/chat/tests/chat-message-toolbar.tsx +1 -1
  91. package/src/file-box/file-box.spec.tsx +1 -1
  92. package/src/grid/templates/grid-with-pinned-rows-pin-column.tsx +6 -6
  93. package/src/grid/templates/grid-with-pinned-rows.tsx +2 -2
  94. package/src/grid/tests/grid-row-pinning-adaptive.tsx +3 -3
  95. package/src/grid/tests/grid-row-pinning-with-sticky-grouping.tsx +1 -1
  96. package/src/grid/tests/grid-row-pinning.tsx +27 -27
  97. package/src/pdf-viewer/pdf-viewer.spec.tsx +2 -2
  98. package/src/tabstrip/tests/tabstrip-actions.tsx +4 -4
@@ -1 +1 @@
1
- var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 E=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:d,active:c,selected:u,disabled:f,indeterminate:b,loading:g,empty:m,readonly:L,highlighted:k,...I}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":b&&!d,"k-loading":g,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(I).reduce((C,M)=>(M.startsWith("k-")?C[M]=I[M]:C[`k-${M}`]=I[M],C),{}))};function Un(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Qe={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var or={};function H(e){return or[e]=(or[e]||0)+1,`k-${e}-${or[e]}`}import{Fragment as Ll,jsx as Fn}from"react/jsx-runtime";var ar="k-font-icon",kl=[],Nl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},vl={},_o=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...d}=e;return a?Fn("span",{...d,className:n(e.className,ar,E(ar,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):Fn(Ll,{})};_o.states=kl;_o.options=Nl;_o.className=ar;_o.defaultOptions=vl;var Gn=_o;import{Fragment as Il,jsx as fa}from"react/jsx-runtime";var rr="k-svg-icon",Ml=[],Sl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Qe.outline,Qe.solid,Qe.duotone]},nr={viewBox:"0 0 24 24",variant:Qe.outline},zo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=nr.viewBox,variant:d=nr.variant,icon:c,...u}=e;if(!c)return fa(Il,{});if(c==="none")return fa("span",{...u,className:n(e.className,rr,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return fa("span",{...u,className:n(e.className,rr,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:fa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};zo.states=Ml;zo.options=Sl;zo.className=rr;zo.defaultOptions=nr;var ir=zo;import*as sr from"@progress/kendo-svg-icons";var Vn="icon",$n="icons";import{useContext as Cl}from"react";import{createContext as yl}from"react";var Xn=yl({iconsType:"svg"});import{Fragment as qn,jsx as Ho}from"react/jsx-runtime";var ba="k-icon",El=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Tl=[],Al={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Qe.outline,Qe.solid,Qe.duotone]},ha={viewBox:"0 0 24 24",type:"svg",variant:Qe.outline},v=e=>{let{iconsType:t}=Cl(Xn),{size:o,themeColor:a,icon:r,type:l=t||ha.type,rotate:d,flip:c,viewBox:u=ha.viewBox,variant:f=ha.variant,...b}=e;if(!r)return Ho(qn,{});if((t||l)==="svg"){if(r==="none")return Ho(ir,{...b,className:n(e.className,ba),icon:r,size:o,variant:f});let m=sr[r]?r:El(`${r}-icon`);return sr[m]?Ho(ir,{...b,className:n(e.className,ba),icon:sr[m],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:f}):Ho(qn,{})}return Ho(Gn,{...b,className:n(e.className,ba),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=Tl;v.options=Al;v.defaultOptions=ha;v.className=ba;v.moduleName=Vn;v.folderName=$n;v.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 lr="button",Wn=lr;import{Fragment as Bl,jsx as Uo,jsxs as Jn}from"react/jsx-runtime";var Fo="k-button",Ol=["icon-button"],Pl=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],wl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},dr={showArrow:!1,arrowIconName:"chevron-down"},i=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:d=dr.showArrow,arrowIconName:c=dr.arrowIconName,variant:u,hover:f,focus:b,active:g,selected:m,disabled:L,togglable:k,ariaDisabled:I,icon:C,text:M,iconClassName:P,className:q,...U}=e,me=C!==void 0,ue=e.children!==void 0;return Jn(t,{className:n(q,Fo,Un(Fo,u),E(Fo,{size:o,rounded:a,fillMode:r,themeColor:l}),S(Fo,{hover:f,focus:b,active:g,disabled:L||I,selected:m}),{"k-icon-button":!M&&!ue&&me}),...U,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:L||void 0,children:[C&&Uo(v,{className:n(P,"k-button-icon"),icon:C}),M?Jn(Bl,{children:[M&&Uo("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Uo("span",{className:"k-button-text",children:e.children}),d&&Uo("span",{className:"k-menu-button-arrow k-button-arrow",children:Uo(v,{icon:c})})]})};i.states=Pl;i.options=wl;i.variants=Ol;i.className=Fo;i.defaultOptions=dr;i.moduleName=lr;i.folderName=Wn;i.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Rl}from"react/jsx-runtime";var xt=e=>Rl(i,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Kl}from"react/jsx-runtime";var Go=e=>Kl(i,{icon:"folder",children:"Button",...e});import{jsx as Dl}from"react/jsx-runtime";var wt=e=>Dl(i,{children:"Button",...e});import{jsx as pr}from"react/jsx-runtime";var _l=i.options,zl=i.states,Hl={...i.defaultOptions,variant:"text"},Ul=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fl=[],Jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return pr(xt,{...o,icon:"star"});case"icon-and-text":return pr(Go,{...o,icon:"star",children:"Button"});default:return pr(wt,{...o,children:"Button"})}};Jt.options=_l;Jt.states=zl;Jt.variants=Ul;Jt.defaultOptions=Hl;Jt.modifiers=Fl;Jt.className=i.className;var cr="button",Zn=cr;import{jsx as Xl}from"react/jsx-runtime";var Vo="k-button-group",Gl=[s.disabled],Vl={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},$l={},y=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Xl("div",{role:"group",...r,className:n(e.className,Vo,E(Vo,{fillMode:t}),S(Vo,{disabled:o}),{[`${Vo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};y.states=Gl;y.options=Vl;y.className=Vo;y.defaultOptions=$l;y.moduleName=cr;y.folderName=Zn;y.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Ah,jsx as Th,jsxs as Oh}from"react/jsx-runtime";import{Fragment as Dh,jsx as Kh,jsxs as _h}from"react/jsx-runtime";import{Fragment as Vh,jsx as Gh,jsxs as $h}from"react/jsx-runtime";import{Fragment as Yh,jsx as Zh,jsxs as Qh}from"react/jsx-runtime";import{Fragment as rx,jsx as ax,jsxs as nx}from"react/jsx-runtime";import{Fragment as cx,jsx as px,jsxs as mx}from"react/jsx-runtime";import{jsx as it,jsxs as mr}from"react/jsx-runtime";var ql={...i.options,...y.options},Wl=i.states,Jl={...i.defaultOptions,...y.defaultOptions,variant:"text-button"},Zl=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Yl=[],Zt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?mr(y,{fillMode:a.fillMode,className:o,children:[it(i,{...a,icon:"star"}),it(i,{...a,icon:"star"}),it(i,{...a,icon:"star"})]}):t==="icon-text-button"?mr(y,{fillMode:a.fillMode,className:o,children:[it(i,{...a,icon:"star",children:"First"}),it(i,{...a,icon:"star",children:"Middle"}),it(i,{...a,icon:"star",children:"Last"})]}):mr(y,{fillMode:a.fillMode,className:o,children:[it(i,{...a,children:"First"}),it(i,{...a,children:"Middle"}),it(i,{...a,children:"Last"})]})};Zt.options=ql;Zt.states=Wl;Zt.variants=Zl;Zt.defaultOptions=Jl;Zt.modifiers=Yl;Zt.className=y.className;var $o="input",xa=$o;import{jsx as td}from"react/jsx-runtime";var ga="k-input",Ql=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jl={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ed={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return td("span",{...g,className:n(e.className,ga,E(ga,{size:u,rounded:f,fillMode:b}),S(ga,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c}))})};Q.states=Ql;Q.options=jl;Q.className=ga;Q.defaultOptions=ed;Q.moduleName=$o;Q.folderName=xa;import{jsx as nd}from"react/jsx-runtime";var ka="k-picker",od=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ad={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},rd={},je=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return nd("span",{...g,className:n(e.className,ka,E(ka,{size:u,rounded:f,fillMode:b}),S(ka,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c})),children:e.children})};je.states=od;je.options=ad;je.className=ka;je.defaultOptions=rd;je.moduleName=$o;je.folderName=xa;import{Fragment as ld,jsx as ur}from"react/jsx-runtime";var Yn="k-clear-value",id=[s.disabled,s.loading,s.readonly],sd={},Ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?ur(ld,{}):ur("span",{className:n(e.className,Yn),children:ur(v,{icon:"x"})})};Ce.states=id;Ce.options=sd;Ce.className=Yn;import{jsx as cd}from"react/jsx-runtime";var fr="k-input-inner",dd=[],pd={},Na={type:"text",autocomplete:"off",value:"",placeholder:""},Ee=e=>{let{value:t=Na.value,type:o=Na.type,placeholder:a=Na.placeholder,autocomplete:r=Na.autocomplete,disabled:l,readOnly:d,...c}=e;return cd("input",{...c,type:o,className:n(e.className,fr,E(fr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};Ee.states=dd;Ee.options=pd;Ee.className=fr;import{jsx as Qn,jsxs as fd}from"react/jsx-runtime";var br="k-input-inner",md=[],ud={},Bt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:l,...d}=e;return fd("span",{...d,className:n(e.className,br,E(br,e)),children:[r,!r&&l&&Qn(v,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&Qn("span",{className:"k-input-value-text",children:t})]})};Bt.states=md;Bt.options=ud;Bt.className=br;import{jsx as xd}from"react/jsx-runtime";var hr="k-input-inner",bd=[],hd={},jn={value:"",placeholder:""},xr=e=>{let{value:t=jn.value,placeholder:o=jn.placeholder,rows:a,disabled:r,...l}=e;return xd("textarea",{...l,className:n(e.className,hr,E(hr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};xr.states=bd;xr.options=hd;xr.className=hr;import{Fragment as kd,jsx as ei}from"react/jsx-runtime";var ti="k-input-loading-icon",gd=[s.disabled,s.loading],ve=e=>{let{disabled:t,loading:o}=e;return t||!o?ei(kd,{}):ei("span",{className:n(e.className,ti,"k-icon k-i-loading")})};ve.states=gd;ve.className=ti;import{Fragment as Ld,jsx as oi}from"react/jsx-runtime";var ai="k-input-validation-icon",Nd=[s.valid,s.invalid,s.disabled,s.loading],vd={},fe=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,l=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?oi(Ld,{}):oi(v,{className:n(ai),icon:l})};fe.states=Nd;fe.options=vd;fe.className=ai;import{Fragment as Id,jsx as ri}from"react/jsx-runtime";var Md="k-input-prefix",Sd={direction:"horizontal"},Ke=e=>{let{direction:t=Sd.direction,...o}=e;return e.children?ri("span",{...o,className:n(Md,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ri(Id,{})};import{Fragment as Ed,jsx as ni}from"react/jsx-runtime";var yd="k-input-suffix",Cd={direction:"horizontal"},De=e=>{let{direction:t=Cd.direction,...o}=e;return e.children?ni("span",{...o,className:n(yd,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ni(Ed,{})};import{jsx as mg}from"react/jsx-runtime";import{jsx as Ad}from"react/jsx-runtime";var Td="k-input-suffix-text",gr=e=>{let{children:t,...o}=e;return Ad("span",{...o,className:n(Td,e.className),children:t})};import{jsx as Pd}from"react/jsx-runtime";var ii="k-input-separator",Od={direction:"vertical"},_e=e=>{let{direction:t=Od.direction,...o}=e;return Pd("span",{...o,className:n(ii,e.className,{[`${ii}-${t}`]:t})})};import{Fragment as si,jsx as et,jsxs as kr}from"react/jsx-runtime";var wd=Q.states,Bd=Q.defaultOptions,Rd=Q.options,Kd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Dd=[],Yt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:l,readonly:d,...c}=e,u=t?.prefix,f=t?.suffix,b=t?.["clear-button"],g=t?.["validation-icon"],m=t?.separators;return kr(Q,{...c,valid:o,invalid:a,loading:r,disabled:l,readonly:d,style:{width:300},children:[u&&kr(si,{children:[et(Ke,{children:et(v,{icon:"lock"})}),m&&et(_e,{})]}),et(Ee,{placeholder:"Placeholder",value:"Value"}),g&&et(fe,{valid:o,invalid:a,loading:r,disabled:l}),et(ve,{loading:r,disabled:l}),b&&et(Ce,{loading:r,disabled:l,readonly:d,value:"Value"}),f&&kr(si,{children:[m&&et(_e,{}),et(De,{children:et(wt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Yt.options=Rd;Yt.states=wd;Yt.variants=Dd;Yt.defaultOptions=Bd;Yt.modifiers=Kd;Yt.className=Q.className;var Nr="popup",li=Nr;import{jsx as di}from"react/jsx-runtime";var pi="k-animation-container",_d=[],zd={},ci={positionMode:"absolute"},tt=e=>{let{positionMode:t=ci.positionMode,animationStyle:o,offset:a,...r}=e;return di("div",{...r,style:{...a,...e.style},className:n(e.className,pi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:di("div",{className:"k-child-animation-container",style:o,children:e.children})})};tt.states=_d;tt.options=zd;tt.className=pi;tt.defaultOptions=ci;tt.moduleName=Nr;tt.folderName=li;var vr="popup",mi=vr;import{jsx as ui}from"react/jsx-runtime";var fi="k-popup",Hd=[],Ud={},bi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=bi.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:d,...c}=e;return ui(tt,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":d,children:ui("div",{...c,className:n(e.className,fi),children:e.children})})};V.states=Hd;V.options=Ud;V.className=fi;V.defaultOptions=bi;V.moduleName=vr;V.folderName=mi;V.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Lr="action-buttons",hi=Lr;import{jsx as Vd}from"react/jsx-runtime";var va="k-actions",Fd=[],Gd={},Mr={alignment:"start",orientation:"horizontal"},Ze=e=>{let{alignment:t=Mr.alignment,orientation:o=Mr.orientation,...a}=e;return Vd("div",{...a,className:n(va,{[`${va}-${t}`]:t,[`${va}-${o}`]:o},e.className),children:e.children})};Ze.states=Fd;Ze.options=Gd;Ze.className=va;Ze.defaultOptions=Mr;Ze.moduleName=Lr;Ze.folderName=hi;var xi=Ze;import{jsx as Xd}from"react/jsx-runtime";var $d="k-actionsheet-footer",gi={alignment:"stretched",orientation:"horizontal"},gt=e=>{let{alignment:t=gi.alignment,orientation:o=gi.orientation,template:a,as:r=a?"div":Ze,...l}=e;return Xd(r,{...l,...!a&&{alignment:t,orientation:o},className:n(e.className,$d),children:e.children})};var Sr="searchbox",ki=Sr;import{jsx as Xo,jsxs as Jd}from"react/jsx-runtime";var Ni="k-searchbox",qd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wd={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ir={showIcon:!0,icon:"search"},ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:l,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,showIcon:L=Ir.showIcon,icon:k=Ir.icon,"aria-label":I,...C}=e;return Jd(Q,{...C,size:a,rounded:r,fillMode:l,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,className:n(e.className,Ni),children:[L&&Xo(v,{className:"k-input-icon",icon:k}),Xo(Ee,{placeholder:o,value:t,"aria-label":I}),Xo(ve,{...e}),Xo(fe,{...e}),Xo(Ce,{...e})]})};ze.states=qd;ze.options=Wd;ze.className=Ni;ze.defaultOptions=Ir;ze.moduleName=Sr;ze.folderName=ki;import{jsx as Ok}from"react/jsx-runtime";var yr="textbox",vi=yr;import{Fragment as Li,jsx as kt,jsxs as Cr}from"react/jsx-runtime";var Mi="k-textbox",Zd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yd={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},La={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:r=La.separators,showClearButton:l=La.showClearButton,showValidationIcon:d=La.showValidationIcon,prefix:c,suffix:u,type:f,value:b,placeholder:g,hover:m,focus:L,valid:k,invalid:I,required:C,loading:M,disabled:P,readonly:q,id:U,"aria-label":me,"aria-describedby":ue,...ye}=e;return Cr(Q,{...ye,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:I,required:C,loading:M,disabled:P,readonly:q,className:n(e.className,Mi),children:[c&&Cr(Li,{children:[kt(Ke,{children:c}),r&&kt(_e,{})]}),kt(Ee,{id:U,placeholder:g,value:b,type:f,disabled:P,"aria-label":me,"aria-describedby":ue,"aria-invalid":I?"true":void 0}),d&&kt(fe,{valid:k,invalid:I,loading:M,disabled:P}),kt(ve,{loading:M,disabled:P}),l&&kt(Ce,{loading:M,disabled:P,readonly:q,value:b}),u&&Cr(Li,{children:[r&&kt(_e,{}),kt(De,{children:u})]})]})};te.states=Zd;te.options=Yd;te.className=Mi;te.defaultOptions=La;te.moduleName=yr;te.folderName=vi;te.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 qo=te;import{jsx as Qd}from"react/jsx-runtime";var Si=e=>Qd(qo,{...e});import{Fragment as Jk,jsx as Wk}from"react/jsx-runtime";import{Fragment as tN,jsx as eN}from"react/jsx-runtime";import{jsx as nN}from"react/jsx-runtime";import{jsx as Er}from"react/jsx-runtime";var jd=te.states,ep=te.defaultOptions,tp=te.options,op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ap=[],Qt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Er(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Er(wt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Er(Si,{value:"Value",style:{width:300},...o,...a})};Qt.options=tp;Qt.states=jd;Qt.variants=ap;Qt.defaultOptions=ep;Qt.modifiers=op;Qt.className=te.className;import{jsx as Nt,jsxs as Tr}from"react/jsx-runtime";var Ii="k-actionsheet-titlebar",rp={},be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:b,children:g,...m}=e;return Tr("div",{...m,className:n(e.className,Ii),children:[Tr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Nt("div",{className:"k-actionsheet-actions",children:a}),!g&&Tr("div",{className:"k-actionsheet-title",id:b,children:[t&&Nt("div",{className:"k-text-center",children:t}),o&&Nt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Nt("div",{className:"k-actionsheet-title",id:b,children:g}),r&&Nt("div",{className:"k-actionsheet-actions",children:r})]}),(d||l)&&Nt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Nt(te,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Nt(ze,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};be.className=Ii;be.defaultOptions=rp;import{jsx as Ar,jsxs as lp}from"react/jsx-runtime";var Or="k-actionsheet-view",np=[],ip={},sp={},jt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:l,titleId:d,...c}=e,u=r?.type===be&&Ar(be,{adaptive:t,titleId:d,...r?.props}),f=l?.type===gt&&Ar(gt,{...l?.props});return lp("div",{...c,className:n(e.className,Or,{[`${Or}-animated`]:o}),children:[u,Ar("div",{className:"k-actionsheet-content",children:a}),f]})};jt.states=np;jt.options=ip;jt.className=Or;jt.defaultOptions=sp;var Wo="action-sheet",Ma=Wo;var Pr="overlay",yi=Pr;import{jsx as mp}from"react/jsx-runtime";var Ci="k-overlay",dp=[],pp={},cp={},vt=e=>{let{...t}=e;return mp("div",{...t,className:n(e.className,Ci),children:e.children})};vt.states=dp;vt.options=pp;vt.className=Ci;vt.defaultOptions=cp;vt.moduleName=Pr;vt.folderName=yi;import{jsx as Sa,jsxs as bp}from"react/jsx-runtime";var Ei="k-actionsheet",up=[],fp={},Jo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Jo.side,fullscreen:o=Jo.fullscreen,adaptive:a=Jo.adaptive,overlay:r=Jo.overlay,template:l,children:d,header:c,footer:u,id:f,...b}=e,g=f&&!l&&c?`${f}-title`:void 0;return bp("div",{className:"k-actionsheet-container",children:[r&&Sa(vt,{}),Sa(tt,{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:Sa("div",{...b,id:f,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,Ei,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||Sa(jt,{header:c,footer:u,adaptive:a,titleId:g,...e,children:d})})})]})};J.states=up;J.options=fp;J.className=Ei;J.defaultOptions=Jo;J.moduleName=Wo;J.folderName=Ma;J.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as kp}from"react/jsx-runtime";var Ti="k-actionsheet-container",hp=[],xp={},gp={},eo=e=>{let{children:t,...o}=e;return kp("div",{...o,className:Ti,children:t})};eo.states=hp;eo.options=xp;eo.className=Ti;eo.defaultOptions=gp;eo.moduleName=Wo;eo.folderName=Ma;import{jsx as Np}from"react/jsx-runtime";var wr=e=>{let{...t}=e;return Np("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Lp,jsx as Zo,jsxs as Br}from"react/jsx-runtime";var Rr="k-actionsheet-item",vp=[s.hover,s.focus,s.selected,s.disabled],Lt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:l,selected:d,disabled:c,...u}=e;return Br("span",{...u,className:n(e.className,Rr,S(Rr,{hover:r,focus:l,selected:d,disabled:c})),children:[!e.children&&Zo(Lp,{children:Br("span",{className:"k-actionsheet-action",children:[t&&Zo("span",{className:"k-icon-wrap",children:Zo(v,{className:"k-actionsheet-item-icon",icon:t})}),Br("span",{className:"k-actionsheet-item-text",children:[o&&Zo("span",{className:"k-actionsheet-item-title",children:o}),a&&Zo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Lt.states=vp;Lt.className=Rr;import{jsx as rv,jsxs as nv}from"react/jsx-runtime";import{jsx as dv}from"react/jsx-runtime";import{jsx as uv}from"react/jsx-runtime";import{jsx as xv}from"react/jsx-runtime";import{jsx as se,jsxs as Kr}from"react/jsx-runtime";var Mp=J.options,Sp=J.states,Oi={...J.defaultOptions,variant:"normal"},Ip=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],yp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],to=e=>{let{variant:t,modifiers:o,...a}={...Oi,...e},r={},l=Kr(wr,{children:[se(Lt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Lt,{text:"Add to Favorites",iconName:"heart"}),se(Lt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(Lt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":r.actionsStart=!!o?.[u],r.actionsEnd=!!o?.[u];break;case"subtitle":r.subtitle=o?.[u]?d:void 0;break;case"footer":r.footer=!!o?.[u];break;default:break}}),t==="adaptive"?se(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:se(be,{actionsStart:r.actionsStart?se(i,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(i,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?Kr(gt,{alignment:"stretched",children:[se(i,{text:"Cancel",size:"large",themeColor:"base"}),se(i,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):se(J,{...a,fullscreen:r.fullScreen,header:se(be,{actionsStart:r.actionsStart?se(i,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(i,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Kr(gt,{alignment:"stretched",children:[se(i,{text:"Apply",themeColor:"primary"}),se(i,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};to.options=Mp;to.states=Sp;to.variants=Ip;to.defaultOptions=Oi;to.modifiers=yp;to.className=J.className;import _r from"react";import{jsx as Pi}from"react/jsx-runtime";var Cp="k-list-group-sticky-header",Dr=e=>Pi("div",{className:n(Cp,e.className),children:Pi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Tp}from"react/jsx-runtime";var Ep="k-no-data",Ia=e=>{let{live:t,...o}=e;return Tp("span",{...o,className:n(Ep,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Rt="list",oo=Rt;import{jsx as wi,jsxs as Bi}from"react/jsx-runtime";var zr="k-list",Ap=[],Op={size:[p.undefined,p.small,p.medium,p.large]},Pp={},K=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:l,customValue:d,noData:c,screenReaders:u,...f}=e,g=_r.Children.toArray(a)[0],m=g?.props?.children?_r.Children.count(g.props.children):_r.Children.count(a);return Bi("div",{...f,className:n(e.className,zr,E(zr,{size:t}),{"k-virtual-list":o}),children:[l,d,r&&wi(Dr,{children:r}),a||(c!==void 0?c:wi(Ia,{live:!0,children:"No data found."})),u&&a&&Bi(Ia,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};K.states=Ap;K.options=Op;K.className=zr;K.defaultOptions=Pp;K.moduleName=Rt;K.folderName=oo;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Kp}from"react/jsx-runtime";var Ri="k-list-container",wp=[],Bp={},Rp={},ao=e=>{let{...t}=e;return Kp("div",{...t,className:n(e.className,Ri),children:e.children})};ao.states=wp;ao.options=Bp;ao.className=Ri;ao.defaultOptions=Rp;ao.moduleName=Rt;ao.folderName=oo;var Kt="checkbox",ro=Kt;import{jsx as Ki}from"react/jsx-runtime";var ya="k-checkbox",Dp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],_p={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},zp={},He=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:l,disabled:d,invalid:c,valid:u,required:f,size:b,rounded:g,wrapperRole:m,...L}=e;return Ki("span",{className:"k-checkbox-wrap",role:m,children:Ki("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,ya,E(ya,{size:b,rounded:g}),S(ya,{hover:r,focus:l,disabled:d,invalid:c,valid:u,indeterminate:a,checked:o}))})})};He.states=Dp;He.options=_p;He.className=ya;He.defaultOptions=zp;He.moduleName=Kt;He.folderName=ro;He.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 Ye=He;import{jsx as Fp}from"react/jsx-runtime";var Di="k-checkbox-list",Hp=[],Up={},_i={layout:"vertical"},he=e=>{let{layout:t=_i.layout,...o}=e;return Fp("ul",{...o,className:n(e.className,Di,{[`k-list-${t}`]:t}),children:e.children})};he.states=Hp;he.options=Up;he.className=Di;he.defaultOptions=_i;he.moduleName=Kt;he.folderName=ro;import{jsx as Xp}from"react/jsx-runtime";var zi="k-checkbox-list-item",Gp=[],Vp={},$p={},xe=e=>{let{...t}=e;return Xp("li",{...t,className:n(e.className,zi),children:e.children})};xe.states=Gp;xe.options=Vp;xe.className=zi;xe.defaultOptions=$p;xe.moduleName=Kt;xe.folderName=ro;import{Fragment as qp,jsx as Hi,jsxs as Wp}from"react/jsx-runtime";var st=({children:e="Label",id:t="cb-label-after",...o})=>Wp(qp,{children:[Hi(Ye,{id:t,...o}),Hi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as yL,jsx as IL,jsxs as CL}from"react/jsx-runtime";import{Fragment as PL,jsx as OL,jsxs as wL}from"react/jsx-runtime";import{Fragment as _L,jsx as DL,jsxs as zL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as Ue,jsxs as Ui}from"react/jsx-runtime";var Jp=he.options,Zp=he.states,Yp={...he.defaultOptions,variant:"vertical"},Qp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],jp=[],no=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ui(he,{layout:"horizontal",...o,children:[Ue(xe,{children:Ue(st,{id:H("cb"),defaultChecked:!0,children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})})]}):Ui(he,{...o,children:[Ue(xe,{children:Ue(st,{id:H("cb"),defaultChecked:!0,children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})})]})};no.options=Jp;no.states=Zp;no.variants=Qp;no.defaultOptions=Yp;no.modifiers=jp;no.className=he.className;import{jsx as nc}from"react/jsx-runtime";var ec=Ye.options,tc=Ye.states,oc=Ye.defaultOptions,ac=[],rc=[],io=e=>nc(st,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});io.options=ec;io.states=tc;io.variants=ac;io.defaultOptions=oc;io.modifiers=rc;io.className=Ye.className;import{jsx as Dt,jsxs as dc}from"react/jsx-runtime";var Hr="k-list-item",ic=[s.hover,s.focus,s.selected,s.disabled],sc={},lc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:l,showCheckbox:d,checked:c,hover:u,focus:f,selected:b,disabled:g,actions:m,description:L,id:k,...I}=e,C=t||e.children;return dc("li",{...I,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:n(e.className,a?"k-list-group-item":Hr,S(Hr,{hover:u,focus:f,disabled:g,selected:b})),children:[d&&Dt(He,{checked:c}),r&&Dt("span",{className:"k-list-item-icon-wrapper",children:Dt(v,{icon:r,className:n("k-list-item-icon",l)})}),Dt("span",{className:"k-list-item-text",children:C}),m&&Dt("div",{className:"k-list-item-actions",children:m}),L&&Dt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Dt("div",{className:"k-list-item-group-label",children:o})]})};O.states=ic;O.options=sc;O.className=Hr;O.defaultOptions=lc;O.moduleName=Rt;O.folderName=oo;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as cc}from"react/jsx-runtime";var pc="k-list-ul",lt=e=>{let{children:t,role:o,id:a,...r}=e;return cc("ul",{...r,id:a,role:o,className:n(pc,e.className),children:t})};lt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Ur,jsxs as uc}from"react/jsx-runtime";var mc="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:l,...d}=e;return uc("div",{...d,className:n(mc,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Ur(lt,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Ur("div",{className:"k-height-container",children:Ur("div",{})})]})};F.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as UM,jsx as HM,jsxs as FM}from"react/jsx-runtime";import{jsx as Fr,jsxs as bc}from"react/jsx-runtime";var fc="k-list-group-item",_t=e=>{let{groupIconName:t,...o}=e;return bc("li",{...o,role:"presentation",className:n(fc,e.className),children:[t&&Fr("span",{className:"k-list-item-icon-wrapper",children:Fr(v,{icon:t,className:"k-list-item-icon"})}),Fr("span",{className:"k-list-item-text",children:e.children})]})};_t.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as kc}from"react/jsx-runtime";var Gr="k-list-optionlabel",hc=[s.hover,s.focus,s.selected,s.disabled],xc={},gc={},Ca=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...d}=e;return kc("div",{...d,className:n(Gr,S(Gr,{hover:o,focus:a,selected:r,disabled:l})),children:t})};Ca.states=hc;Ca.options=xc;Ca.className=Gr;Ca.defaultOptions=gc;import{jsx as Mc}from"react/jsx-runtime";var Vr="k-list-custom-value",Nc=[s.hover,s.focus,s.selected,s.disabled],vc={},Lc={},Mt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...d}=e;return Mc("div",{...d,className:n(Vr,S(Vr,{hover:o,focus:a,selected:r,disabled:l})),children:t})};Mt.states=Nc;Mt.options=vc;Mt.className=Vr;Mt.defaultOptions=Lc;import{Fragment as rS,jsx as aS,jsxs as nS}from"react/jsx-runtime";import{Fragment as cS,jsx as pS,jsxs as mS}from"react/jsx-runtime";import{Fragment as kS,jsx as xS,jsxs as gS}from"react/jsx-runtime";import{Fragment as yS,jsx as SS,jsxs as IS}from"react/jsx-runtime";import{jsx as AS}from"react/jsx-runtime";import{Fragment as KS,jsx as RS,jsxs as DS}from"react/jsx-runtime";var $r="combobox",Fi=$r;import{Fragment as Xr,jsx as oe,jsxs as Yo}from"react/jsx-runtime";var Gi="k-combobox",Sc=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Ic={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Vi={separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Vi.separators,prefix:l,suffix:d,value:c,placeholder:u,hover:f,focus:b,valid:g,invalid:m,required:L,loading:k,disabled:I,popup:C,opened:M,readonly:P,adaptive:q,adaptiveSettings:U,adaptiveTitle:me,adaptiveSubtitle:ue,adaptiveCustomValue:ye,id:Pt,autocomplete:ja,activeDescendant:ht,"aria-label":ua,...er}=e,tr=Pt?`${Pt}-listbox`:void 0;return Yo(Xr,{children:[Yo(Q,{...er,size:t,rounded:o,fillMode:a,hover:f,focus:b,valid:g,invalid:m,required:L,loading:k,disabled:I,readonly:P,className:n(e.className,Gi),children:[l&&Yo(Xr,{children:[oe(Ke,{children:l}),r&&oe(_e,{})]}),oe(Ee,{id:Pt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?tr:void 0,"aria-activedescendant":M&&ht?ht:void 0,"aria-autocomplete":ja,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":ua,disabled:I,readOnly:P}),oe(fe,{valid:g,invalid:m,loading:k,disabled:I}),oe(ve,{loading:k,disabled:I}),oe(Ce,{loading:k,disabled:I,readonly:P,value:c}),d&&Yo(Xr,{children:[r&&oe(_e,{}),oe(De,{children:d})]}),oe(i,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),M&&C&&oe(V,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),q&&oe(J,{adaptive:!0,id:Pt?`${Pt}-adaptive`:void 0,...U,header:oe(be,{actionsEnd:oe(i,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:me,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:ye?oe(Mt,{text:`Use "${c}"`}):void 0,size:"large",children:Yo(F,{"aria-label":me||"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};$.states=Sc;$.options=Ic;$.className=Gi;$.defaultOptions=Vi;$.moduleName=$r;$.folderName=Fi;$.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Te=$;import{jsx as yc}from"react/jsx-runtime";var $i=e=>yc(Te,{...e});import{jsx as NI,jsxs as vI}from"react/jsx-runtime";import{jsx as CI,jsxs as EI}from"react/jsx-runtime";import{jsx as BI,jsxs as RI}from"react/jsx-runtime";import{Fragment as UI,jsx as HI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI}from"react/jsx-runtime";import{jsx as jI,jsxs as ey}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as sy}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as hy}from"react/jsx-runtime";import{jsx as Ly,jsxs as My}from"react/jsx-runtime";import{jsx as Ty,jsxs as Ay}from"react/jsx-runtime";import{jsx as St,jsxs as Pc}from"react/jsx-runtime";var Cc=$.states,Ec=$.defaultOptions,Tc=$.options,Ac=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Oc=[],so=e=>{let{modifiers:t,...o}=e,a={},r=St(K,{style:{width:300},size:o.size,children:Pc(F,{children:[St(O,{children:"List item"}),St(O,{children:"List item"}),St(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?St(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?St(xt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?r:void 0;break;default:break}}),St("div",{children:St($i,{value:"Value",style:{width:300},...o,...a})})};so.options=Tc;so.states=Cc;so.variants=Oc;so.defaultOptions=Ec;so.modifiers=Ac;so.className=$.className;var qr="dropzone",Xi=qr;import{jsx as Ea,jsxs as Rc}from"react/jsx-runtime";var Wr="k-external-dropzone",wc=[s.disabled,s.hover],Bc={},Jr={icon:"upload",hint:"Drag and drop files here to upload"},Le=e=>{let{hover:t,disabled:o,icon:a=Jr.icon,hint:r=Jr.hint,note:l,...d}=e;return Ea("div",{...d,className:n(e.className,Wr,S(Wr,{disabled:o}),{"k-external-dropzone-hover":t}),children:Rc("div",{className:"k-dropzone-inner",children:[a&&Ea(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&Ea("span",{className:"k-dropzone-hint",children:r}),l&&Ea("span",{className:"k-dropzone-note",children:l})]})})};Le.states=wc;Le.options=Bc;Le.className=Wr;Le.defaultOptions=Jr;Le.moduleName=qr;Le.folderName=Xi;import{jsx as Kc}from"react/jsx-runtime";var Ta=e=>Kc(Le,{...e});import{jsx as mC}from"react/jsx-runtime";import{jsx as Fc}from"react/jsx-runtime";var Dc=Le.options,_c=Le.states,zc=Le.defaultOptions,Hc=[{name:"note",title:"Note"}],Uc=[],lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="note"&&(a.note=t?.[r]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),Fc(Ta,{style:{width:"500px"},...o,...a})};lo.options=Dc;lo.states=_c;lo.variants=Uc;lo.defaultOptions=zc;lo.modifiers=Hc;lo.className=Le.className;var Zr="menu-button",qi=Zr;import{jsx as $c}from"react/jsx-runtime";var Wi="k-menu-button",Gc=[s.hover,s.focus,s.active,s.selected,s.disabled],Vc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Yr={showArrow:!0,arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,showArrow:m=Yr.showArrow,arrowIconName:L=Yr.arrowIconName,expanded:k,...I}=e;return $c(i,{...I,className:n(e.className,Wi),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,icon:b,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!g&&b&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};w.states=Gc;w.options=Vc;w.className=Wi;w.defaultOptions=Yr;w.moduleName=Zr;w.folderName=qi;w.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as PC}from"react/jsx-runtime";import{jsx as KC}from"react/jsx-runtime";import{jsx as HC}from"react/jsx-runtime";var Ae="menu",Fe=Ae;import{jsx as Qo,jsxs as Ji}from"react/jsx-runtime";var Qr="k-menu-item",Xc=[s.hover,s.focus,s.active,s.selected,s.disabled],qc={},Zi={iconPosition:"before"},le=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=Zi.iconPosition,dir:L,children:k,expanded:I,...C}=e,M=g;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),Ji("li",{...C,className:n(e.className,Qr,"k-item",S(Qr,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":I?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ji("span",{className:n("k-link k-menu-link"),children:[d&&m==="before"&&Qo(v,{className:"k-menu-link-icon",icon:d}),Qo("span",{className:"k-menu-link-text",children:c}),d&&m==="after"&&Qo(v,{className:"k-menu-link-icon",icon:d}),b&&Qo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Qo(v,{icon:M})})]}),k]})};le.states=Xc;le.options=qc;le.className=Qr;le.defaultOptions=Zi;le.moduleName=Ae;le.folderName=Fe;import{jsx as jo,jsxs as Yi}from"react/jsx-runtime";var jr="k-menu-item",Wc=[s.hover,s.focus,s.active,s.selected,s.disabled],Jc={},en={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=en.iconPosition,dir:L=en.dir,children:k,popup:I,expanded:C,...M}=e,P=g;return P||(P=L==="rtl"?"chevron-left":"chevron-right"),Yi("li",{...M,className:n(e.className,jr,"k-item",S(jr,{focus:o,disabled:l}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":C?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Yi("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[d&&m==="before"&&jo(v,{className:"k-menu-link-icon",icon:d}),jo("span",{className:"k-menu-link-text",children:c}),d&&m==="after"&&jo(v,{className:"k-menu-link-icon",icon:d}),b&&jo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:jo(v,{icon:P})})]}),k,I]})};W.states=Wc;W.options=Jc;W.className=jr;W.defaultOptions=en;W.moduleName=Ae;W.folderName=Fe;import{jsx as jc}from"react/jsx-runtime";var Qi="k-menu-scroll-wrapper",Zc=[],Yc={},Qc={},zt=e=>{let{className:t,children:o,orientation:a,...r}=e;return jc("div",{...r,className:n(t,Qi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};zt.states=Zc;zt.options=Yc;zt.className=Qi;zt.defaultOptions=Qc;zt.moduleName=Ae;zt.folderName=Fe;var ji=zt;import{Fragment as tn,jsx as Ht,jsxs as Oa}from"react/jsx-runtime";var on="k-menu",em=[],tm={},Pa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Pa.orientation,header:a=Pa.header,scrollable:r,scrollButtonsPosition:l=Pa.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:u,contextMenu:f,...b}=e,g={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=Ht("ul",{dir:c,...b,className:n(e.className,"k-reset",on,{[`${on}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Oa(tn,{children:[r?Oa(ji,{orientation:o,style:d,dir:e.dir,children:[l==="start"&&Oa(tn,{children:[Ht(i,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ht(i,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Ht(i,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,l==="end"&&Oa(tn,{children:[Ht(i,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ht(i,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Ht(i,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=em;re.options=tm;re.className=on;re.defaultOptions=Pa;re.moduleName=Ae;re.folderName=Fe;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as om}from"react/jsx-runtime";var an="k-separator",es={orientation:"horizontal"},po=e=>{let{orientation:t=es.orientation,...o}=e;return om("li",{...o,className:n(e.className,"k-item",an,{[`${an}-${t}`]:t}),role:"separator"})};po.className=an;po.defaultOptions=es;po.moduleName=Ae;po.folderName=Fe;import{Fragment as bE,jsx as hE}from"react/jsx-runtime";import{jsx as im}from"react/jsx-runtime";var rn="k-menu-group",am=[],rm={size:[p.undefined,p.small,p.medium,p.large]},nm={},de=e=>{let{children:t,size:o,...a}=e;return im("ul",{...a,className:n(e.className,rn,E(rn,{size:o})),role:"menu",children:t})};de.states=am;de.options=rm;de.className=rn;de.defaultOptions=nm;de.moduleName=Ae;de.folderName=Fe;import{Fragment as sm,jsx as co,jsxs as lm}from"react/jsx-runtime";var nn=e=>co(re,{children:lm(sm,{children:[co(le,{first:!0,text:"Item 1"}),co(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),co(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),co(le,{text:"Item 4"}),co(le,{last:!0,text:"Item 5"})]}),...e});import{Fragment as AE,jsx as EE,jsxs as TE}from"react/jsx-runtime";import{Fragment as RE,jsx as BE,jsxs as KE}from"react/jsx-runtime";import{Fragment as UE,jsx as HE,jsxs as FE}from"react/jsx-runtime";import{Fragment as qE,jsx as XE,jsxs as WE}from"react/jsx-runtime";import{jsx as Ut,jsxs as um}from"react/jsx-runtime";var dm={...re.options,scrollable:{type:"boolean"}},pm=re.states,ts={...re.defaultOptions,variant:"horizontal"},cm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mm=[{name:"opened",title:"Opened"}],mo=e=>{let{variant:t,modifiers:o,...a}={...ts,...e},r={};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=Ut(V,{className:"k-menu-popup",children:um(de,{children:[Ut(W,{text:"Item 1"}),Ut(W,{text:"Item 2"}),Ut(po,{}),Ut(W,{text:"Item 3"})]})}))}),t==="vertical"?Ut(nn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Ut(nn,{...a,...r})};mo.options=dm;mo.states=pm;mo.variants=cm;mo.defaultOptions=ts;mo.modifiers=mm;mo.className=re.className;import{Fragment as yT,jsx as ST,jsxs as IT}from"react/jsx-runtime";import{jsx as AT}from"react/jsx-runtime";import{Fragment as gm,jsx as ot,jsxs as os}from"react/jsx-runtime";var fm=i.states,as={...i.defaultOptions,variant:"text"},bm=i.options,hm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xm=[{name:"opened",title:"Opened"}],uo=e=>{let{variant:t,modifiers:o,...a}={...as,...e},r={},l=ot(V,{className:"k-menu-popup",children:os(de,{size:a.size,children:[ot(W,{first:!0,text:"Menu Item"}),ot(W,{text:"Menu Item"}),ot(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=ot("div",{children:ot(w,{...a,...r,icon:"star"})});break;case"icon-and-text":d=ot("div",{children:ot(w,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=ot("div",{children:ot(w,{...a,...r,children:"Dropdown Button"})});break}return os(gm,{children:[d,o?.opened&&l]})};uo.options=bm;uo.states=fm;uo.variants=hm;uo.defaultOptions=as;uo.modifiers=xm;uo.className=w.className;var rs="dropdown-list",ns="dropdownlist";import{Fragment as vm,jsx as ge,jsxs as sn}from"react/jsx-runtime";var is="k-dropdownlist",km=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Nm={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ln={showValue:!0,arrowIconName:"chevron-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ln.arrowIconName,showValue:l=ln.showValue,valueIconName:d,prefix:c,suffix:u,value:f,placeholder:b,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,popup:q,opened:U,adaptive:me,adaptiveSettings:ue,adaptiveTitle:ye,adaptiveSubtitle:Pt,adaptiveFilter:ja,id:ht,activeDescendant:ua,"aria-label":er,...tr}=e,gl=ht?`${ht}-listbox`:void 0,Hn=ht?`${ht}-value`:void 0;return sn(vm,{children:[sn(je,{...tr,id:ht,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,className:n(e.className,is,{"k-icon-picker":!l&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":U?"true":"false","aria-controls":U?gl:void 0,"aria-activedescendant":U&&ua?ua:void 0,"aria-describedby":U?Hn:void 0,"aria-disabled":M?"true":void 0,"aria-label":er,tabIndex:0,children:[ge(Ke,{children:c}),ge(Bt,{placeholder:b,value:f,showValue:l,valueIconName:d,id:Hn}),ge(fe,{valid:L,invalid:k,loading:C,disabled:M}),ge(ve,{loading:C,disabled:M}),ge(De,{children:u}),ge(i,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),U&&q&&ge(V,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:q}),me&&ge(J,{adaptive:!0,...ue,header:ge(be,{actionsEnd:ge(i,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ja,inputValue:f,inputPlaceholder:b,title:ye,subtitle:Pt}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:sn(F,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};Z.states=km;Z.options=Nm;Z.className=is;Z.defaultOptions=ln;Z.moduleName=rs;Z.folderName=ns;Z.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as lA}from"react/jsx-runtime";import{jsx as fA,jsxs as bA}from"react/jsx-runtime";import{Fragment as SA,jsx as LA,jsxs as MA}from"react/jsx-runtime";import{jsx as TA}from"react/jsx-runtime";import{jsx as RA,jsxs as KA}from"react/jsx-runtime";import{Fragment as $A,jsx as GA,jsxs as VA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{Fragment as Cm,jsx as It,jsxs as ss}from"react/jsx-runtime";var Lm=Z.states,Mm=Z.defaultOptions,Sm=Z.options,Im=[{name:"opened",title:"Opened"}],ym=[],bo=e=>{let{modifiers:t,...o}=e,a={},r=ss(Cm,{children:[It("div",{className:"k-list-filter",children:It(ze,{})}),It(K,{style:{width:300},size:o.size,children:ss(F,{children:[It(O,{children:"List item"}),It(O,{children:"List item"}),It(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?r:void 0)}),It("div",{children:It(Z,{placeholder:"Value",style:{width:300},...o,...a})})};bo.options=Sm;bo.states=Lm;bo.variants=ym;bo.defaultOptions=Mm;bo.modifiers=Im;bo.className=Z.className;import{jsx as ls,jsxs as Pm}from"react/jsx-runtime";var ds="k-spin-button",Am=[],Om={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},dn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=dn.increaseLabel,decreaseLabel:l=dn.decreaseLabel,...d}=e;return Pm("span",{...d,className:n(ds,e.className),children:[ls(i,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),ls(i,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};yt.states=Am;yt.options=Om;yt.className=ds;yt.defaultOptions=dn;yt.moduleName=null;yt.folderName=null;var ps="numeric-textbox",cs="numerictextbox";import{Fragment as ms,jsx as dt,jsxs as pn}from"react/jsx-runtime";var us="k-numerictextbox",wm=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Bm={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wa={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=wa.separators,showClearButton:l=wa.showClearButton,showSpinButton:d=wa.showSpinButton,prefix:c,suffix:u,value:f,placeholder:b,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,id:q,"aria-label":U,"aria-describedby":me,...ue}=e;return pn(Q,{...ue,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,className:n(e.className,us),children:[c&&pn(ms,{children:[dt(Ke,{children:c}),r&&dt(_e,{})]}),dt(Ee,{id:q,placeholder:b,value:f,role:"spinbutton",disabled:M,"aria-label":U,"aria-describedby":me,"aria-invalid":k?"true":void 0}),dt(fe,{valid:L,invalid:k,loading:C,disabled:M}),dt(ve,{loading:C,disabled:M}),l&&dt(Ce,{loading:C,disabled:M,readonly:P,value:f}),u&&pn(ms,{children:[r&&dt(_e,{}),dt(De,{children:u})]}),d&&dt(yt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};z.states=wm;z.options=Bm;z.className=us;z.defaultOptions=wa;z.moduleName=ps;z.folderName=cs;z.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 ea=z;import{jsx as Rm}from"react/jsx-runtime";var fs=e=>Rm(ea,{...e});import{Fragment as KO,jsx as RO}from"react/jsx-runtime";import{Fragment as FO,jsx as UO}from"react/jsx-runtime";import{jsx as XO}from"react/jsx-runtime";import{jsx as cn}from"react/jsx-runtime";var Km=z.states,Dm=z.defaultOptions,_m=z.options,zm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Hm=[],ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?cn(Z,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?cn(gr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),cn(fs,{value:"Value",style:{width:300},...o,...a})};ho.options=_m;ho.states=Km;ho.variants=Hm;ho.defaultOptions=Dm;ho.modifiers=zm;ho.className=z.className;var mn="pager",bs=mn;import{Fragment as hs,jsx as Me,jsxs as xo}from"react/jsx-runtime";var Ba="k-pager",Um=[s.focus,s.disabled],Fm={size:[p.undefined,p.small,p.medium,p.large]},Oe={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},j=e=>{let{responsive:t=Oe.responsive,size:o,pagerSizeInfo:a=Oe.pagerSizeInfo,pageTitleInfo:r=Oe.pageTitleInfo,maxPagesInfo:l=Oe.maxPagesInfo,itemsPerPage:d=Oe.itemsPerPage,maxPages:c=Oe.maxPages,currentPage:u=Oe.currentPage,previousNext:f=Oe.previousNext,type:b=Oe.type,pageSizes:g=Oe.pageSizes,refresh:m=Oe.refresh,info:L=Oe.info,focus:k,disabled:I,dir:C,...M}=e,P=[],q=[];for(let U=1;U<=c;U++)P.push(Me(i,{selected:U===u,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${U}`,...U===u&&{"aria-current":"page"},children:U},U)),q.push(Me("option",{selected:U===u,children:U},U));return xo("div",{dir:C,...M,className:n(e.className,Ba,E(Ba,{size:o}),S(Ba,{focus:k,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${u} of ${c}`,children:[xo("div",{className:n("k-pager-numbers-wrap"),children:[f&&xo(hs,{children:[Me(i,{className:n("k-pager-nav","k-pager-first"),ariaDisabled:u===1,fillMode:"flat",size:o,icon:C==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Me(i,{className:n("k-pager-nav"),ariaDisabled:u===1,fillMode:"flat",size:o,icon:C==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),b==="numeric"&&Me("div",{className:n("k-pager-numbers"),children:P}),b==="input"&&xo("span",{className:n("k-pager-input"),children:[r&&Me("span",{children:"Page"}),Me(z,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Me("span",{children:l&&`of ${c}`})]}),f&&xo(hs,{children:[Me(i,{className:n("k-pager-nav"),ariaDisabled:u===c,fillMode:"flat",size:o,icon:C==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),Me(i,{className:n("k-pager-nav","k-pager-last"),ariaDisabled:u===c,fillMode:"flat",size:o,icon:C==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),g&&xo("span",{className:n("k-pager-sizes"),children:[Me(Z,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&Me("span",{children:"items per page"})]}),m&&Me(i,{className:n("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),L&&Me("span",{className:n("k-pager-info"),children:L})]})};j.states=Um;j.options=Fm;j.className=Ba;j.defaultOptions=Oe;j.moduleName=mn;j.folderName=bs;j.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as gP}from"react/jsx-runtime";import{jsx as Gm}from"react/jsx-runtime";var ta=e=>Gm(j,{type:"input",responsive:!1,...e});import{jsx as IP}from"react/jsx-runtime";import{jsx as xs}from"react/jsx-runtime";var Vm=j.options,$m=j.states,Xm={...j.defaultOptions,variant:"numeric"},qm=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Wm=[],go=e=>{let{variant:t,...o}=e;return t==="input"?xs(j,{...o,type:"input"}):xs(j,{...o,type:"numeric"})};go.options=Vm;go.states=$m;go.variants=qm;go.defaultOptions=Xm;go.modifiers=Wm;go.className=j.className;import{jsx as gs,jsxs as Ym}from"react/jsx-runtime";var ks="k-color-preview",Jm=[],Zm={},Ct=e=>{let{color:t,iconName:o,...a}=e;return Ym("span",{...a,className:n(e.className,ks,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&gs(v,{icon:o,className:"k-color-preview-icon"}),gs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ct.states=Jm;Ct.options=Zm;Ct.className=ks;var un="slider",Ns=un;import{jsx as ko,jsxs as fn}from"react/jsx-runtime";var oa="k-slider",Qm=[s.hover,s.focus,s.active,s.disabled,s.readonly],jm={},Ge={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},G=e=>{let{type:t=Ge.type,orientation:o=Ge.orientation,gradientType:a=Ge.gradientType,readonly:r=Ge.readonly,disabled:l=Ge.disabled,handlePosition:d=Ge.handlePosition,showButtons:c=Ge.showButtons,showTicks:u=Ge.showTicks,value:f=Ge.value,min:b=Ge.min,max:g=Ge.max,startValue:m,endValue:L,hover:k,focus:I,active:C,trackStyle:M,dir:P,...q}=e,me=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ue,ye;return o==="horizontal"?(ue=P==="rtl"?"chevron-left":"chevron-right",ye=P==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ue="chevron-up",ye="chevron-down"),fn("div",{...q,className:n(oa,e.className,S(oa,{readonly:r,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:P,children:[c&&ko(i,{className:"k-button-decrease",rounded:"full",icon:ye,tabIndex:-1,title:"Decrease"}),fn("div",{className:"k-slider-track-wrap",children:[u&&ko("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),fn("div",{className:"k-slider-track",style:M,children:[ko("div",{className:"k-slider-selection"}),t==="range"&&ko("span",{className:n("k-draghandle","k-draghandle-start",S(oa,{hover:k,focus:I,active:C})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":m??b,"aria-valuemin":b,"aria-valuemax":L??g,"aria-orientation":me,"aria-disabled":l?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),ko("span",{className:n("k-draghandle",`k-draghandle-${d}`,S(oa,{hover:k,focus:I,active:C})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?m??b:b,"aria-valuemax":g,"aria-orientation":me,"aria-disabled":l?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?q["aria-label"]?`${q["aria-label"]} end`:"Range end":q["aria-label"]})]})]}),c&&ko(i,{className:"k-button-increase",rounded:"full",icon:ue,tabIndex:-1,title:"Increase"})]})};G.states=Qm;G.options=jm;G.className=oa;G.defaultOptions=Ge;G.moduleName=un;G.folderName=Ns;G.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as vs}from"react/jsx-runtime";var Ls="k-tick",eu=[],tu={},Ms={label:!1},T=e=>{let{style:t,label:o=Ms.label,orientation:a,large:r,text:l,...d}=e;return vs("li",{...d,role:"presentation",title:l||"Tick",className:n(e.className,Ls,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&vs("span",{className:"k-label",children:l})})};T.states=eu;T.options=tu;T.className=Ls;T.defaultOptions=Ms;import{Fragment as ou,jsx as Ve,jsxs as au}from"react/jsx-runtime";var Ss=e=>Ve(G,{"aria-label":e["aria-label"]||"Slider",children:au(ou,{children:[Ve(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{label:!0,large:!0,text:"5"}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as ru,jsx as $e,jsxs as nu}from"react/jsx-runtime";var Is=e=>$e(G,{children:nu(ru,{children:[$e(T,{className:"k-first",label:!0,large:!0,text:"0"}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{label:!0,large:!0,text:"5"}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as sw,jsx as iw,jsxs as lw}from"react/jsx-runtime";import{Fragment as uw,jsx as mw,jsxs as fw}from"react/jsx-runtime";import{jsx as iu}from"react/jsx-runtime";var bn=e=>iu(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as su}from"react/jsx-runtime";var hn=e=>su(G,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Iw,jsx as Sw,jsxs as yw}from"react/jsx-runtime";import{Fragment as Ow,jsx as Aw,jsxs as Pw}from"react/jsx-runtime";import{jsx as at,jsxs as ys}from"react/jsx-runtime";var lu=G.options,du=G.states,Cs={...G.defaultOptions,variant:"horizontal",label:!0},pu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],No=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={};Object.keys(o||{}).forEach(f=>{switch(f){case"button":{r.showButtons=!!o?.[f];break}case"label":{r.label=!!o?.[f];break}case"tick":{r.showTicks=!!o?.[f];break}}});let{label:l=!0,showButtons:d,showTicks:c}=r,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ys(Is,{showTicks:c,showButtons:d,style:{height:"300px",...u},...a,children:[at(T,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ys(Ss,{showTicks:c,showButtons:d,style:{width:"400px",...u},...a,children:[at(T,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};No.options=lu;No.states=du;No.variants=pu;No.defaultOptions=Cs;No.modifiers=cu;No.className=G.className;import{Fragment as aa,jsx as B,jsxs as ee}from"react/jsx-runtime";var Es="k-colorgradient-inputs",mu=[],uu={size:[p.undefined,p.small,p.medium,p.large]},Ts={mode:"rgba"},vo=e=>{let{mode:t=Ts.mode,size:o,...a}=e;return ee("div",{...a,className:n(Es,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(i,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(aa,{children:ee("div",{className:"k-vstack k-flex-1",children:[B(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};vo.states=mu;vo.options=uu;vo.className=Es;vo.defaultOptions=Ts;import{jsx as Ft,jsxs as Gt}from"react/jsx-runtime";var As="k-colorgradient-color-contrast",fu=[],bu={},hu={},Lo=()=>Gt("div",{className:n(As,"k-vbox"),children:[Gt("div",{className:"k-contrast-ratio",children:[Ft("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:[Ft(v,{icon:"check"}),Ft(v,{icon:"check"})]})]}),Gt("div",{children:[Ft("span",{children:"AA: 4.5"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ft(v,{icon:"check"})]})]}),Gt("div",{children:[Ft("span",{children:"AAA: 7.0"}),Gt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ft(v,{icon:"x"})]})]})]});Lo.states=fu;Lo.options=bu;Lo.className=As;Lo.defaultOptions=hu;var Os="color-gradient",Ps="colorgradient";import{jsx as Xe,jsxs as ra}from"react/jsx-runtime";var Ra="k-colorgradient",xu=[s.hover,s.focus,s.readonly,s.disabled],gu={size:[p.undefined,p.small,p.medium,p.large]},rt={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"},ne=e=>{let{size:t,mode:o=rt.mode,readonly:a=rt.readonly,disabled:r=rt.disabled,gradientStyle:l=rt.gradientStyle,dragHandleStyle:d=rt.dragHandleStyle,alphaStyle:c=rt.alphaStyle,alphaStyleHorizontal:u=rt.alphaStyleHorizontal,contrast:f=rt.contrast,dir:b,hover:g,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:I=rt.canvasOrientation,role:C,tabIndex:M,...P}=e;return ra("div",{...P,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":r?"true":void 0,className:n(e.className,Ra,E(Ra,{size:t}),S(Ra,{hover:g,focus:m,readonly:a,disabled:r})),dir:b,children:[!I||I==="horizontal"&&ra("div",{className:"k-colorgradient-canvas k-hstack",children:[Xe("div",{className:"k-hsv-rectangle",style:l,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ra("div",{className:"k-hsv-controls k-hstack",children:[Xe(hn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Xe(hn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),I==="vertical"&&ra("div",{className:"k-colorgradient-canvas k-vstack",children:[Xe("div",{className:"k-hsv-rectangle",style:l,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ra("div",{className:"k-hsv-controls k-vstack",children:[Xe(bn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Xe(bn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Xe(vo,{mode:e.mode,size:t}),f&&Xe(Lo,{})]})};ne.states=xu;ne.options=gu;ne.className=Ra;ne.defaultOptions=rt;ne.moduleName=Os;ne.folderName=Ps;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as ku}from"react/jsx-runtime";var Ka=e=>ku(ne,{...e});import{jsx as LB}from"react/jsx-runtime";import{jsx as yB}from"react/jsx-runtime";import{jsx as xn}from"react/jsx-runtime";var Nu=ne.options,vu=ne.states,Lu={...ne.defaultOptions,variant:"rgba"},Mu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Su=[],Mo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return xn(Ka,{...o,mode:t});case"rgb":return xn(Ka,{...o,mode:t});default:return xn(Ka,{...o,mode:t})}};Mo.options=Nu;Mo.states=vu;Mo.variants=Mu;Mo.defaultOptions=Lu;Mo.modifiers=Su;Mo.className=ne.className;import{jsx as Iu}from"react/jsx-runtime";var gn=e=>Iu("tr",{role:"row",children:e.children});import{jsx as Eu}from"react/jsx-runtime";var kn="k-colorpalette-tile",yu=[s.hover,s.focus,s.selected],Cu={},So=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:l,...d}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Eu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:n(e.className,kn,S(kn,{hover:a,focus:r,selected:l})),style:c})};So.states=yu;So.options=Cu;So.className=kn;var ws="color-palette",Bs="colorpalette";import{jsx as na}from"react/jsx-runtime";var Da="k-colorpalette",Tu=[s.disabled],Au={size:[p.undefined,p.small,p.medium,p.large]},Rs={columns:10},ke=e=>{let{size:t,palette:o,columns:a=Rs.columns,tileSize:r,disabled:l,...d}=e,c=[];if(o){let u=a||o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(b,g)=>{let m=[];f.slice(g*u,(g+1)*u).map((k,I)=>{m.push(na(So,{color:k,tileSize:r},I))});let L=na(gn,{children:m},g);c.push(L)})}return na("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:n(e.className,Da,S(Da,{disabled:l}),E(Da,{size:t})),children:na("table",{className:"k-colorpalette-table",role:"none",children:na("tbody",{children:c.length>0?c:e.children})})})};ke.states=Tu;ke.options=Au;ke.className=Da;ke.defaultOptions=Rs;ke.moduleName=ws;ke.folderName=Bs;ke.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 _a=ke;var ia={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Ou}from"react/jsx-runtime";var Ks=e=>Ou(_a,{palette:ia.basic,...e});import{jsx as sR}from"react/jsx-runtime";import{jsx as uR,jsxs as fR}from"react/jsx-runtime";import{jsx as _u}from"react/jsx-runtime";var Pu=ke.options,wu=ke.states,Bu={...ke.defaultOptions,variant:"basic"},Ru=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ku={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}},Du=[],Io=e=>{let{variant:t="basic",...o}=e,a=Ku[t];return _u(Ks,{columns:a.columns,palette:a,...o})};Io.options=Pu;Io.states=wu;Io.variants=Ru;Io.defaultOptions=Bu;Io.modifiers=Du;Io.className=ke.className;var Ds="color-editor",_s="coloreditor";import{jsx as qe,jsxs as yo}from"react/jsx-runtime";var za="k-coloreditor",zu=[s.focus],Hu={size:[p.undefined,p.small,p.medium,p.large]},sa={view:"gradient",palette:ia.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=sa.view,palette:a=sa.palette,color:r,currentColor:l,focus:d,focusView:c,dir:u,group:f,actionButtons:b=sa.actionButtons,canvasOrientation:g=sa.canvasOrientation,...m}=e;return yo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",za,E(za,{size:t}),S(za,{focus:d})),dir:u,children:[yo("div",{className:"k-coloreditor-header k-hstack",children:[qe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&yo(y,{fillMode:"flat",children:[qe(i,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),qe(i,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),qe("div",{className:"k-spacer"}),yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[qe(i,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),yo("div",{className:"k-coloreditor-preview k-vstack",children:[qe(Ct,{className:"k-coloreditor-preview-color",color:r}),qe(Ct,{className:"k-coloreditor-current-color",color:l})]})]})]}),qe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?qe(ne,{focus:c,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):qe(ke,{palette:a,size:t})}),b&&yo(Ze,{className:"k-coloreditor-footer",alignment:"start",children:[qe(i,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),qe(i,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=zu;Y.options=Hu;Y.className=za;Y.defaultOptions=sa;Y.moduleName=Ds;Y.folderName=_s;Y.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 Co=Y;import{jsx as GR}from"react/jsx-runtime";import{jsx as qR}from"react/jsx-runtime";import{jsx as Uu}from"react/jsx-runtime";var zs=e=>Uu(Co,{group:!0,currentColor:"fuchsia",...e});import{jsx as Fu}from"react/jsx-runtime";var Hs=e=>Fu(Co,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Us}from"react/jsx-runtime";var Gu=Y.options,Vu=Y.states,$u={...Y.defaultOptions,variant:"gradient"},Xu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],qu=[],Eo=e=>{let{variant:t,...o}=e;return t==="palette"?Us(Hs,{...o,color:"white"}):Us(zs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Eo.options=Gu;Eo.states=Vu;Eo.variants=Xu;Eo.defaultOptions=$u;Eo.modifiers=qu;Eo.className=Y.className;var Fs="color-picker",Gs="colorpicker";import{Fragment as Zu,jsx as We,jsxs as Nn}from"react/jsx-runtime";var Vs="k-colorpicker",Wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Ju={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},$s={arrowIconName:"chevron-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=$s.arrowIconName,prefix:l,suffix:d,value:c,placeholder:u,hover:f,focus:b,valid:g,invalid:m,required:L,disabled:k,valueIconName:I,popup:C,opened:M,adaptive:P,adaptiveSettings:q,adaptiveTitle:U,adaptiveSubtitle:me,...ue}=e,ye="colorpicker-popup";return Nn(Zu,{children:[Nn(je,{...ue,size:t,rounded:o,fillMode:a,hover:f,focus:b,valid:g,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||P?ye:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:n(e.className,Vs,"k-icon-picker"),children:[We(Ke,{children:l}),We(Bt,{placeholder:u,value:c,showValue:!1,valueIcon:We(Ct,{className:"k-value-icon",color:c,iconName:I}),valueIconName:I}),We(De,{children:d}),We(i,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&We(V,{id:ye,className:"k-colorpicker-popup",children:C}),P&&We(J,{adaptive:!0,id:ye,...q,header:We(be,{actionsEnd:We(i,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:U,subtitle:me}),footer:Nn(gt,{children:[We(i,{text:"Cancel",size:"large"}),We(i,{text:"Set",size:"large",themeColor:"primary"})]}),children:We(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Wu;Pe.options=Ju;Pe.className=Vs;Pe.defaultOptions=$s;Pe.moduleName=Fs;Pe.folderName=Gs;Pe.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 pt=Pe;import{jsx as Yu}from"react/jsx-runtime";var Ha=e=>Yu(pt,{...e});import{jsx as A0}from"react/jsx-runtime";import{jsx as R0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as G0}from"react/jsx-runtime";import{jsx as q0}from"react/jsx-runtime";import{jsx as Y0}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Qu=pt.options,ju=pt.states,Xs={...pt.defaultOptions,variant:"color"},ef=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],tf=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Vt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Vt("div",{style:l,children:Vt(Ha,{...a,...r})});case"icon":return Vt("div",{style:l,children:Vt(Ha,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Vt("div",{style:l,children:Vt(Ha,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=Qu;To.states=ju;To.variants=ef;To.defaultOptions=Xs;To.modifiers=tf;To.className=pt.className;var vn="split-button",qs=vn;import{Fragment as rf,jsx as Ln,jsxs as Ws}from"react/jsx-runtime";var Mn="k-split-button",of=[s.hover,s.focus,s.active,s.selected,s.disabled],af={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Js={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,arrowIconName:m=Js.arrowIconName,popup:L,opened:k,popupId:I,...C}=e;return Ws(rf,{children:[Ws("div",{...C,className:n(e.className,Mn,"k-button-group",E(Mn,{rounded:o})),children:[Ln(i,{text:g,icon:b,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,...!g&&!e.children&&b&&{"aria-label":"Action"},children:e.children}),Ln(i,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?I:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&Ln(V,{className:"k-menu-popup",children:L})]})};R.states=of;R.options=af;R.className=Mn;R.defaultOptions=Js;R.moduleName=vn;R.folderName=qs;R.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 Sn=R;import{jsx as sf}from"react/jsx-runtime";var nf="k-toolbar-separator",X=e=>sf("div",{className:n(nf,e.className,"k-separator")});var ct="toolbar",Et=ct;import{Fragment as In,jsx as D,jsxs as Ao}from"react/jsx-runtime";var mt="k-toolbar",lf=[s.focus],df={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},pf={scrollButtons:"around"},_=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:l,scrollButtons:d,scrollingPosition:c,section:u,...f}=e,b=[],g=(m,L)=>{let k=[];if(m.type===i&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(D(i,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===i)k.push(D(i,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Go)k.push(D(Go,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===xt)k.push(D(xt,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===w)k.push(D(w,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Sn)k.push(D(Sn,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===y||m.props.className&&m.props.className.includes("k-button-group")){let I=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,P)=>{I.push(D(i,{...M.props,className:`${M.props.className?M.props.className:""}`},`${P}-${new Date().getTime()}`))}),k.push(D(y,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:I},`${L}-${new Date().getTime()}`))}else m.type===$?k.push(D($,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Z?k.push(D(Z,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Pe?k.push(D(Pe,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(I=>{b.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{g(L,k)}),Ao("div",{...f,className:n(e.className,mt,E(mt,{size:t,fillMode:o}),S(mt,{focus:a}),{[`${mt}-resizable`]:r,[`${mt}-scrollable`]:l,[`${mt}-scrollable-overlay`]:l&&d==="hidden",[`${mt}-scrollable-${c}`]:c&&c!=="both",[`${mt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!l&&b,l&&d==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),l&&d==="start"&&Ao(In,{children:[Ao(y,{children:[D("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-right"})})]}),D(X,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b})]}),l&&d==="end"&&Ao(In,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(X,{className:"k-toolbar-button-separator"}),Ao(y,{children:[D("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(d==="around"||!d)&&Ao(In,{children:[D("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-left"})}),D(X,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(X,{className:"k-toolbar-button-separator"}),D("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};_.states=lf;_.options=df;_.className=mt;_.defaultOptions=pf;_.moduleName=ct;_.folderName=Et;_.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as ff}from"react/jsx-runtime";var Zs="k-floating-toolbar",cf=[],mf={},uf={},Oo=e=>{let{...t}=e;return ff("div",{...t,className:n(e.className,Zs),children:e.children})};Oo.states=cf;Oo.options=mf;Oo.className=Zs;Oo.defaultOptions=uf;Oo.moduleName=ct;Oo.folderName=Et;import{jsx as gf}from"react/jsx-runtime";var yn="k-toolbar-item",bf=[s.focus],hf={},xf={},Po=e=>{let{focus:t,...o}=e;return gf("div",{...o,className:n(e.className,yn,S(yn,{focus:t})),children:e.children})};Po.states=bf;Po.options=hf;Po.className=yn;Po.defaultOptions=xf;Po.moduleName=ct;Po.folderName=Et;import{jsx as Ys}from"react/jsx-runtime";var Qs="k-toolbar-popup",kf=[],Nf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},vf={},$t=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Ys(V,{...r,className:n(e.className,Qs),children:a?Ys("span",{className:n("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};$t.states=kf;$t.options=Nf;$t.className=Qs;$t.defaultOptions=vf;$t.moduleName=ct;$t.folderName=Et;var Ua=$t;import{jsx as eD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{jsx as fD,jsxs as bD}from"react/jsx-runtime";import{jsx as kD}from"react/jsx-runtime";import{jsx as ut,jsxs as yf}from"react/jsx-runtime";var Lf=R.states,js={...R.defaultOptions,variant:"text"},Mf=R.options,Sf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],If=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...js,...e},r={},l=yf(de,{size:a.size,children:[ut(W,{first:!0,text:"Menu Item"}),ut(W,{text:"Menu Item"}),ut(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?l:"")}),t){case"icon-only":return ut("div",{children:ut(R,{...a,...r,icon:"star"})});case"icon-and-text":return ut("div",{children:ut(R,{...a,...r,icon:"star",children:"Split Button"})});default:return ut("div",{children:ut(R,{...a,...r,children:"Split Button"})})}};wo.options=Mf;wo.states=Lf;wo.variants=Sf;wo.defaultOptions=js;wo.modifiers=If;wo.className=R.className;import{jsx as Xt,jsxs as Cf}from"react/jsx-runtime";var el=e=>Xt(_,{children:[Xt(i,{children:"Button"},"toolbar-button"),Xt(w,{text:"Menu button"},"toolbar-menu-button"),Xt(R,{children:"Split button"},"toolbar-split-button"),Cf(y,{children:[Xt(i,{className:"k-group-start",icon:"align-left",children:"Left"}),Xt(i,{icon:"align-center",children:"Center"}),Xt(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as WD,jsxs as JD}from"react/jsx-runtime";import{jsx as we,jsxs as tl}from"react/jsx-runtime";var ol=e=>we(_,{scrollable:!0,...e,children:[we(i,{children:"Button"},"toolbar-button"),we(w,{text:"Menu button"},"toolbar-menu-button"),we(R,{children:"Split button"},"toolbar-split-button"),tl(y,{children:[we(i,{className:"k-group-start",icon:"align-left",children:"Left"}),we(i,{icon:"align-center",children:"Center"}),we(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),we(i,{children:"Button"},"toolbar-button"),we(w,{text:"Menu button"},"toolbar-menu-button"),we(R,{children:"Split button"},"toolbar-split-button"),tl(y,{children:[we(i,{className:"k-group-start",icon:"align-left",children:"Left"}),we(i,{icon:"align-center",children:"Center"}),we(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Be,jsxs as al}from"react/jsx-runtime";var rl=({scrollingPosition:e="start",...t})=>Be(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Be(i,{children:"Button"},"toolbar-button"),Be(w,{text:"Menu button"},"toolbar-menu-button"),Be(R,{children:"Split button"},"toolbar-split-button"),al(y,{children:[Be(i,{className:"k-group-start",icon:"align-left",children:"Left"}),Be(i,{icon:"align-center",children:"Center"}),Be(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Be(i,{children:"Button"},"toolbar-button"),Be(w,{text:"Menu button"},"toolbar-menu-button"),Be(R,{children:"Split button"},"toolbar-split-button"),al(y,{children:[Be(i,{className:"k-group-start",icon:"align-left",children:"Left"}),Be(i,{icon:"align-center",children:"Center"}),Be(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ef,jsx as Se,jsxs as Fa}from"react/jsx-runtime";var nl=({fillMode:e,size:t,...o})=>Fa(Ef,{children:[Se(_,{section:!0,fillMode:e,size:t,children:[Se(i,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fa(y,{fillMode:e,children:[Se(i,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Se(i,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Se(i,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Se(X,{className:"k-toolbar-button-separator"}),Se(i,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Fa(Ua,{size:t,fillMode:e,section:!0,...o,children:[Se(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Se(i,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Se(X,{}),Se(w,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Fa(y,{fillMode:e,children:[Se(i,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Se(i,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Se(i,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as E_,jsx as y_,jsxs as C_}from"react/jsx-runtime";import{Fragment as z_,jsx as D_,jsxs as __}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";var Tf=_.options,Af=_.states,il={..._.defaultOptions,variant:"default"},Of=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Pf=[],Bo=e=>{let{variant:t,...o}={...il,...e};switch(t){case"responsive":return Tt("div",{children:Tt(nl,{style:{width:"583px"},...o})});case"overlay":return Tt("div",{children:Tt(rl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Tt("div",{children:Tt(ol,{style:{width:"583px"},...o})});default:return Tt("div",{children:Tt(el,{style:{width:"583px"},...o})})}};Bo.options=Tf;Bo.states=Af;Bo.variants=Of;Bo.defaultOptions=il;Bo.modifiers=Pf;Bo.className=_.className;import{Fragment as Ga,jsx as At,jsxs as la}from"react/jsx-runtime";var Cn="k-upload-dropzone",wf=[s.hover],Va=e=>{let{hover:t,status:o,disabled:a,hasFiles:r,filesId:l,...d}=e,c;switch(o){case"uploading":c=la(Ga,{children:[At(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=la(Ga,{children:[At(v,{icon:"check"}),"Done"]});break;case"failed":c=la(Ga,{children:[At(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=At(Ga,{});break}return la("div",{...d,className:n(e.className,Cn,"k-dropzone",S(Cn,{hover:t})),children:[la("div",{className:"k-upload-button-wrap",children:[At(i,{className:"k-upload-button","aria-disabled":a?"true":"false",...r&&l?{"aria-controls":l}:{},children:"Select files..."}),At("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),At("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&At("span",{className:"k-upload-status",children:c})]})};Va.states=wf;Va.className=Cn;var En="upload",sl=En;import{jsx as $a,jsxs as dl}from"react/jsx-runtime";var Tn="k-upload",Bf=[s.hover,s.disabled],Rf={},pl={actionsLayout:"end"},ll="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:r=pl.actionsLayout,hover:l,status:d,disabled:c,...u}=e,f=!!e.children;return dl("div",{...u,className:n(e.className,Tn,S(Tn,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[$a(Va,{status:d,hover:l,disabled:c,hasFiles:f,filesId:ll}),f&&$a("ul",{className:"k-upload-files",role:"list",id:ll,children:e.children}),a&&f&&dl(xi,{alignment:r,orientation:"horizontal",children:[$a(i,{className:"k-clear-selected",children:"Clear"}),$a(i,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=Bf;ae.options=Rf;ae.className=Tn;ae.defaultOptions=pl;ae.moduleName=En;ae.folderName=sl;ae.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var da="progressbar",Xa=da;import{jsx as On,jsxs as An}from"react/jsx-runtime";var Je="k-progressbar",Kf=[s.disabled,s.indeterminate],Df={orientation:["horizontal","vertical"]},qt={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},pe=e=>{let{disabled:t,height:o,indeterminate:a=qt.indeterminate,label:r=qt.label,labelPosition:l=qt.labelPosition,orientation:d=qt.orientation,reverse:c=qt.reverse,value:u=qt.value,width:f,style:b,ariaLabel:g,...m}=e;return An("div",{...m,className:n(e.className,Je,S(Je,{disabled:t}),{[`${Je}-${d}`]:d,[`${Je}-indeterminate`]:a,[`${Je}-reverse`]:c}),style:{...b,"--kendo-progressbar-value":u,[d==="horizontal"?"height":"width"]:d==="horizontal"?o:f},role:"progressbar","aria-label":g||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[On("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!a}),children:r&&An("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&On("div",{className:"k-progressbar-value k-selected",children:On("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l}),children:r&&An("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};pe.states=Kf;pe.options=Df;pe.className=Je;pe.defaultOptions=qt;pe.moduleName=da;pe.folderName=Xa;pe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var cl=pe;import{jsx as Pn}from"react/jsx-runtime";var ml="k-chunk-progressbar",_f=(e,t)=>t<=e-1,zf=[s.disabled,s.indeterminate],Hf={},qa={chunkCount:5,orientation:"horizontal",progress:0},Wt=e=>{let{disabled:t,chunkCount:o=qa.chunkCount,indeterminate:a,orientation:r=qa.orientation,progress:l=qa.progress,reverse:d,ariaLabel:c,...u}=e;return Pn("div",{...u,className:n(e.className,Je,ml,S(Je,{disabled:t}),{[`${Je}-${r}`]:r,[`${Je}-indeterminate`]:a,[`${Je}-reverse`]:d}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":o,children:Pn("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,b)=>Pn("li",{className:n("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":_f(l,b)})},b))})})};Wt.states=zf;Wt.options=Hf;Wt.className=ml;Wt.defaultOptions=qa;Wt.moduleName=da;Wt.folderName=Xa;Wt.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Uf}from"react/jsx-runtime";var pa=e=>Uf(cl,{...e});import{jsx as _z}from"react/jsx-runtime";import{jsx as Ot}from"react/jsx-runtime";var Ff=pe.options,Gf=pe.states,ul={...pe.defaultOptions,variant:"start"},Vf=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],$f=[],Ro=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},r={},l={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(d=>{switch(d){case"reverse":r.reverse=!!o?.[d];break;case"vertical":r.orientation=o?.[d]?"vertical":void 0,l.style=o?.[d]?void 0:{width:"324px"};break}}),t){case"end":return Ot("div",{...l,children:Ot(pa,{...a,...r,labelPosition:"end",value:"50"})});case"center":return Ot("div",{...l,children:Ot(pa,{...a,...r,labelPosition:"center",value:"50"})});case"empty":return Ot("div",{...l,children:Ot(pa,{...a,...r,label:!1,value:"50"})});default:return Ot("div",{...l,children:Ot(pa,{...a,...r,labelPosition:"start",value:"50"})})}};Ro.options=Ff;Ro.states=Gf;Ro.variants=Vf;Ro.defaultOptions=ul;Ro.modifiers=$f;Ro.className=pe.className;import{jsx as wn,jsxs as qf}from"react/jsx-runtime";var Xf="k-file-info",Bn=e=>{let{name:t,size:o,validationMsg:a,...r}=e;return qf("div",{...r,className:n(e.className,Xf),children:[t&&wn("span",{className:"k-file-name",children:t}),o&&wn("span",{className:"k-file-size",children:o}),a&&wn("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Jf,jsx as ft,jsxs as Wa}from"react/jsx-runtime";var Wf="k-file",Ie=e=>{let{status:t,progress:o,name:a,icon:r,size:l,state:d,validationMsg:c,...u}=e;return ft("li",{...u,className:n(e.className,Wf,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Wa("div",{className:"k-file-single",children:[ft(pe,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),Wa("span",{className:"k-file-icon-wrapper",children:[ft(v,{className:"k-file-icon",icon:r,size:"xxlarge"}),d&&ft("span",{className:"k-file-state",children:d})]}),ft(Bn,{name:a,size:l,validationMsg:c}),ft("div",{className:"k-upload-actions",children:t==="progress"?Wa(Jf,{children:[Wa("span",{className:"k-upload-pct",children:[o,"%"]}),ft(i,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),ft(i,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):ft(i,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as f1,jsx as m1,jsxs as u1}from"react/jsx-runtime";import{Fragment as Zf,jsx as Rn,jsxs as Yf}from"react/jsx-runtime";var ca=e=>Rn(ae,{async:!0,children:Yf(Zf,{children:[Rn(Ie,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Rn(Ie,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as S1,jsx as L1,jsxs as M1}from"react/jsx-runtime";import{jsx as Qf}from"react/jsx-runtime";var Ja=e=>Qf(ae,{async:!0,empty:!0,...e});import{Fragment as P1,jsx as O1,jsxs as w1}from"react/jsx-runtime";import{Fragment as _1,jsx as D1,jsxs as z1}from"react/jsx-runtime";import{jsx as bt,jsxs as Za}from"react/jsx-runtime";var jf=ae.options,eb=ae.states,fl={...ae.defaultOptions,variant:"empty"},tb=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ob=[],Ko=e=>{let{variant:t,...o}={...fl,...e};switch(t){case"success":return Za(ca,{status:"done",style:{width:"586px"},...o,children:[bt(Ie,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),bt(Ie,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Za(ca,{status:"failed",style:{width:"586px"},...o,children:[bt(Ie,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),bt(Ie,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Za(ca,{status:"uploading",style:{width:"586px"},...o,children:[bt(Ie,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),bt(Ie,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Za(ca,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[bt(Ie,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),bt(Ie,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return bt(Ja,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ko.options=jf;Ko.states=eb;Ko.variants=tb;Ko.defaultOptions=fl;Ko.modifiers=ob;Ko.className=ae.className;var Kn="pdf-viewer",bl=Kn;import{jsx as A,jsxs as nt}from"react/jsx-runtime";var Dn="k-pdf-viewer",ab=[s.disabled],rb={},nb=nt(_,{resizable:!0,fillMode:"flat",children:[A(w,{icon:"menu",fillMode:"flat",showArrow:!1,"aria-label":"Menu"}),A(X,{}),A(ta,{pageSizes:!1,refresh:!1,info:!1}),A("span",{className:"k-spacer"}),nt(y,{fillMode:"flat",children:[A(i,{fillMode:"flat",className:"k-group-start",icon:"zoom-out","aria-label":"Zoom out"}),A(i,{fillMode:"flat",className:"k-group-end",icon:"zoom-in","aria-label":"Zoom in"})]}),A($,{value:"Automatic Width",fillMode:"flat","aria-label":"Zoom level"}),nt(y,{fillMode:"flat",children:[A(i,{fillMode:"flat",className:"k-group-start",icon:"pointer","aria-label":"Selection tool"}),A(i,{fillMode:"flat",className:"k-group-end",icon:"hand","aria-label":"Hand tool"})]}),A("span",{className:"k-spacer"}),A(i,{fillMode:"flat",icon:"search","aria-haspopup":"dialog","aria-label":"Search"}),A(i,{fillMode:"flat",icon:"edit-annotations","aria-label":"Annotations"}),A(i,{fillMode:"flat",icon:"comment","aria-label":"Comments"})]}),ib=nt(_,{resizable:!0,fillMode:"flat",children:[nt(y,{fillMode:"flat",children:[A(i,{fillMode:"flat",className:"k-group-start",icon:"highlight","aria-label":"Highlight"}),A(i,{fillMode:"flat",icon:"underline","aria-label":"Underline"}),A(i,{fillMode:"flat",className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]}),A(X,{}),A(i,{fillMode:"flat",icon:"free-text","aria-label":"Free text"}),A(X,{}),A(w,{icon:"shapes",fillMode:"flat",showArrow:!0,"aria-label":"Shapes"}),A(X,{}),A(w,{icon:"stamp",fillMode:"flat",showArrow:!0,"aria-label":"Stamp"}),A(X,{}),A(i,{fillMode:"flat",icon:"sticky-note","aria-label":"Sticky note"}),A(X,{}),A(i,{fillMode:"flat",icon:"ruler-outline","aria-label":"Ruler"}),A(X,{}),A(i,{fillMode:"flat",icon:"comment","aria-label":"Comment"}),A(X,{}),A(i,{fillMode:"flat",icon:"eraser-outline","aria-label":"Eraser"}),A("span",{className:"k-spacer"}),A(i,{fillMode:"flat",icon:"x","aria-label":"Close"})]}),ma={toolbar:nb,showSearchPanel:!1,blank:!1,annotations:!1,annotationsToolbar:ib},ie=e=>{let{disabled:t,toolbar:o=ma.toolbar,showSearchPanel:a=ma.showSearchPanel,blank:r=ma.blank,annotations:l,annotationsToolbar:d=ma.annotationsToolbar,...c}=e;return nt("div",{...c,className:n(e.className,Dn,S(Dn,{disabled:t})),children:[o,l&&d,nt("div",{className:"k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select",tabIndex:0,"aria-label":"PDF document",role:"document",children:[a&&nt("div",{className:"k-search-panel k-pos-sticky k-top-center",role:"dialog","aria-label":"Search",children:[A(i,{fillMode:"flat",icon:"handle-drag",className:"k-search-dialog-draghandle","aria-label":"Drag handle"}),A(te,{"aria-label":"Search text",suffix:A(i,{fillMode:"flat",className:"k-match-case-button",icon:"convert-lowercase","aria-label":"Match case"})}),nt("span",{className:"k-search-matches",children:[A("span",{children:"0"})," of ",A("span",{children:"0"})]}),A(i,{fillMode:"flat",icon:"arrow-up","aria-label":"Previous match"}),A(i,{fillMode:"flat",icon:"arrow-down","aria-label":"Next match"}),A(i,{fillMode:"flat",icon:"x","aria-label":"Close search"})]}),A("div",{className:"k-pdf-viewer-pages",children:r?nt("div",{className:"k-page k-blank-page",children:[A(Ta,{}),A(Ja,{empty:!0,status:"upload"})]}):e.children})]})]})};ie.states=ab;ie.options=rb;ie.className=Dn;ie.defaultOptions=ma;ie.moduleName=Kn;ie.folderName=bl;ie.ariaSpec={selector:".k-pdf-viewer",rules:[{selector:".k-pdf-viewer .k-canvas",attribute:"tabindex=0",usage:"Defines the focusable page container element."},{selector:".k-pdf-viewer .k-canvas",attribute:"aria-label",usage:"Describes the purpose of the focusable container."},{selector:".k-pdf-viewer .k-canvas",attribute:"role=document",usage:"Defines that content should be evaluated in reader mode by assistive technologies."},{selector:'.k-pdf-viewer .k-toolbar .k-button:has([class*="i-search"])',attribute:"aria-haspopup=dialog",usage:"Describes that the Search tool button opens a dialog element."},{selector:".k-pdf-viewer .k-canvas .k-search-panel",attribute:"role=dialog",usage:"Describes the role of the Search panel."},{selector:".k-pdf-viewer .k-canvas .k-search-panel",attribute:"aria-label",usage:"Label for the Search panel, same label as the Search tool."}]};import{jsx as sb}from"react/jsx-runtime";var hl="k-page",_n={width:"720px",height:"360px"},Re=e=>{let{width:t=_n.width,height:o=_n.height,...a}=e;return sb("div",{...a,className:n(e.className,hl),style:{width:t,height:o},children:e.children})};Re.className=hl;Re.defaultOptions=_n;import{Fragment as lb,jsx as zn,jsxs as db}from"react/jsx-runtime";var xl=e=>zn(ie,{children:db(lb,{children:[zn(Re,{}),zn(Re,{})]}),...e});import{jsx as B2,jsxs as R2}from"react/jsx-runtime";import{Fragment as H2,jsx as z2,jsxs as U2}from"react/jsx-runtime";import{jsx as Ne,jsxs as Ya}from"react/jsx-runtime";var pb=ie.options,cb=ie.states,mb={...ie.defaultOptions,variant:"default"},ub=[{name:"default",title:"Default"},{name:"blank",title:"Blank"}],fb=[],Do=e=>{let{variant:t,...o}=e,a={};return t==="blank"&&(a.blank=!0),Ya(xl,{style:{width:"auto",height:"375px"},...o,...a,toolbar:Ya(_,{children:[Ne(j,{type:"input",pageSizes:!1,refresh:!1,info:!1}),Ne("span",{className:"k-spacer"}),Ya(y,{children:[Ne(i,{fillMode:"flat",className:"k-group-start",icon:"zoom-out"}),Ne(i,{fillMode:"flat",className:"k-group-end",icon:"zoom-in"})]}),Ne($,{value:"Automatic Width"}),Ya(y,{children:[Ne(i,{fillMode:"flat",className:"k-group-start",icon:"pointer"}),Ne(i,{fillMode:"flat",className:"k-group-end",icon:"hand"})]}),Ne("span",{className:"k-spacer"}),Ne(i,{fillMode:"flat",icon:"search"}),Ne(i,{fillMode:"flat",icon:"folder-open"}),Ne(i,{fillMode:"flat",icon:"download"}),Ne(i,{fillMode:"flat",icon:"print"})]}),children:[Ne(Re,{width:"80%",height:"600px"}),Ne(Re,{width:"80%",height:"600px"}),Ne(Re,{width:"80%",height:"600px"})]})};Do.options=pb;Do.states=cb;Do.variants=ub;Do.defaultOptions=mb;Do.modifiers=fb;Do.className=ie.className;import{Fragment as bb,jsx as ce,jsxs as Qa}from"react/jsx-runtime";var bH=e=>ce(ie,{annotations:!0,toolbar:Qa(_,{resizable:!0,fillMode:"flat",children:[ce(w,{icon:"menu",fillMode:"flat",showArrow:!1,"aria-label":"Menu"}),ce(X,{}),ce(ta,{pageSizes:!1,refresh:!1,info:!1}),ce("span",{className:"k-spacer"}),Qa(y,{fillMode:"flat",children:[ce(i,{fillMode:"flat",className:"k-group-start",icon:"zoom-out","aria-label":"Zoom out"}),ce(i,{fillMode:"flat",className:"k-group-end",icon:"zoom-in","aria-label":"Zoom in"})]}),ce($,{value:"Automatic Width",fillMode:"flat","aria-label":"Zoom level"}),Qa(y,{fillMode:"flat",children:[ce(i,{fillMode:"flat",className:"k-group-start",icon:"pointer","aria-label":"Selection tool"}),ce(i,{fillMode:"flat",className:"k-group-end",icon:"hand","aria-label":"Hand tool"})]}),ce("span",{className:"k-spacer"}),ce(i,{fillMode:"flat",icon:"search","aria-haspopup":"dialog","aria-label":"Search"}),ce(i,{fillMode:"flat",icon:"edit-annotations",selected:!0,"aria-label":"Annotations"}),ce(i,{fillMode:"flat",icon:"comment","aria-label":"Comments"})]}),children:Qa(bb,{children:[ce(Re,{}),ce(Re,{})]}),...e});export{bH as PDFViewerWithAnnotations};
1
+ var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 E=(e,t)=>n({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),S=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:d,active:c,selected:u,disabled:f,indeterminate:b,loading:g,empty:m,readonly:L,highlighted:k,...I}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":b&&!d,"k-loading":g,"k-empty":m,"k-readonly":L,"k-highlighted":k},Object.keys(I).reduce((C,M)=>(M.startsWith("k-")?C[M]=I[M]:C[`k-${M}`]=I[M],C),{}))};function Un(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Qe={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var or={};function H(e){return or[e]=(or[e]||0)+1,`k-${e}-${or[e]}`}import{Fragment as Ll,jsx as Fn}from"react/jsx-runtime";var ar="k-font-icon",kl=[],Nl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},vl={},_o=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...d}=e;return a?Fn("span",{...d,className:n(e.className,ar,E(ar,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):Fn(Ll,{})};_o.states=kl;_o.options=Nl;_o.className=ar;_o.defaultOptions=vl;var Gn=_o;import{Fragment as Il,jsx as fa}from"react/jsx-runtime";var rr="k-svg-icon",Ml=[],Sl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Qe.outline,Qe.solid,Qe.duotone]},nr={viewBox:"0 0 24 24",variant:Qe.outline},zo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=nr.viewBox,variant:d=nr.variant,icon:c,...u}=e;if(!c)return fa(Il,{});if(c==="none")return fa("span",{...u,className:n(e.className,rr,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name,b=typeof c=="object"?d&&c.variants?.[d]||c.variants?.outline||c.content:void 0;return fa("span",{...u,className:n(e.className,rr,E("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:fa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};zo.states=Ml;zo.options=Sl;zo.className=rr;zo.defaultOptions=nr;var ir=zo;import*as sr from"@progress/kendo-svg-icons";var Vn="icon",$n="icons";import{useContext as Cl}from"react";import{createContext as yl}from"react";var Xn=yl({iconsType:"svg"});import{Fragment as qn,jsx as Ho}from"react/jsx-runtime";var ba="k-icon",El=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Tl=[],Al={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[Qe.outline,Qe.solid,Qe.duotone]},ha={viewBox:"0 0 24 24",type:"svg",variant:Qe.outline},v=e=>{let{iconsType:t}=Cl(Xn),{size:o,themeColor:a,icon:r,type:l=t||ha.type,rotate:d,flip:c,viewBox:u=ha.viewBox,variant:f=ha.variant,...b}=e;if(!r)return Ho(qn,{});if((t||l)==="svg"){if(r==="none")return Ho(ir,{...b,className:n(e.className,ba),icon:r,size:o,variant:f});let m=sr[r]?r:El(`${r}-icon`);return sr[m]?Ho(ir,{...b,className:n(e.className,ba),icon:sr[m],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:f}):Ho(qn,{})}return Ho(Gn,{...b,className:n(e.className,ba),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=Tl;v.options=Al;v.defaultOptions=ha;v.className=ba;v.moduleName=Vn;v.folderName=$n;v.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 lr="button",Wn=lr;import{Fragment as Bl,jsx as Uo,jsxs as Jn}from"react/jsx-runtime";var Fo="k-button",Ol=["icon-button"],Pl=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],wl={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},dr={showArrow:!1,arrowIconName:"chevron-down"},i=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:d=dr.showArrow,arrowIconName:c=dr.arrowIconName,variant:u,hover:f,focus:b,active:g,selected:m,disabled:L,togglable:k,ariaDisabled:I,icon:C,text:M,iconClassName:P,className:q,...U}=e,me=C!==void 0,ue=e.children!==void 0;return Jn(t,{className:n(q,Fo,Un(Fo,u),E(Fo,{size:o,rounded:a,fillMode:r,themeColor:l}),S(Fo,{hover:f,focus:b,active:g,disabled:L||I,selected:m}),{"k-icon-button":!M&&!ue&&me}),...U,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:L||void 0,children:[C&&Uo(v,{className:n(P,"k-button-icon"),icon:C}),M?Jn(Bl,{children:[M&&Uo("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Uo("span",{className:"k-button-text",children:e.children}),d&&Uo("span",{className:"k-menu-button-arrow k-button-arrow",children:Uo(v,{icon:c})})]})};i.states=Pl;i.options=wl;i.variants=Ol;i.className=Fo;i.defaultOptions=dr;i.moduleName=lr;i.folderName=Wn;i.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Rl}from"react/jsx-runtime";var xt=e=>Rl(i,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Kl}from"react/jsx-runtime";var Go=e=>Kl(i,{icon:"folder",children:"Button",...e});import{jsx as Dl}from"react/jsx-runtime";var wt=e=>Dl(i,{children:"Button",...e});import{jsx as pr}from"react/jsx-runtime";var _l=i.options,zl=i.states,Hl={...i.defaultOptions,variant:"text"},Ul=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Fl=[],Jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return pr(xt,{...o,icon:"star"});case"icon-and-text":return pr(Go,{...o,icon:"star",children:"Button"});default:return pr(wt,{...o,children:"Button"})}};Jt.options=_l;Jt.states=zl;Jt.variants=Ul;Jt.defaultOptions=Hl;Jt.modifiers=Fl;Jt.className=i.className;var cr="button",Zn=cr;import{jsx as Xl}from"react/jsx-runtime";var Vo="k-button-group",Gl=[s.disabled],Vl={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},$l={},y=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return Xl("div",{role:"group",...r,className:n(e.className,Vo,E(Vo,{fillMode:t}),S(Vo,{disabled:o}),{[`${Vo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};y.states=Gl;y.options=Vl;y.className=Vo;y.defaultOptions=$l;y.moduleName=cr;y.folderName=Zn;y.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Ah,jsx as Th,jsxs as Oh}from"react/jsx-runtime";import{Fragment as Dh,jsx as Kh,jsxs as _h}from"react/jsx-runtime";import{Fragment as Vh,jsx as Gh,jsxs as $h}from"react/jsx-runtime";import{Fragment as Yh,jsx as Zh,jsxs as Qh}from"react/jsx-runtime";import{Fragment as rx,jsx as ax,jsxs as nx}from"react/jsx-runtime";import{Fragment as cx,jsx as px,jsxs as mx}from"react/jsx-runtime";import{jsx as it,jsxs as mr}from"react/jsx-runtime";var ql={...i.options,...y.options},Wl=i.states,Jl={...i.defaultOptions,...y.defaultOptions,variant:"text-button"},Zl=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Yl=[],Zt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?mr(y,{fillMode:a.fillMode,className:o,children:[it(i,{...a,icon:"star"}),it(i,{...a,icon:"star"}),it(i,{...a,icon:"star"})]}):t==="icon-text-button"?mr(y,{fillMode:a.fillMode,className:o,children:[it(i,{...a,icon:"star",children:"First"}),it(i,{...a,icon:"star",children:"Middle"}),it(i,{...a,icon:"star",children:"Last"})]}):mr(y,{fillMode:a.fillMode,className:o,children:[it(i,{...a,children:"First"}),it(i,{...a,children:"Middle"}),it(i,{...a,children:"Last"})]})};Zt.options=ql;Zt.states=Wl;Zt.variants=Zl;Zt.defaultOptions=Jl;Zt.modifiers=Yl;Zt.className=y.className;var $o="input",xa=$o;import{jsx as td}from"react/jsx-runtime";var ga="k-input",Ql=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jl={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ed={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return td("span",{...g,className:n(e.className,ga,E(ga,{size:u,rounded:f,fillMode:b}),S(ga,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c}))})};Q.states=Ql;Q.options=jl;Q.className=ga;Q.defaultOptions=ed;Q.moduleName=$o;Q.folderName=xa;import{jsx as nd}from"react/jsx-runtime";var ka="k-picker",od=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ad={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},rd={},je=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return nd("span",{...g,className:n(e.className,ka,E(ka,{size:u,rounded:f,fillMode:b}),S(ka,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:d,readonly:c})),children:e.children})};je.states=od;je.options=ad;je.className=ka;je.defaultOptions=rd;je.moduleName=$o;je.folderName=xa;import{Fragment as ld,jsx as ur}from"react/jsx-runtime";var Yn="k-clear-value",id=[s.disabled,s.loading,s.readonly],sd={},Ce=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?ur(ld,{}):ur("span",{className:n(e.className,Yn),children:ur(v,{icon:"x"})})};Ce.states=id;Ce.options=sd;Ce.className=Yn;import{jsx as cd}from"react/jsx-runtime";var fr="k-input-inner",dd=[],pd={},Na={type:"text",autocomplete:"off",value:"",placeholder:""},Ee=e=>{let{value:t=Na.value,type:o=Na.type,placeholder:a=Na.placeholder,autocomplete:r=Na.autocomplete,disabled:l,readOnly:d,...c}=e;return cd("input",{...c,type:o,className:n(e.className,fr,E(fr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:l||void 0,readOnly:d||void 0})};Ee.states=dd;Ee.options=pd;Ee.className=fr;import{jsx as Qn,jsxs as fd}from"react/jsx-runtime";var br="k-input-inner",md=[],ud={},Bt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:l,...d}=e;return fd("span",{...d,className:n(e.className,br,E(br,e)),children:[r,!r&&l&&Qn(v,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&Qn("span",{className:"k-input-value-text",children:t})]})};Bt.states=md;Bt.options=ud;Bt.className=br;import{jsx as xd}from"react/jsx-runtime";var hr="k-input-inner",bd=[],hd={},jn={value:"",placeholder:""},xr=e=>{let{value:t=jn.value,placeholder:o=jn.placeholder,rows:a,disabled:r,...l}=e;return xd("textarea",{...l,className:n(e.className,hr,E(hr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};xr.states=bd;xr.options=hd;xr.className=hr;import{Fragment as kd,jsx as ei}from"react/jsx-runtime";var ti="k-input-loading-icon",gd=[s.disabled,s.loading],ve=e=>{let{disabled:t,loading:o}=e;return t||!o?ei(kd,{}):ei("span",{className:n(e.className,ti,"k-icon k-i-loading")})};ve.states=gd;ve.className=ti;import{Fragment as Ld,jsx as oi}from"react/jsx-runtime";var ai="k-input-validation-icon",Nd=[s.valid,s.invalid,s.disabled,s.loading],vd={},fe=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,l=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?oi(Ld,{}):oi(v,{className:n(ai),icon:l})};fe.states=Nd;fe.options=vd;fe.className=ai;import{Fragment as Id,jsx as ri}from"react/jsx-runtime";var Md="k-input-prefix",Sd={direction:"horizontal"},Ke=e=>{let{direction:t=Sd.direction,...o}=e;return e.children?ri("span",{...o,className:n(Md,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ri(Id,{})};import{Fragment as Ed,jsx as ni}from"react/jsx-runtime";var yd="k-input-suffix",Cd={direction:"horizontal"},De=e=>{let{direction:t=Cd.direction,...o}=e;return e.children?ni("span",{...o,className:n(yd,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ni(Ed,{})};import{jsx as mg}from"react/jsx-runtime";import{jsx as Ad}from"react/jsx-runtime";var Td="k-input-suffix-text",gr=e=>{let{children:t,...o}=e;return Ad("span",{...o,className:n(Td,e.className),children:t})};import{jsx as Pd}from"react/jsx-runtime";var ii="k-input-separator",Od={direction:"vertical"},_e=e=>{let{direction:t=Od.direction,...o}=e;return Pd("span",{...o,className:n(ii,e.className,{[`${ii}-${t}`]:t})})};import{Fragment as si,jsx as et,jsxs as kr}from"react/jsx-runtime";var wd=Q.states,Bd=Q.defaultOptions,Rd=Q.options,Kd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Dd=[],Yt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:l,readonly:d,...c}=e,u=t?.prefix,f=t?.suffix,b=t?.["clear-button"],g=t?.["validation-icon"],m=t?.separators;return kr(Q,{...c,valid:o,invalid:a,loading:r,disabled:l,readonly:d,style:{width:300},children:[u&&kr(si,{children:[et(Ke,{children:et(v,{icon:"lock"})}),m&&et(_e,{})]}),et(Ee,{placeholder:"Placeholder",value:"Value"}),g&&et(fe,{valid:o,invalid:a,loading:r,disabled:l}),et(ve,{loading:r,disabled:l}),b&&et(Ce,{loading:r,disabled:l,readonly:d,value:"Value"}),f&&kr(si,{children:[m&&et(_e,{}),et(De,{children:et(wt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Yt.options=Rd;Yt.states=wd;Yt.variants=Dd;Yt.defaultOptions=Bd;Yt.modifiers=Kd;Yt.className=Q.className;var Nr="popup",li=Nr;import{jsx as di}from"react/jsx-runtime";var pi="k-animation-container",_d=[],zd={},ci={positionMode:"absolute"},tt=e=>{let{positionMode:t=ci.positionMode,animationStyle:o,offset:a,...r}=e;return di("div",{...r,style:{...a,...e.style},className:n(e.className,pi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:di("div",{className:"k-child-animation-container",style:o,children:e.children})})};tt.states=_d;tt.options=zd;tt.className=pi;tt.defaultOptions=ci;tt.moduleName=Nr;tt.folderName=li;var vr="popup",mi=vr;import{jsx as ui}from"react/jsx-runtime";var fi="k-popup",Hd=[],Ud={},bi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=bi.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:d,...c}=e;return ui(tt,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":d,children:ui("div",{...c,className:n(e.className,fi),children:e.children})})};V.states=Hd;V.options=Ud;V.className=fi;V.defaultOptions=bi;V.moduleName=vr;V.folderName=mi;V.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Lr="action-buttons",hi=Lr;import{jsx as Vd}from"react/jsx-runtime";var va="k-actions",Fd=[],Gd={},Mr={alignment:"start",orientation:"horizontal"},Ze=e=>{let{alignment:t=Mr.alignment,orientation:o=Mr.orientation,...a}=e;return Vd("div",{...a,className:n(va,{[`${va}-${t}`]:t,[`${va}-${o}`]:o},e.className),children:e.children})};Ze.states=Fd;Ze.options=Gd;Ze.className=va;Ze.defaultOptions=Mr;Ze.moduleName=Lr;Ze.folderName=hi;var xi=Ze;import{jsx as Xd}from"react/jsx-runtime";var $d="k-actionsheet-footer",gi={alignment:"stretched",orientation:"horizontal"},gt=e=>{let{alignment:t=gi.alignment,orientation:o=gi.orientation,template:a,as:r=a?"div":Ze,...l}=e;return Xd(r,{...l,...!a&&{alignment:t,orientation:o},className:n(e.className,$d),children:e.children})};var Sr="searchbox",ki=Sr;import{jsx as Xo,jsxs as Jd}from"react/jsx-runtime";var Ni="k-searchbox",qd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wd={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ir={showIcon:!0,icon:"search"},ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:l,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,showIcon:L=Ir.showIcon,icon:k=Ir.icon,"aria-label":I,...C}=e;return Jd(Q,{...C,size:a,rounded:r,fillMode:l,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,className:n(e.className,Ni),children:[L&&Xo(v,{className:"k-input-icon",icon:k}),Xo(Ee,{placeholder:o,value:t,"aria-label":I}),Xo(ve,{...e}),Xo(fe,{...e}),Xo(Ce,{...e})]})};ze.states=qd;ze.options=Wd;ze.className=Ni;ze.defaultOptions=Ir;ze.moduleName=Sr;ze.folderName=ki;import{jsx as Ok}from"react/jsx-runtime";var yr="textbox",vi=yr;import{Fragment as Li,jsx as kt,jsxs as Cr}from"react/jsx-runtime";var Mi="k-textbox",Zd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Yd={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},La={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:r=La.separators,showClearButton:l=La.showClearButton,showValidationIcon:d=La.showValidationIcon,prefix:c,suffix:u,type:f,value:b,placeholder:g,hover:m,focus:L,valid:k,invalid:I,required:C,loading:M,disabled:P,readonly:q,id:U,"aria-label":me,"aria-describedby":ue,...ye}=e;return Cr(Q,{...ye,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:I,required:C,loading:M,disabled:P,readonly:q,className:n(e.className,Mi),children:[c&&Cr(Li,{children:[kt(Ke,{children:c}),r&&kt(_e,{})]}),kt(Ee,{id:U,placeholder:g,value:b,type:f,disabled:P,"aria-label":me,"aria-describedby":ue,"aria-invalid":I?"true":void 0}),d&&kt(fe,{valid:k,invalid:I,loading:M,disabled:P}),kt(ve,{loading:M,disabled:P}),l&&kt(Ce,{loading:M,disabled:P,readonly:q,value:b}),u&&Cr(Li,{children:[r&&kt(_e,{}),kt(De,{children:u})]})]})};te.states=Zd;te.options=Yd;te.className=Mi;te.defaultOptions=La;te.moduleName=yr;te.folderName=vi;te.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 qo=te;import{jsx as Qd}from"react/jsx-runtime";var Si=e=>Qd(qo,{...e});import{Fragment as Jk,jsx as Wk}from"react/jsx-runtime";import{Fragment as tN,jsx as eN}from"react/jsx-runtime";import{jsx as nN}from"react/jsx-runtime";import{jsx as Er}from"react/jsx-runtime";var jd=te.states,ep=te.defaultOptions,tp=te.options,op=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ap=[],Qt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Er(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Er(wt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Er(Si,{value:"Value",style:{width:300},...o,...a})};Qt.options=tp;Qt.states=jd;Qt.variants=ap;Qt.defaultOptions=ep;Qt.modifiers=op;Qt.className=te.className;import{jsx as Nt,jsxs as Tr}from"react/jsx-runtime";var Ii="k-actionsheet-titlebar",rp={},be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:l,input:d,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:b,children:g,...m}=e;return Tr("div",{...m,className:n(e.className,Ii),children:[Tr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Nt("div",{className:"k-actionsheet-actions",children:a}),!g&&Tr("div",{className:"k-actionsheet-title",id:b,children:[t&&Nt("div",{className:"k-text-center",children:t}),o&&Nt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Nt("div",{className:"k-actionsheet-title",id:b,children:g}),r&&Nt("div",{className:"k-actionsheet-actions",children:r})]}),(d||l)&&Nt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Nt(te,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):Nt(ze,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};be.className=Ii;be.defaultOptions=rp;import{jsx as Ar,jsxs as lp}from"react/jsx-runtime";var Or="k-actionsheet-view",np=[],ip={},sp={},jt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:l,titleId:d,...c}=e,u=r?.type===be&&Ar(be,{adaptive:t,titleId:d,...r?.props}),f=l?.type===gt&&Ar(gt,{...l?.props});return lp("div",{...c,className:n(e.className,Or,{[`${Or}-animated`]:o}),children:[u,Ar("div",{className:"k-actionsheet-content",children:a}),f]})};jt.states=np;jt.options=ip;jt.className=Or;jt.defaultOptions=sp;var Wo="action-sheet",Ma=Wo;var Pr="overlay",yi=Pr;import{jsx as mp}from"react/jsx-runtime";var Ci="k-overlay",dp=[],pp={},cp={},vt=e=>{let{...t}=e;return mp("div",{...t,className:n(e.className,Ci),children:e.children})};vt.states=dp;vt.options=pp;vt.className=Ci;vt.defaultOptions=cp;vt.moduleName=Pr;vt.folderName=yi;import{jsx as Sa,jsxs as bp}from"react/jsx-runtime";var Ei="k-actionsheet",up=[],fp={},Jo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Jo.side,fullscreen:o=Jo.fullscreen,adaptive:a=Jo.adaptive,overlay:r=Jo.overlay,template:l,children:d,header:c,footer:u,id:f,...b}=e,g=f&&!l&&c?`${f}-title`:void 0;return bp("div",{className:"k-actionsheet-container",children:[r&&Sa(vt,{}),Sa(tt,{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:Sa("div",{...b,id:f,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,Ei,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||Sa(jt,{header:c,footer:u,adaptive:a,titleId:g,...e,children:d})})})]})};J.states=up;J.options=fp;J.className=Ei;J.defaultOptions=Jo;J.moduleName=Wo;J.folderName=Ma;J.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as kp}from"react/jsx-runtime";var Ti="k-actionsheet-container",hp=[],xp={},gp={},eo=e=>{let{children:t,...o}=e;return kp("div",{...o,className:Ti,children:t})};eo.states=hp;eo.options=xp;eo.className=Ti;eo.defaultOptions=gp;eo.moduleName=Wo;eo.folderName=Ma;import{jsx as Np}from"react/jsx-runtime";var wr=e=>{let{...t}=e;return Np("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as Lp,jsx as Zo,jsxs as Br}from"react/jsx-runtime";var Rr="k-actionsheet-item",vp=[s.hover,s.focus,s.selected,s.disabled],Lt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:l,selected:d,disabled:c,...u}=e;return Br("span",{...u,className:n(e.className,Rr,S(Rr,{hover:r,focus:l,selected:d,disabled:c})),children:[!e.children&&Zo(Lp,{children:Br("span",{className:"k-actionsheet-action",children:[t&&Zo("span",{className:"k-icon-wrap",children:Zo(v,{className:"k-actionsheet-item-icon",icon:t})}),Br("span",{className:"k-actionsheet-item-text",children:[o&&Zo("span",{className:"k-actionsheet-item-title",children:o}),a&&Zo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Lt.states=vp;Lt.className=Rr;import{jsx as rv,jsxs as nv}from"react/jsx-runtime";import{jsx as dv}from"react/jsx-runtime";import{jsx as uv}from"react/jsx-runtime";import{jsx as xv}from"react/jsx-runtime";import{jsx as se,jsxs as Kr}from"react/jsx-runtime";var Mp=J.options,Sp=J.states,Oi={...J.defaultOptions,variant:"normal"},Ip=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],yp=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],to=e=>{let{variant:t,modifiers:o,...a}={...Oi,...e},r={},l=Kr(wr,{children:[se(Lt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(Lt,{text:"Add to Favorites",iconName:"heart"}),se(Lt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(Lt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",c="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(u=>{switch(u){case"actions":r.actionsStart=!!o?.[u],r.actionsEnd=!!o?.[u];break;case"subtitle":r.subtitle=o?.[u]?d:void 0;break;case"footer":r.footer=!!o?.[u];break;default:break}}),t==="adaptive"?se(J,{...a,adaptive:!0,fullscreen:r.fullScreen,header:se(be,{actionsStart:r.actionsStart?se(i,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(i,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?Kr(gt,{alignment:"stretched",children:[se(i,{text:"Cancel",size:"large",themeColor:"base"}),se(i,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):se(J,{...a,fullscreen:r.fullScreen,header:se(be,{actionsStart:r.actionsStart?se(i,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(i,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Kr(gt,{alignment:"stretched",children:[se(i,{text:"Apply",themeColor:"primary"}),se(i,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};to.options=Mp;to.states=Sp;to.variants=Ip;to.defaultOptions=Oi;to.modifiers=yp;to.className=J.className;import _r from"react";import{jsx as Pi}from"react/jsx-runtime";var Cp="k-list-group-sticky-header",Dr=e=>Pi("div",{className:n(Cp,e.className),children:Pi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Tp}from"react/jsx-runtime";var Ep="k-no-data",Ia=e=>{let{live:t,...o}=e;return Tp("span",{...o,className:n(Ep,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Rt="list",oo=Rt;import{jsx as wi,jsxs as Bi}from"react/jsx-runtime";var zr="k-list",Ap=[],Op={size:[p.undefined,p.small,p.medium,p.large]},Pp={},K=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:l,customValue:d,noData:c,screenReaders:u,...f}=e,g=_r.Children.toArray(a)[0],m=g?.props?.children?_r.Children.count(g.props.children):_r.Children.count(a);return Bi("div",{...f,className:n(e.className,zr,E(zr,{size:t}),{"k-virtual-list":o}),children:[l,d,r&&wi(Dr,{children:r}),a||(c!==void 0?c:wi(Ia,{live:!0,children:"No data found."})),u&&a&&Bi(Ia,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};K.states=Ap;K.options=Op;K.className=zr;K.defaultOptions=Pp;K.moduleName=Rt;K.folderName=oo;K.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Kp}from"react/jsx-runtime";var Ri="k-list-container",wp=[],Bp={},Rp={},ao=e=>{let{...t}=e;return Kp("div",{...t,className:n(e.className,Ri),children:e.children})};ao.states=wp;ao.options=Bp;ao.className=Ri;ao.defaultOptions=Rp;ao.moduleName=Rt;ao.folderName=oo;var Kt="checkbox",ro=Kt;import{jsx as Ki}from"react/jsx-runtime";var ya="k-checkbox",Dp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],_p={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},zp={},He=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:l,disabled:d,invalid:c,valid:u,required:f,size:b,rounded:g,wrapperRole:m,...L}=e;return Ki("span",{className:"k-checkbox-wrap",role:m,children:Ki("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,ya,E(ya,{size:b,rounded:g}),S(ya,{hover:r,focus:l,disabled:d,invalid:c,valid:u,indeterminate:a,checked:o}))})})};He.states=Dp;He.options=_p;He.className=ya;He.defaultOptions=zp;He.moduleName=Kt;He.folderName=ro;He.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 Ye=He;import{jsx as Fp}from"react/jsx-runtime";var Di="k-checkbox-list",Hp=[],Up={},_i={layout:"vertical"},he=e=>{let{layout:t=_i.layout,...o}=e;return Fp("ul",{...o,className:n(e.className,Di,{[`k-list-${t}`]:t}),children:e.children})};he.states=Hp;he.options=Up;he.className=Di;he.defaultOptions=_i;he.moduleName=Kt;he.folderName=ro;import{jsx as Xp}from"react/jsx-runtime";var zi="k-checkbox-list-item",Gp=[],Vp={},$p={},xe=e=>{let{...t}=e;return Xp("li",{...t,className:n(e.className,zi),children:e.children})};xe.states=Gp;xe.options=Vp;xe.className=zi;xe.defaultOptions=$p;xe.moduleName=Kt;xe.folderName=ro;import{Fragment as qp,jsx as Hi,jsxs as Wp}from"react/jsx-runtime";var st=({children:e="Label",id:t="cb-label-after",...o})=>Wp(qp,{children:[Hi(Ye,{id:t,...o}),Hi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as yL,jsx as IL,jsxs as CL}from"react/jsx-runtime";import{Fragment as PL,jsx as OL,jsxs as wL}from"react/jsx-runtime";import{Fragment as _L,jsx as DL,jsxs as zL}from"react/jsx-runtime";import{jsx as GL}from"react/jsx-runtime";import{jsx as qL}from"react/jsx-runtime";import{jsx as YL}from"react/jsx-runtime";import{jsx as Ue,jsxs as Ui}from"react/jsx-runtime";var Jp=he.options,Zp=he.states,Yp={...he.defaultOptions,variant:"vertical"},Qp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],jp=[],no=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ui(he,{layout:"horizontal",...o,children:[Ue(xe,{children:Ue(st,{id:H("cb"),defaultChecked:!0,children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})})]}):Ui(he,{...o,children:[Ue(xe,{children:Ue(st,{id:H("cb"),defaultChecked:!0,children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})}),Ue(xe,{children:Ue(st,{id:H("cb"),children:"Label"})})]})};no.options=Jp;no.states=Zp;no.variants=Qp;no.defaultOptions=Yp;no.modifiers=jp;no.className=he.className;import{jsx as nc}from"react/jsx-runtime";var ec=Ye.options,tc=Ye.states,oc=Ye.defaultOptions,ac=[],rc=[],io=e=>nc(st,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});io.options=ec;io.states=tc;io.variants=ac;io.defaultOptions=oc;io.modifiers=rc;io.className=Ye.className;import{jsx as Dt,jsxs as dc}from"react/jsx-runtime";var Hr="k-list-item",ic=[s.hover,s.focus,s.selected,s.disabled],sc={},lc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:l,showCheckbox:d,checked:c,hover:u,focus:f,selected:b,disabled:g,actions:m,description:L,id:k,...I}=e,C=t||e.children;return dc("li",{...I,id:k,role:a?"presentation":"option",tabIndex:a?void 0:f?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:n(e.className,a?"k-list-group-item":Hr,S(Hr,{hover:u,focus:f,disabled:g,selected:b})),children:[d&&Dt(He,{checked:c}),r&&Dt("span",{className:"k-list-item-icon-wrapper",children:Dt(v,{icon:r,className:n("k-list-item-icon",l)})}),Dt("span",{className:"k-list-item-text",children:C}),m&&Dt("div",{className:"k-list-item-actions",children:m}),L&&Dt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Dt("div",{className:"k-list-item-group-label",children:o})]})};O.states=ic;O.options=sc;O.className=Hr;O.defaultOptions=lc;O.moduleName=Rt;O.folderName=oo;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as cc}from"react/jsx-runtime";var pc="k-list-ul",lt=e=>{let{children:t,role:o,id:a,...r}=e;return cc("ul",{...r,id:a,role:o,className:n(pc,e.className),children:t})};lt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Ur,jsxs as uc}from"react/jsx-runtime";var mc="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:l,...d}=e;return uc("div",{...d,className:n(mc,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Ur(lt,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Ur("div",{className:"k-height-container",children:Ur("div",{})})]})};F.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as UM,jsx as HM,jsxs as FM}from"react/jsx-runtime";import{jsx as Fr,jsxs as bc}from"react/jsx-runtime";var fc="k-list-group-item",_t=e=>{let{groupIconName:t,...o}=e;return bc("li",{...o,role:"presentation",className:n(fc,e.className),children:[t&&Fr("span",{className:"k-list-item-icon-wrapper",children:Fr(v,{icon:t,className:"k-list-item-icon"})}),Fr("span",{className:"k-list-item-text",children:e.children})]})};_t.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as kc}from"react/jsx-runtime";var Gr="k-list-optionlabel",hc=[s.hover,s.focus,s.selected,s.disabled],xc={},gc={},Ca=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...d}=e;return kc("div",{...d,className:n(Gr,S(Gr,{hover:o,focus:a,selected:r,disabled:l})),children:t})};Ca.states=hc;Ca.options=xc;Ca.className=Gr;Ca.defaultOptions=gc;import{jsx as Mc}from"react/jsx-runtime";var Vr="k-list-custom-value",Nc=[s.hover,s.focus,s.selected,s.disabled],vc={},Lc={},Mt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...d}=e;return Mc("div",{...d,className:n(Vr,S(Vr,{hover:o,focus:a,selected:r,disabled:l})),children:t})};Mt.states=Nc;Mt.options=vc;Mt.className=Vr;Mt.defaultOptions=Lc;import{Fragment as rS,jsx as aS,jsxs as nS}from"react/jsx-runtime";import{Fragment as cS,jsx as pS,jsxs as mS}from"react/jsx-runtime";import{Fragment as kS,jsx as xS,jsxs as gS}from"react/jsx-runtime";import{Fragment as yS,jsx as SS,jsxs as IS}from"react/jsx-runtime";import{jsx as AS}from"react/jsx-runtime";import{Fragment as KS,jsx as RS,jsxs as DS}from"react/jsx-runtime";var $r="combobox",Fi=$r;import{Fragment as Xr,jsx as oe,jsxs as Yo}from"react/jsx-runtime";var Gi="k-combobox",Sc=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Ic={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Vi={separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Vi.separators,prefix:l,suffix:d,value:c,placeholder:u,hover:f,focus:b,valid:g,invalid:m,required:L,loading:k,disabled:I,popup:C,opened:M,readonly:P,adaptive:q,adaptiveSettings:U,adaptiveTitle:me,adaptiveSubtitle:ue,adaptiveCustomValue:ye,id:Pt,autocomplete:ja,activeDescendant:ht,"aria-label":ua,...er}=e,tr=Pt?`${Pt}-listbox`:void 0;return Yo(Xr,{children:[Yo(Q,{...er,size:t,rounded:o,fillMode:a,hover:f,focus:b,valid:g,invalid:m,required:L,loading:k,disabled:I,readonly:P,className:n(e.className,Gi),children:[l&&Yo(Xr,{children:[oe(Ke,{children:l}),r&&oe(_e,{})]}),oe(Ee,{id:Pt,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?tr:void 0,"aria-activedescendant":M&&ht?ht:void 0,"aria-autocomplete":ja,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":ua,disabled:I,readOnly:P}),oe(fe,{valid:g,invalid:m,loading:k,disabled:I}),oe(ve,{loading:k,disabled:I}),oe(Ce,{loading:k,disabled:I,readonly:P,value:c}),d&&Yo(Xr,{children:[r&&oe(_e,{}),oe(De,{children:d})]}),oe(i,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),M&&C&&oe(V,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:C}),q&&oe(J,{adaptive:!0,id:Pt?`${Pt}-adaptive`:void 0,...U,header:oe(be,{actionsEnd:oe(i,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:me,subtitle:ue}),children:oe("div",{className:"k-list-container",children:oe(K,{customValue:ye?oe(Mt,{text:`Use "${c}"`}):void 0,size:"large",children:Yo(F,{"aria-label":me||"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};$.states=Sc;$.options=Ic;$.className=Gi;$.defaultOptions=Vi;$.moduleName=$r;$.folderName=Fi;$.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Te=$;import{jsx as yc}from"react/jsx-runtime";var $i=e=>yc(Te,{...e});import{jsx as NI,jsxs as vI}from"react/jsx-runtime";import{jsx as CI,jsxs as EI}from"react/jsx-runtime";import{jsx as BI,jsxs as RI}from"react/jsx-runtime";import{Fragment as UI,jsx as HI}from"react/jsx-runtime";import{Fragment as qI,jsx as XI}from"react/jsx-runtime";import{jsx as jI,jsxs as ey}from"react/jsx-runtime";import{Fragment as ly,jsx as iy,jsxs as sy}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as hy}from"react/jsx-runtime";import{jsx as Ly,jsxs as My}from"react/jsx-runtime";import{jsx as Ty,jsxs as Ay}from"react/jsx-runtime";import{jsx as St,jsxs as Pc}from"react/jsx-runtime";var Cc=$.states,Ec=$.defaultOptions,Tc=$.options,Ac=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Oc=[],so=e=>{let{modifiers:t,...o}=e,a={},r=St(K,{style:{width:300},size:o.size,children:Pc(F,{children:[St(O,{children:"List item"}),St(O,{children:"List item"}),St(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?St(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?St(xt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?r:void 0;break;default:break}}),St("div",{children:St($i,{value:"Value",style:{width:300},...o,...a})})};so.options=Tc;so.states=Cc;so.variants=Oc;so.defaultOptions=Ec;so.modifiers=Ac;so.className=$.className;var qr="dropzone",Xi=qr;import{jsx as Ea,jsxs as Rc}from"react/jsx-runtime";var Wr="k-external-dropzone",wc=[s.disabled,s.hover],Bc={},Jr={icon:"upload",hint:"Drag and drop files here to upload"},Le=e=>{let{hover:t,disabled:o,icon:a=Jr.icon,hint:r=Jr.hint,note:l,...d}=e;return Ea("div",{...d,className:n(e.className,Wr,S(Wr,{disabled:o}),{"k-external-dropzone-hover":t}),children:Rc("div",{className:"k-dropzone-inner",children:[a&&Ea(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&Ea("span",{className:"k-dropzone-hint",children:r}),l&&Ea("span",{className:"k-dropzone-note",children:l})]})})};Le.states=wc;Le.options=Bc;Le.className=Wr;Le.defaultOptions=Jr;Le.moduleName=qr;Le.folderName=Xi;import{jsx as Kc}from"react/jsx-runtime";var Ta=e=>Kc(Le,{...e});import{jsx as mC}from"react/jsx-runtime";import{jsx as Fc}from"react/jsx-runtime";var Dc=Le.options,_c=Le.states,zc=Le.defaultOptions,Hc=[{name:"note",title:"Note"}],Uc=[],lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{r==="note"&&(a.note=t?.[r]?"Only JPEG, PNG and SVG files are allowed.":void 0)}),Fc(Ta,{style:{width:"500px"},...o,...a})};lo.options=Dc;lo.states=_c;lo.variants=Uc;lo.defaultOptions=zc;lo.modifiers=Hc;lo.className=Le.className;var Zr="menu-button",qi=Zr;import{jsx as $c}from"react/jsx-runtime";var Wi="k-menu-button",Gc=[s.hover,s.focus,s.active,s.selected,s.disabled],Vc={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Yr={showArrow:!0,arrowIconName:"chevron-down"},w=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,showArrow:m=Yr.showArrow,arrowIconName:L=Yr.arrowIconName,expanded:k,...I}=e;return $c(i,{...I,className:n(e.className,Wi),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,icon:b,showArrow:m,arrowIconName:L,"aria-expanded":k?"true":"false",...!g&&b&&!e["aria-label"]&&{"aria-label":"Menu"},...f&&{"aria-disabled":"true"}})};w.states=Gc;w.options=Vc;w.className=Wi;w.defaultOptions=Yr;w.moduleName=Zr;w.folderName=qi;w.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as PC}from"react/jsx-runtime";import{jsx as KC}from"react/jsx-runtime";import{jsx as HC}from"react/jsx-runtime";var Ae="menu",Fe=Ae;import{jsx as Qo,jsxs as Ji}from"react/jsx-runtime";var Qr="k-menu-item",Xc=[s.hover,s.focus,s.active,s.selected,s.disabled],qc={},Zi={iconPosition:"before"},le=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=Zi.iconPosition,dir:L,children:k,expanded:I,...C}=e,M=g;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),Ji("li",{...C,className:n(e.className,Qr,"k-item",S(Qr,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":I?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ji("span",{className:n("k-link k-menu-link"),children:[d&&m==="before"&&Qo(v,{className:"k-menu-link-icon",icon:d}),Qo("span",{className:"k-menu-link-text",children:c}),d&&m==="after"&&Qo(v,{className:"k-menu-link-icon",icon:d}),b&&Qo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Qo(v,{icon:M})})]}),k]})};le.states=Xc;le.options=qc;le.className=Qr;le.defaultOptions=Zi;le.moduleName=Ae;le.folderName=Fe;import{jsx as jo,jsxs as Yi}from"react/jsx-runtime";var jr="k-menu-item",Wc=[s.hover,s.focus,s.active,s.selected,s.disabled],Jc={},en={dir:"ltr",iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=en.iconPosition,dir:L=en.dir,children:k,popup:I,expanded:C,...M}=e,P=g;return P||(P=L==="rtl"?"chevron-left":"chevron-right"),Yi("li",{...M,className:n(e.className,jr,"k-item",S(jr,{focus:o,disabled:l}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":C?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Yi("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[d&&m==="before"&&jo(v,{className:"k-menu-link-icon",icon:d}),jo("span",{className:"k-menu-link-text",children:c}),d&&m==="after"&&jo(v,{className:"k-menu-link-icon",icon:d}),b&&jo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:jo(v,{icon:P})})]}),k,I]})};W.states=Wc;W.options=Jc;W.className=jr;W.defaultOptions=en;W.moduleName=Ae;W.folderName=Fe;import{jsx as jc}from"react/jsx-runtime";var Qi="k-menu-scroll-wrapper",Zc=[],Yc={},Qc={},zt=e=>{let{className:t,children:o,orientation:a,...r}=e;return jc("div",{...r,className:n(t,Qi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};zt.states=Zc;zt.options=Yc;zt.className=Qi;zt.defaultOptions=Qc;zt.moduleName=Ae;zt.folderName=Fe;var ji=zt;import{Fragment as tn,jsx as Ht,jsxs as Oa}from"react/jsx-runtime";var on="k-menu",em=[],tm={},Pa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Pa.orientation,header:a=Pa.header,scrollable:r,scrollButtonsPosition:l=Pa.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:u,contextMenu:f,...b}=e,g={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},m=Ht("ul",{dir:c,...b,className:n(e.className,"k-reset",on,{[`${on}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Oa(tn,{children:[r?Oa(ji,{orientation:o,style:d,dir:e.dir,children:[l==="start"&&Oa(tn,{children:[Ht(i,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ht(i,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Ht(i,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,l==="end"&&Oa(tn,{children:[Ht(i,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ht(i,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&Ht(i,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):m,u]})};re.states=em;re.options=tm;re.className=on;re.defaultOptions=Pa;re.moduleName=Ae;re.folderName=Fe;re.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as om}from"react/jsx-runtime";var an="k-separator",es={orientation:"horizontal"},po=e=>{let{orientation:t=es.orientation,...o}=e;return om("li",{...o,className:n(e.className,"k-item",an,{[`${an}-${t}`]:t}),role:"separator"})};po.className=an;po.defaultOptions=es;po.moduleName=Ae;po.folderName=Fe;import{Fragment as bE,jsx as hE}from"react/jsx-runtime";import{jsx as im}from"react/jsx-runtime";var rn="k-menu-group",am=[],rm={size:[p.undefined,p.small,p.medium,p.large]},nm={},de=e=>{let{children:t,size:o,...a}=e;return im("ul",{...a,className:n(e.className,rn,E(rn,{size:o})),role:"menu",children:t})};de.states=am;de.options=rm;de.className=rn;de.defaultOptions=nm;de.moduleName=Ae;de.folderName=Fe;import{Fragment as sm,jsx as co,jsxs as lm}from"react/jsx-runtime";var nn=e=>co(re,{children:lm(sm,{children:[co(le,{first:!0,text:"Item 1"}),co(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),co(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),co(le,{text:"Item 4"}),co(le,{last:!0,text:"Item 5"})]}),...e});import{Fragment as AE,jsx as EE,jsxs as TE}from"react/jsx-runtime";import{Fragment as RE,jsx as BE,jsxs as KE}from"react/jsx-runtime";import{Fragment as UE,jsx as HE,jsxs as FE}from"react/jsx-runtime";import{Fragment as qE,jsx as XE,jsxs as WE}from"react/jsx-runtime";import{jsx as Ut,jsxs as um}from"react/jsx-runtime";var dm={...re.options,scrollable:{type:"boolean"}},pm=re.states,ts={...re.defaultOptions,variant:"horizontal"},cm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mm=[{name:"opened",title:"Opened"}],mo=e=>{let{variant:t,modifiers:o,...a}={...ts,...e},r={};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!o?.[l],r.popup=Ut(V,{className:"k-menu-popup",children:um(de,{children:[Ut(W,{text:"Item 1"}),Ut(W,{text:"Item 2"}),Ut(po,{}),Ut(W,{text:"Item 3"})]})}))}),t==="vertical"?Ut(nn,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Ut(nn,{...a,...r})};mo.options=dm;mo.states=pm;mo.variants=cm;mo.defaultOptions=ts;mo.modifiers=mm;mo.className=re.className;import{Fragment as yT,jsx as ST,jsxs as IT}from"react/jsx-runtime";import{jsx as AT}from"react/jsx-runtime";import{Fragment as gm,jsx as ot,jsxs as os}from"react/jsx-runtime";var fm=i.states,as={...i.defaultOptions,variant:"text"},bm=i.options,hm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xm=[{name:"opened",title:"Opened"}],uo=e=>{let{variant:t,modifiers:o,...a}={...as,...e},r={},l=ot(V,{className:"k-menu-popup",children:os(de,{size:a.size,children:[ot(W,{first:!0,text:"Menu Item"}),ot(W,{text:"Menu Item"}),ot(W,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=ot("div",{children:ot(w,{...a,...r,icon:"star"})});break;case"icon-and-text":d=ot("div",{children:ot(w,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=ot("div",{children:ot(w,{...a,...r,children:"Dropdown Button"})});break}return os(gm,{children:[d,o?.opened&&l]})};uo.options=bm;uo.states=fm;uo.variants=hm;uo.defaultOptions=as;uo.modifiers=xm;uo.className=w.className;var rs="dropdown-list",ns="dropdownlist";import{Fragment as vm,jsx as ge,jsxs as sn}from"react/jsx-runtime";var is="k-dropdownlist",km=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Nm={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ln={showValue:!0,arrowIconName:"chevron-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ln.arrowIconName,showValue:l=ln.showValue,valueIconName:d,prefix:c,suffix:u,value:f,placeholder:b,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,popup:q,opened:U,adaptive:me,adaptiveSettings:ue,adaptiveTitle:ye,adaptiveSubtitle:Pt,adaptiveFilter:ja,id:ht,activeDescendant:ua,"aria-label":er,...tr}=e,gl=ht?`${ht}-listbox`:void 0,Hn=ht?`${ht}-value`:void 0;return sn(vm,{children:[sn(je,{...tr,id:ht,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,className:n(e.className,is,{"k-icon-picker":!l&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":U?"true":"false","aria-controls":U?gl:void 0,"aria-activedescendant":U&&ua?ua:void 0,"aria-describedby":U?Hn:void 0,"aria-disabled":M?"true":void 0,"aria-label":er,tabIndex:0,children:[ge(Ke,{children:c}),ge(Bt,{placeholder:b,value:f,showValue:l,valueIconName:d,id:Hn}),ge(fe,{valid:L,invalid:k,loading:C,disabled:M}),ge(ve,{loading:C,disabled:M}),ge(De,{children:u}),ge(i,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),U&&q&&ge(V,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:q}),me&&ge(J,{adaptive:!0,...ue,header:ge(be,{actionsEnd:ge(i,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ja,inputValue:f,inputPlaceholder:b,title:ye,subtitle:Pt}),children:ge("div",{className:"k-list-container",children:ge(K,{size:"large",children:sn(F,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};Z.states=km;Z.options=Nm;Z.className=is;Z.defaultOptions=ln;Z.moduleName=rs;Z.folderName=ns;Z.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as lA}from"react/jsx-runtime";import{jsx as fA,jsxs as bA}from"react/jsx-runtime";import{Fragment as SA,jsx as LA,jsxs as MA}from"react/jsx-runtime";import{jsx as TA}from"react/jsx-runtime";import{jsx as RA,jsxs as KA}from"react/jsx-runtime";import{Fragment as $A,jsx as GA,jsxs as VA}from"react/jsx-runtime";import{jsx as ZA}from"react/jsx-runtime";import{Fragment as Cm,jsx as It,jsxs as ss}from"react/jsx-runtime";var Lm=Z.states,Mm=Z.defaultOptions,Sm=Z.options,Im=[{name:"opened",title:"Opened"}],ym=[],bo=e=>{let{modifiers:t,...o}=e,a={},r=ss(Cm,{children:[It("div",{className:"k-list-filter",children:It(ze,{})}),It(K,{style:{width:300},size:o.size,children:ss(F,{children:[It(O,{children:"List item"}),It(O,{children:"List item"}),It(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?r:void 0)}),It("div",{children:It(Z,{placeholder:"Value",style:{width:300},...o,...a})})};bo.options=Sm;bo.states=Lm;bo.variants=ym;bo.defaultOptions=Mm;bo.modifiers=Im;bo.className=Z.className;import{jsx as ls,jsxs as Pm}from"react/jsx-runtime";var ds="k-spin-button",Am=[],Om={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},dn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=dn.increaseLabel,decreaseLabel:l=dn.decreaseLabel,...d}=e;return Pm("span",{...d,className:n(ds,e.className),children:[ls(i,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),ls(i,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};yt.states=Am;yt.options=Om;yt.className=ds;yt.defaultOptions=dn;yt.moduleName=null;yt.folderName=null;var ps="numeric-textbox",cs="numerictextbox";import{Fragment as ms,jsx as dt,jsxs as pn}from"react/jsx-runtime";var us="k-numerictextbox",wm=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Bm={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},wa={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:r=wa.separators,showClearButton:l=wa.showClearButton,showSpinButton:d=wa.showSpinButton,prefix:c,suffix:u,value:f,placeholder:b,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,id:q,"aria-label":U,"aria-describedby":me,...ue}=e;return pn(Q,{...ue,size:t,rounded:o,fillMode:a,hover:g,focus:m,valid:L,invalid:k,required:I,loading:C,disabled:M,readonly:P,className:n(e.className,us),children:[c&&pn(ms,{children:[dt(Ke,{children:c}),r&&dt(_e,{})]}),dt(Ee,{id:q,placeholder:b,value:f,role:"spinbutton",disabled:M,"aria-label":U,"aria-describedby":me,"aria-invalid":k?"true":void 0}),dt(fe,{valid:L,invalid:k,loading:C,disabled:M}),dt(ve,{loading:C,disabled:M}),l&&dt(Ce,{loading:C,disabled:M,readonly:P,value:f}),u&&pn(ms,{children:[r&&dt(_e,{}),dt(De,{children:u})]}),d&&dt(yt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};z.states=wm;z.options=Bm;z.className=us;z.defaultOptions=wa;z.moduleName=ps;z.folderName=cs;z.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 ea=z;import{jsx as Rm}from"react/jsx-runtime";var fs=e=>Rm(ea,{...e});import{Fragment as KO,jsx as RO}from"react/jsx-runtime";import{Fragment as FO,jsx as UO}from"react/jsx-runtime";import{jsx as XO}from"react/jsx-runtime";import{jsx as cn}from"react/jsx-runtime";var Km=z.states,Dm=z.defaultOptions,_m=z.options,zm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Hm=[],ho=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?cn(Z,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?cn(gr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),cn(fs,{value:"Value",style:{width:300},...o,...a})};ho.options=_m;ho.states=Km;ho.variants=Hm;ho.defaultOptions=Dm;ho.modifiers=zm;ho.className=z.className;var mn="pager",bs=mn;import{Fragment as hs,jsx as Me,jsxs as xo}from"react/jsx-runtime";var Ba="k-pager",Um=[s.focus,s.disabled],Fm={size:[p.undefined,p.small,p.medium,p.large]},Oe={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},j=e=>{let{responsive:t=Oe.responsive,size:o,pagerSizeInfo:a=Oe.pagerSizeInfo,pageTitleInfo:r=Oe.pageTitleInfo,maxPagesInfo:l=Oe.maxPagesInfo,itemsPerPage:d=Oe.itemsPerPage,maxPages:c=Oe.maxPages,currentPage:u=Oe.currentPage,previousNext:f=Oe.previousNext,type:b=Oe.type,pageSizes:g=Oe.pageSizes,refresh:m=Oe.refresh,info:L=Oe.info,focus:k,disabled:I,dir:C,...M}=e,P=[],q=[];for(let U=1;U<=c;U++)P.push(Me(i,{selected:U===u,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${U}`,...U===u&&{"aria-current":"page"},children:U},U)),q.push(Me("option",{selected:U===u,children:U},U));return xo("div",{dir:C,...M,className:n(e.className,Ba,E(Ba,{size:o}),S(Ba,{focus:k,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${u} of ${c}`,children:[xo("div",{className:n("k-pager-numbers-wrap"),children:[f&&xo(hs,{children:[Me(i,{className:n("k-pager-nav","k-pager-first"),ariaDisabled:u===1,fillMode:"flat",size:o,icon:C==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Me(i,{className:n("k-pager-nav"),ariaDisabled:u===1,fillMode:"flat",size:o,icon:C==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),b==="numeric"&&Me("div",{className:n("k-pager-numbers"),children:P}),b==="input"&&xo("span",{className:n("k-pager-input"),children:[r&&Me("span",{children:"Page"}),Me(z,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Me("span",{children:l&&`of ${c}`})]}),f&&xo(hs,{children:[Me(i,{className:n("k-pager-nav"),ariaDisabled:u===c,fillMode:"flat",size:o,icon:C==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),Me(i,{className:n("k-pager-nav","k-pager-last"),ariaDisabled:u===c,fillMode:"flat",size:o,icon:C==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),g&&xo("span",{className:n("k-pager-sizes"),children:[Me(Z,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&Me("span",{children:"items per page"})]}),m&&Me(i,{className:n("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),L&&Me("span",{className:n("k-pager-info"),children:L})]})};j.states=Um;j.options=Fm;j.className=Ba;j.defaultOptions=Oe;j.moduleName=mn;j.folderName=bs;j.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as gP}from"react/jsx-runtime";import{jsx as Gm}from"react/jsx-runtime";var ta=e=>Gm(j,{type:"input",responsive:!1,...e});import{jsx as IP}from"react/jsx-runtime";import{jsx as xs}from"react/jsx-runtime";var Vm=j.options,$m=j.states,Xm={...j.defaultOptions,variant:"numeric"},qm=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Wm=[],go=e=>{let{variant:t,...o}=e;return t==="input"?xs(j,{...o,type:"input"}):xs(j,{...o,type:"numeric"})};go.options=Vm;go.states=$m;go.variants=qm;go.defaultOptions=Xm;go.modifiers=Wm;go.className=j.className;import{jsx as gs,jsxs as Ym}from"react/jsx-runtime";var ks="k-color-preview",Jm=[],Zm={},Ct=e=>{let{color:t,iconName:o,...a}=e;return Ym("span",{...a,className:n(e.className,ks,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&gs(v,{icon:o,className:"k-color-preview-icon"}),gs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ct.states=Jm;Ct.options=Zm;Ct.className=ks;var un="slider",Ns=un;import{jsx as ko,jsxs as fn}from"react/jsx-runtime";var oa="k-slider",Qm=[s.hover,s.focus,s.active,s.disabled,s.readonly],jm={},Ge={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},G=e=>{let{type:t=Ge.type,orientation:o=Ge.orientation,gradientType:a=Ge.gradientType,readonly:r=Ge.readonly,disabled:l=Ge.disabled,handlePosition:d=Ge.handlePosition,showButtons:c=Ge.showButtons,showTicks:u=Ge.showTicks,value:f=Ge.value,min:b=Ge.min,max:g=Ge.max,startValue:m,endValue:L,hover:k,focus:I,active:C,trackStyle:M,dir:P,...q}=e,me=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ue,ye;return o==="horizontal"?(ue=P==="rtl"?"chevron-left":"chevron-right",ye=P==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ue="chevron-up",ye="chevron-down"),fn("div",{...q,className:n(oa,e.className,S(oa,{readonly:r,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:P,children:[c&&ko(i,{className:"k-button-decrease",rounded:"full",icon:ye,tabIndex:-1,title:"Decrease"}),fn("div",{className:"k-slider-track-wrap",children:[u&&ko("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),fn("div",{className:"k-slider-track",style:M,children:[ko("div",{className:"k-slider-selection"}),t==="range"&&ko("span",{className:n("k-draghandle","k-draghandle-start",S(oa,{hover:k,focus:I,active:C})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":m??b,"aria-valuemin":b,"aria-valuemax":L??g,"aria-orientation":me,"aria-disabled":l?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":q["aria-label"]?`${q["aria-label"]} start`:"Range start"}),ko("span",{className:n("k-draghandle",`k-draghandle-${d}`,S(oa,{hover:k,focus:I,active:C})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?m??b:b,"aria-valuemax":g,"aria-orientation":me,"aria-disabled":l?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?q["aria-label"]?`${q["aria-label"]} end`:"Range end":q["aria-label"]})]})]}),c&&ko(i,{className:"k-button-increase",rounded:"full",icon:ue,tabIndex:-1,title:"Increase"})]})};G.states=Qm;G.options=jm;G.className=oa;G.defaultOptions=Ge;G.moduleName=un;G.folderName=Ns;G.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as vs}from"react/jsx-runtime";var Ls="k-tick",eu=[],tu={},Ms={label:!1},T=e=>{let{style:t,label:o=Ms.label,orientation:a,large:r,text:l,...d}=e;return vs("li",{...d,role:"presentation",title:l||"Tick",className:n(e.className,Ls,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&vs("span",{className:"k-label",children:l})})};T.states=eu;T.options=tu;T.className=Ls;T.defaultOptions=Ms;import{Fragment as ou,jsx as Ve,jsxs as au}from"react/jsx-runtime";var Ss=e=>Ve(G,{"aria-label":e["aria-label"]||"Slider",children:au(ou,{children:[Ve(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{label:!0,large:!0,text:"5"}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{}),Ve(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as ru,jsx as $e,jsxs as nu}from"react/jsx-runtime";var Is=e=>$e(G,{children:nu(ru,{children:[$e(T,{className:"k-first",label:!0,large:!0,text:"0"}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{label:!0,large:!0,text:"5"}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{}),$e(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as sw,jsx as iw,jsxs as lw}from"react/jsx-runtime";import{Fragment as uw,jsx as mw,jsxs as fw}from"react/jsx-runtime";import{jsx as iu}from"react/jsx-runtime";var bn=e=>iu(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as su}from"react/jsx-runtime";var hn=e=>su(G,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as Iw,jsx as Sw,jsxs as yw}from"react/jsx-runtime";import{Fragment as Ow,jsx as Aw,jsxs as Pw}from"react/jsx-runtime";import{jsx as at,jsxs as ys}from"react/jsx-runtime";var lu=G.options,du=G.states,Cs={...G.defaultOptions,variant:"horizontal",label:!0},pu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],No=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},r={};Object.keys(o||{}).forEach(f=>{switch(f){case"button":{r.showButtons=!!o?.[f];break}case"label":{r.label=!!o?.[f];break}case"tick":{r.showTicks=!!o?.[f];break}}});let{label:l=!0,showButtons:d,showTicks:c}=r,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ys(Is,{showTicks:c,showButtons:d,style:{height:"300px",...u},...a,children:[at(T,{label:l,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),at(T,{label:l,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ys(Ss,{showTicks:c,showButtons:d,style:{width:"400px",...u},...a,children:[at(T,{label:l,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),at(T,{label:l,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};No.options=lu;No.states=du;No.variants=pu;No.defaultOptions=Cs;No.modifiers=cu;No.className=G.className;import{Fragment as aa,jsx as B,jsxs as ee}from"react/jsx-runtime";var Es="k-colorgradient-inputs",mu=[],uu={size:[p.undefined,p.small,p.medium,p.large]},Ts={mode:"rgba"},vo=e=>{let{mode:t=Ts.mode,size:o,...a}=e;return ee("div",{...a,className:n(Es,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(i,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ee(aa,{children:[ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[B(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(aa,{children:ee("div",{className:"k-vstack k-flex-1",children:[B(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};vo.states=mu;vo.options=uu;vo.className=Es;vo.defaultOptions=Ts;import{jsx as Ft,jsxs as Gt}from"react/jsx-runtime";var As="k-colorgradient-color-contrast",fu=[],bu={},hu={},Lo=()=>Gt("div",{className:n(As,"k-vbox"),children:[Gt("div",{className:"k-contrast-ratio",children:[Ft("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:[Ft(v,{icon:"check"}),Ft(v,{icon:"check"})]})]}),Gt("div",{children:[Ft("span",{children:"AA: 4.5"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ft(v,{icon:"check"})]})]}),Gt("div",{children:[Ft("span",{children:"AAA: 7.0"}),Gt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ft(v,{icon:"x"})]})]})]});Lo.states=fu;Lo.options=bu;Lo.className=As;Lo.defaultOptions=hu;var Os="color-gradient",Ps="colorgradient";import{jsx as Xe,jsxs as ra}from"react/jsx-runtime";var Ra="k-colorgradient",xu=[s.hover,s.focus,s.readonly,s.disabled],gu={size:[p.undefined,p.small,p.medium,p.large]},rt={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"},ne=e=>{let{size:t,mode:o=rt.mode,readonly:a=rt.readonly,disabled:r=rt.disabled,gradientStyle:l=rt.gradientStyle,dragHandleStyle:d=rt.dragHandleStyle,alphaStyle:c=rt.alphaStyle,alphaStyleHorizontal:u=rt.alphaStyleHorizontal,contrast:f=rt.contrast,dir:b,hover:g,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:I=rt.canvasOrientation,role:C,tabIndex:M,...P}=e;return ra("div",{...P,role:C??"textbox","aria-label":C==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":r?"true":void 0,className:n(e.className,Ra,E(Ra,{size:t}),S(Ra,{hover:g,focus:m,readonly:a,disabled:r})),dir:b,children:[!I||I==="horizontal"&&ra("div",{className:"k-colorgradient-canvas k-hstack",children:[Xe("div",{className:"k-hsv-rectangle",style:l,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ra("div",{className:"k-hsv-controls k-hstack",children:[Xe(hn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Xe(hn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),I==="vertical"&&ra("div",{className:"k-colorgradient-canvas k-vstack",children:[Xe("div",{className:"k-hsv-rectangle",style:l,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":k}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),ra("div",{className:"k-hsv-controls k-vstack",children:[Xe(bn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&Xe(bn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),Xe(vo,{mode:e.mode,size:t}),f&&Xe(Lo,{})]})};ne.states=xu;ne.options=gu;ne.className=Ra;ne.defaultOptions=rt;ne.moduleName=Os;ne.folderName=Ps;ne.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as ku}from"react/jsx-runtime";var Ka=e=>ku(ne,{...e});import{jsx as LB}from"react/jsx-runtime";import{jsx as yB}from"react/jsx-runtime";import{jsx as xn}from"react/jsx-runtime";var Nu=ne.options,vu=ne.states,Lu={...ne.defaultOptions,variant:"rgba"},Mu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Su=[],Mo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return xn(Ka,{...o,mode:t});case"rgb":return xn(Ka,{...o,mode:t});default:return xn(Ka,{...o,mode:t})}};Mo.options=Nu;Mo.states=vu;Mo.variants=Mu;Mo.defaultOptions=Lu;Mo.modifiers=Su;Mo.className=ne.className;import{jsx as Iu}from"react/jsx-runtime";var gn=e=>Iu("tr",{role:"row",children:e.children});import{jsx as Eu}from"react/jsx-runtime";var kn="k-colorpalette-tile",yu=[s.hover,s.focus,s.selected],Cu={},So=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:l,...d}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Eu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:n(e.className,kn,S(kn,{hover:a,focus:r,selected:l})),style:c})};So.states=yu;So.options=Cu;So.className=kn;var ws="color-palette",Bs="colorpalette";import{jsx as na}from"react/jsx-runtime";var Da="k-colorpalette",Tu=[s.disabled],Au={size:[p.undefined,p.small,p.medium,p.large]},Rs={columns:10},ke=e=>{let{size:t,palette:o,columns:a=Rs.columns,tileSize:r,disabled:l,...d}=e,c=[];if(o){let u=a||o.columns,f=o.colors?o.colors:o;Array.isArray(f)&&Array.from({length:Math.ceil(f.length/u)},(b,g)=>{let m=[];f.slice(g*u,(g+1)*u).map((k,I)=>{m.push(na(So,{color:k,tileSize:r},I))});let L=na(gn,{children:m},g);c.push(L)})}return na("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:n(e.className,Da,S(Da,{disabled:l}),E(Da,{size:t})),children:na("table",{className:"k-colorpalette-table",role:"none",children:na("tbody",{children:c.length>0?c:e.children})})})};ke.states=Tu;ke.options=Au;ke.className=Da;ke.defaultOptions=Rs;ke.moduleName=ws;ke.folderName=Bs;ke.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 _a=ke;var ia={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Ou}from"react/jsx-runtime";var Ks=e=>Ou(_a,{palette:ia.basic,...e});import{jsx as sR}from"react/jsx-runtime";import{jsx as uR,jsxs as fR}from"react/jsx-runtime";import{jsx as _u}from"react/jsx-runtime";var Pu=ke.options,wu=ke.states,Bu={...ke.defaultOptions,variant:"basic"},Ru=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ku={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}},Du=[],Io=e=>{let{variant:t="basic",...o}=e,a=Ku[t];return _u(Ks,{columns:a.columns,palette:a,...o})};Io.options=Pu;Io.states=wu;Io.variants=Ru;Io.defaultOptions=Bu;Io.modifiers=Du;Io.className=ke.className;var Ds="color-editor",_s="coloreditor";import{jsx as qe,jsxs as yo}from"react/jsx-runtime";var za="k-coloreditor",zu=[s.focus],Hu={size:[p.undefined,p.small,p.medium,p.large]},sa={view:"gradient",palette:ia.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=sa.view,palette:a=sa.palette,color:r,currentColor:l,focus:d,focusView:c,dir:u,group:f,actionButtons:b=sa.actionButtons,canvasOrientation:g=sa.canvasOrientation,...m}=e;return yo("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",za,E(za,{size:t}),S(za,{focus:d})),dir:u,children:[yo("div",{className:"k-coloreditor-header k-hstack",children:[qe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&yo(y,{fillMode:"flat",children:[qe(i,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),qe(i,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),qe("div",{className:"k-spacer"}),yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[qe(i,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),yo("div",{className:"k-coloreditor-preview k-vstack",children:[qe(Ct,{className:"k-coloreditor-preview-color",color:r}),qe(Ct,{className:"k-coloreditor-current-color",color:l})]})]})]}),qe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?qe(ne,{focus:c,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):qe(ke,{palette:a,size:t})}),b&&yo(Ze,{className:"k-coloreditor-footer",alignment:"start",children:[qe(i,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),qe(i,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=zu;Y.options=Hu;Y.className=za;Y.defaultOptions=sa;Y.moduleName=Ds;Y.folderName=_s;Y.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 Co=Y;import{jsx as GR}from"react/jsx-runtime";import{jsx as qR}from"react/jsx-runtime";import{jsx as Uu}from"react/jsx-runtime";var zs=e=>Uu(Co,{group:!0,currentColor:"fuchsia",...e});import{jsx as Fu}from"react/jsx-runtime";var Hs=e=>Fu(Co,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Us}from"react/jsx-runtime";var Gu=Y.options,Vu=Y.states,$u={...Y.defaultOptions,variant:"gradient"},Xu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],qu=[],Eo=e=>{let{variant:t,...o}=e;return t==="palette"?Us(Hs,{...o,color:"white"}):Us(zs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Eo.options=Gu;Eo.states=Vu;Eo.variants=Xu;Eo.defaultOptions=$u;Eo.modifiers=qu;Eo.className=Y.className;var Fs="color-picker",Gs="colorpicker";import{Fragment as Zu,jsx as We,jsxs as Nn}from"react/jsx-runtime";var Vs="k-colorpicker",Wu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Ju={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},$s={arrowIconName:"chevron-down"},Pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=$s.arrowIconName,prefix:l,suffix:d,value:c,placeholder:u,hover:f,focus:b,valid:g,invalid:m,required:L,disabled:k,valueIconName:I,popup:C,opened:M,adaptive:P,adaptiveSettings:q,adaptiveTitle:U,adaptiveSubtitle:me,...ue}=e,ye="colorpicker-popup";return Nn(Zu,{children:[Nn(je,{...ue,size:t,rounded:o,fillMode:a,hover:f,focus:b,valid:g,invalid:m,required:L,disabled:k,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||P?ye:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:n(e.className,Vs,"k-icon-picker"),children:[We(Ke,{children:l}),We(Bt,{placeholder:u,value:c,showValue:!1,valueIcon:We(Ct,{className:"k-value-icon",color:c,iconName:I}),valueIconName:I}),We(De,{children:d}),We(i,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&We(V,{id:ye,className:"k-colorpicker-popup",children:C}),P&&We(J,{adaptive:!0,id:ye,...q,header:We(be,{actionsEnd:We(i,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:U,subtitle:me}),footer:Nn(gt,{children:[We(i,{text:"Cancel",size:"large"}),We(i,{text:"Set",size:"large",themeColor:"primary"})]}),children:We(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Pe.states=Wu;Pe.options=Ju;Pe.className=Vs;Pe.defaultOptions=$s;Pe.moduleName=Fs;Pe.folderName=Gs;Pe.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 pt=Pe;import{jsx as Yu}from"react/jsx-runtime";var Ha=e=>Yu(pt,{...e});import{jsx as A0}from"react/jsx-runtime";import{jsx as R0}from"react/jsx-runtime";import{jsx as z0}from"react/jsx-runtime";import{jsx as G0}from"react/jsx-runtime";import{jsx as q0}from"react/jsx-runtime";import{jsx as Y0}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Qu=pt.options,ju=pt.states,Xs={...pt.defaultOptions,variant:"color"},ef=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],tf=[{name:"opened",title:"Opened"}],To=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Vt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Vt("div",{style:l,children:Vt(Ha,{...a,...r})});case"icon":return Vt("div",{style:l,children:Vt(Ha,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Vt("div",{style:l,children:Vt(Ha,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};To.options=Qu;To.states=ju;To.variants=ef;To.defaultOptions=Xs;To.modifiers=tf;To.className=pt.className;var vn="split-button",qs=vn;import{Fragment as rf,jsx as Ln,jsxs as Ws}from"react/jsx-runtime";var Mn="k-split-button",of=[s.hover,s.focus,s.active,s.selected,s.disabled],af={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Js={arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,arrowIconName:m=Js.arrowIconName,popup:L,opened:k,popupId:I,...C}=e;return Ws(rf,{children:[Ws("div",{...C,className:n(e.className,Mn,"k-button-group",E(Mn,{rounded:o})),children:[Ln(i,{text:g,icon:b,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:d,active:c,selected:u,disabled:f,...!g&&!e.children&&b&&{"aria-label":"Action"},children:e.children}),Ln(i,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:a,disabled:f,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?I:void 0,tabIndex:-1,...f&&{"aria-disabled":"true"}})]}),k&&L&&Ln(V,{className:"k-menu-popup",children:L})]})};R.states=of;R.options=af;R.className=Mn;R.defaultOptions=Js;R.moduleName=vn;R.folderName=qs;R.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 Sn=R;import{jsx as sf}from"react/jsx-runtime";var nf="k-toolbar-separator",X=e=>sf("div",{className:n(nf,e.className,"k-separator")});var ct="toolbar",Et=ct;import{Fragment as In,jsx as D,jsxs as Ao}from"react/jsx-runtime";var mt="k-toolbar",lf=[s.focus],df={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},pf={scrollButtons:"around"},_=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:l,scrollButtons:d,scrollingPosition:c,section:u,...f}=e,b=[],g=(m,L)=>{let k=[];if(m.type===i&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(D(i,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===i)k.push(D(i,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Go)k.push(D(Go,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===xt)k.push(D(xt,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===w)k.push(D(w,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Sn)k.push(D(Sn,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===y||m.props.className&&m.props.className.includes("k-button-group")){let I=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((M,P)=>{I.push(D(i,{...M.props,className:`${M.props.className?M.props.className:""}`},`${P}-${new Date().getTime()}`))}),k.push(D(y,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:I},`${L}-${new Date().getTime()}`))}else m.type===$?k.push(D($,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Z?k.push(D(Z,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):m.type===Pe?k.push(D(Pe,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`)):k.push(m);k.forEach(I=>{b.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,k)=>{g(L,k)}),Ao("div",{...f,className:n(e.className,mt,E(mt,{size:t,fillMode:o}),S(mt,{focus:a}),{[`${mt}-resizable`]:r,[`${mt}-scrollable`]:l,[`${mt}-scrollable-overlay`]:l&&d==="hidden",[`${mt}-scrollable-${c}`]:c&&c!=="both",[`${mt}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!l&&b,l&&d==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),l&&d==="start"&&Ao(In,{children:[Ao(y,{children:[D("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-right"})})]}),D(X,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b})]}),l&&d==="end"&&Ao(In,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(X,{className:"k-toolbar-button-separator"}),Ao(y,{children:[D("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(d==="around"||!d)&&Ao(In,{children:[D("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-left"})}),D(X,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(X,{className:"k-toolbar-button-separator"}),D("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(v,{className:"k-button-icon",icon:"chevron-right"})})]})]})};_.states=lf;_.options=df;_.className=mt;_.defaultOptions=pf;_.moduleName=ct;_.folderName=Et;_.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as ff}from"react/jsx-runtime";var Zs="k-floating-toolbar",cf=[],mf={},uf={},Oo=e=>{let{...t}=e;return ff("div",{...t,className:n(e.className,Zs),children:e.children})};Oo.states=cf;Oo.options=mf;Oo.className=Zs;Oo.defaultOptions=uf;Oo.moduleName=ct;Oo.folderName=Et;import{jsx as gf}from"react/jsx-runtime";var yn="k-toolbar-item",bf=[s.focus],hf={},xf={},Po=e=>{let{focus:t,...o}=e;return gf("div",{...o,className:n(e.className,yn,S(yn,{focus:t})),children:e.children})};Po.states=bf;Po.options=hf;Po.className=yn;Po.defaultOptions=xf;Po.moduleName=ct;Po.folderName=Et;import{jsx as Ys}from"react/jsx-runtime";var Qs="k-toolbar-popup",kf=[],Nf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},vf={},$t=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Ys(V,{...r,className:n(e.className,Qs),children:a?Ys("span",{className:n("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};$t.states=kf;$t.options=Nf;$t.className=Qs;$t.defaultOptions=vf;$t.moduleName=ct;$t.folderName=Et;var Ua=$t;import{jsx as eD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{jsx as fD,jsxs as bD}from"react/jsx-runtime";import{jsx as kD}from"react/jsx-runtime";import{jsx as ut,jsxs as yf}from"react/jsx-runtime";var Lf=R.states,js={...R.defaultOptions,variant:"text"},Mf=R.options,Sf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],If=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={...js,...e},r={},l=yf(de,{size:a.size,children:[ut(W,{first:!0,text:"Menu Item"}),ut(W,{text:"Menu Item"}),ut(W,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?l:"")}),t){case"icon-only":return ut("div",{children:ut(R,{...a,...r,icon:"star"})});case"icon-and-text":return ut("div",{children:ut(R,{...a,...r,icon:"star",children:"Split Button"})});default:return ut("div",{children:ut(R,{...a,...r,children:"Split Button"})})}};wo.options=Mf;wo.states=Lf;wo.variants=Sf;wo.defaultOptions=js;wo.modifiers=If;wo.className=R.className;import{jsx as Xt,jsxs as Cf}from"react/jsx-runtime";var el=e=>Xt(_,{children:[Xt(i,{children:"Button"},"toolbar-button"),Xt(w,{text:"Menu button"},"toolbar-menu-button"),Xt(R,{children:"Split button"},"toolbar-split-button"),Cf(y,{children:[Xt(i,{className:"k-group-start",icon:"align-left",children:"Left"}),Xt(i,{icon:"align-center",children:"Center"}),Xt(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as WD,jsxs as JD}from"react/jsx-runtime";import{jsx as we,jsxs as tl}from"react/jsx-runtime";var ol=e=>we(_,{scrollable:!0,...e,children:[we(i,{children:"Button"},"toolbar-button"),we(w,{text:"Menu button"},"toolbar-menu-button"),we(R,{children:"Split button"},"toolbar-split-button"),tl(y,{children:[we(i,{className:"k-group-start",icon:"align-left",children:"Left"}),we(i,{icon:"align-center",children:"Center"}),we(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),we(i,{children:"Button"},"toolbar-button"),we(w,{text:"Menu button"},"toolbar-menu-button"),we(R,{children:"Split button"},"toolbar-split-button"),tl(y,{children:[we(i,{className:"k-group-start",icon:"align-left",children:"Left"}),we(i,{icon:"align-center",children:"Center"}),we(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Be,jsxs as al}from"react/jsx-runtime";var rl=({scrollingPosition:e="start",...t})=>Be(_,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Be(i,{children:"Button"},"toolbar-button"),Be(w,{text:"Menu button"},"toolbar-menu-button"),Be(R,{children:"Split button"},"toolbar-split-button"),al(y,{children:[Be(i,{className:"k-group-start",icon:"align-left",children:"Left"}),Be(i,{icon:"align-center",children:"Center"}),Be(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Be(i,{children:"Button"},"toolbar-button"),Be(w,{text:"Menu button"},"toolbar-menu-button"),Be(R,{children:"Split button"},"toolbar-split-button"),al(y,{children:[Be(i,{className:"k-group-start",icon:"align-left",children:"Left"}),Be(i,{icon:"align-center",children:"Center"}),Be(i,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ef,jsx as Se,jsxs as Fa}from"react/jsx-runtime";var nl=({fillMode:e,size:t,...o})=>Fa(Ef,{children:[Se(_,{section:!0,fillMode:e,size:t,children:[Se(i,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fa(y,{fillMode:e,children:[Se(i,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Se(i,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Se(i,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Se(X,{className:"k-toolbar-button-separator"}),Se(i,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Fa(Ua,{size:t,fillMode:e,section:!0,...o,children:[Se(R,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Se(i,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Se(X,{}),Se(w,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Fa(y,{fillMode:e,children:[Se(i,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Se(i,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Se(i,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as E_,jsx as y_,jsxs as C_}from"react/jsx-runtime";import{Fragment as z_,jsx as D_,jsxs as __}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";var Tf=_.options,Af=_.states,il={..._.defaultOptions,variant:"default"},Of=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Pf=[],Bo=e=>{let{variant:t,...o}={...il,...e};switch(t){case"responsive":return Tt("div",{children:Tt(nl,{style:{width:"583px"},...o})});case"overlay":return Tt("div",{children:Tt(rl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Tt("div",{children:Tt(ol,{style:{width:"583px"},...o})});default:return Tt("div",{children:Tt(el,{style:{width:"583px"},...o})})}};Bo.options=Tf;Bo.states=Af;Bo.variants=Of;Bo.defaultOptions=il;Bo.modifiers=Pf;Bo.className=_.className;import{Fragment as Ga,jsx as At,jsxs as la}from"react/jsx-runtime";var Cn="k-upload-dropzone",wf=[s.hover],Va=e=>{let{hover:t,status:o,disabled:a,hasFiles:r,filesId:l,...d}=e,c;switch(o){case"uploading":c=la(Ga,{children:[At(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=la(Ga,{children:[At(v,{icon:"check"}),"Done"]});break;case"failed":c=la(Ga,{children:[At(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=At(Ga,{});break}return la("div",{...d,className:n(e.className,Cn,"k-dropzone",S(Cn,{hover:t})),children:[la("div",{className:"k-upload-button-wrap",children:[At(i,{className:"k-upload-button","aria-disabled":a?"true":"false",...r&&l?{"aria-controls":l}:{},children:"Select files..."}),At("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),At("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&At("span",{className:"k-upload-status",children:c})]})};Va.states=wf;Va.className=Cn;var En="upload",sl=En;import{jsx as $a,jsxs as dl}from"react/jsx-runtime";var Tn="k-upload",Bf=[s.hover,s.disabled],Rf={},pl={actionsLayout:"end"},ll="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:r=pl.actionsLayout,hover:l,status:d,disabled:c,...u}=e,f=!!e.children;return dl("div",{...u,className:n(e.className,Tn,S(Tn,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[$a(Va,{status:d,hover:l,disabled:c,hasFiles:f,filesId:ll}),f&&$a("ul",{className:"k-upload-files",role:"list",id:ll,children:e.children}),a&&f&&dl(xi,{alignment:r,orientation:"horizontal",children:[$a(i,{className:"k-clear-selected",children:"Clear"}),$a(i,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=Bf;ae.options=Rf;ae.className=Tn;ae.defaultOptions=pl;ae.moduleName=En;ae.folderName=sl;ae.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var da="progressbar",Xa=da;import{jsx as On,jsxs as An}from"react/jsx-runtime";var Je="k-progressbar",Kf=[s.disabled,s.indeterminate],Df={orientation:["horizontal","vertical"]},qt={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},pe=e=>{let{disabled:t,height:o,indeterminate:a=qt.indeterminate,label:r=qt.label,labelPosition:l=qt.labelPosition,orientation:d=qt.orientation,reverse:c=qt.reverse,value:u=qt.value,width:f,style:b,ariaLabel:g,...m}=e;return An("div",{...m,className:n(e.className,Je,S(Je,{disabled:t}),{[`${Je}-${d}`]:d,[`${Je}-indeterminate`]:a,[`${Je}-reverse`]:c}),style:{...b,"--kendo-progressbar-value":u,[d==="horizontal"?"height":"width"]:d==="horizontal"?o:f},role:"progressbar","aria-label":g||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[On("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!a}),children:r&&An("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&On("div",{className:"k-progressbar-value k-selected",children:On("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l}),children:r&&An("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};pe.states=Kf;pe.options=Df;pe.className=Je;pe.defaultOptions=qt;pe.moduleName=da;pe.folderName=Xa;pe.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var cl=pe;import{jsx as Pn}from"react/jsx-runtime";var ml="k-chunk-progressbar",_f=(e,t)=>t<=e-1,zf=[s.disabled,s.indeterminate],Hf={},qa={chunkCount:5,orientation:"horizontal",progress:0},Wt=e=>{let{disabled:t,chunkCount:o=qa.chunkCount,indeterminate:a,orientation:r=qa.orientation,progress:l=qa.progress,reverse:d,ariaLabel:c,...u}=e;return Pn("div",{...u,className:n(e.className,Je,ml,S(Je,{disabled:t}),{[`${Je}-${r}`]:r,[`${Je}-indeterminate`]:a,[`${Je}-reverse`]:d}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":o,children:Pn("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,b)=>Pn("li",{className:n("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":_f(l,b)})},b))})})};Wt.states=zf;Wt.options=Hf;Wt.className=ml;Wt.defaultOptions=qa;Wt.moduleName=da;Wt.folderName=Xa;Wt.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Uf}from"react/jsx-runtime";var pa=e=>Uf(cl,{...e});import{jsx as _z}from"react/jsx-runtime";import{jsx as Ot}from"react/jsx-runtime";var Ff=pe.options,Gf=pe.states,ul={...pe.defaultOptions,variant:"start"},Vf=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],$f=[],Ro=e=>{let{variant:t,modifiers:o,...a}={...ul,...e},r={},l={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(d=>{switch(d){case"reverse":r.reverse=!!o?.[d];break;case"vertical":r.orientation=o?.[d]?"vertical":void 0,l.style=o?.[d]?void 0:{width:"324px"};break}}),t){case"end":return Ot("div",{...l,children:Ot(pa,{...a,...r,labelPosition:"end",value:"50"})});case"center":return Ot("div",{...l,children:Ot(pa,{...a,...r,labelPosition:"center",value:"50"})});case"empty":return Ot("div",{...l,children:Ot(pa,{...a,...r,label:!1,value:"50"})});default:return Ot("div",{...l,children:Ot(pa,{...a,...r,labelPosition:"start",value:"50"})})}};Ro.options=Ff;Ro.states=Gf;Ro.variants=Vf;Ro.defaultOptions=ul;Ro.modifiers=$f;Ro.className=pe.className;import{jsx as wn,jsxs as qf}from"react/jsx-runtime";var Xf="k-file-info",Bn=e=>{let{name:t,size:o,validationMsg:a,...r}=e;return qf("div",{...r,className:n(e.className,Xf),children:[t&&wn("span",{className:"k-file-name",children:t}),o&&wn("span",{className:"k-file-size",children:o}),a&&wn("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Jf,jsx as ft,jsxs as Wa}from"react/jsx-runtime";var Wf="k-file",Ie=e=>{let{status:t,progress:o,name:a,icon:r,size:l,state:d,validationMsg:c,...u}=e;return ft("li",{...u,className:n(e.className,Wf,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Wa("div",{className:"k-file-single",children:[ft(pe,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),Wa("span",{className:"k-file-icon-wrapper",children:[ft(v,{className:"k-file-icon",icon:r,size:"xxlarge"}),d&&ft("span",{className:"k-file-state",children:d})]}),ft(Bn,{name:a,size:l,validationMsg:c}),ft("div",{className:"k-upload-actions",children:t==="progress"?Wa(Jf,{children:[Wa("span",{className:"k-upload-pct",children:[o,"%"]}),ft(i,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),ft(i,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):ft(i,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as f1,jsx as m1,jsxs as u1}from"react/jsx-runtime";import{Fragment as Zf,jsx as Rn,jsxs as Yf}from"react/jsx-runtime";var ca=e=>Rn(ae,{async:!0,children:Yf(Zf,{children:[Rn(Ie,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Rn(Ie,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as S1,jsx as L1,jsxs as M1}from"react/jsx-runtime";import{jsx as Qf}from"react/jsx-runtime";var Ja=e=>Qf(ae,{async:!0,empty:!0,...e});import{Fragment as P1,jsx as O1,jsxs as w1}from"react/jsx-runtime";import{Fragment as _1,jsx as D1,jsxs as z1}from"react/jsx-runtime";import{jsx as bt,jsxs as Za}from"react/jsx-runtime";var jf=ae.options,eb=ae.states,fl={...ae.defaultOptions,variant:"empty"},tb=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],ob=[],Ko=e=>{let{variant:t,...o}={...fl,...e};switch(t){case"success":return Za(ca,{status:"done",style:{width:"586px"},...o,children:[bt(Ie,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),bt(Ie,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Za(ca,{status:"failed",style:{width:"586px"},...o,children:[bt(Ie,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),bt(Ie,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Za(ca,{status:"uploading",style:{width:"586px"},...o,children:[bt(Ie,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),bt(Ie,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Za(ca,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[bt(Ie,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),bt(Ie,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return bt(Ja,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ko.options=jf;Ko.states=eb;Ko.variants=tb;Ko.defaultOptions=fl;Ko.modifiers=ob;Ko.className=ae.className;var Kn="pdf-viewer",bl=Kn;import{jsx as A,jsxs as nt}from"react/jsx-runtime";var Dn="k-pdf-viewer",ab=[s.disabled],rb={},nb=nt(_,{resizable:!0,fillMode:"flat",children:[A(w,{icon:"menu",fillMode:"flat",showArrow:!1,"aria-label":"Menu"}),A(X,{}),A(ta,{pageSizes:!1,refresh:!1,info:!1}),A("span",{className:"k-spacer"}),nt(y,{fillMode:"flat",children:[A(i,{fillMode:"flat",className:"k-group-start",icon:"zoom-out","aria-label":"Zoom out"}),A(i,{fillMode:"flat",className:"k-group-end",icon:"zoom-in","aria-label":"Zoom in"})]}),A($,{value:"Automatic Width",fillMode:"flat","aria-label":"Zoom level"}),nt(y,{fillMode:"flat",children:[A(i,{fillMode:"flat",className:"k-group-start",icon:"pointer","aria-label":"Selection tool"}),A(i,{fillMode:"flat",className:"k-group-end",icon:"hand","aria-label":"Hand tool"})]}),A("span",{className:"k-spacer"}),A(i,{fillMode:"flat",icon:"search","aria-haspopup":"dialog","aria-label":"Search"}),A(i,{fillMode:"flat",icon:"edit-annotations","aria-label":"Annotations"}),A(i,{fillMode:"flat",icon:"comment","aria-label":"Comments"})]}),ib=nt(_,{resizable:!0,fillMode:"flat",children:[nt(y,{fillMode:"flat",children:[A(i,{fillMode:"flat",className:"k-group-start",icon:"highlight","aria-label":"Highlight"}),A(i,{fillMode:"flat",icon:"underline","aria-label":"Underline"}),A(i,{fillMode:"flat",className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]}),A(X,{}),A(i,{fillMode:"flat",icon:"free-text","aria-label":"Free text"}),A(X,{}),A(w,{icon:"shapes",fillMode:"flat",showArrow:!0,"aria-label":"Shapes"}),A(X,{}),A(w,{icon:"stamp",fillMode:"flat",showArrow:!0,"aria-label":"Stamp"}),A(X,{}),A(i,{fillMode:"flat",icon:"sticky-note","aria-label":"Sticky note"}),A(X,{}),A(i,{fillMode:"flat",icon:"ruler","aria-label":"Ruler"}),A(X,{}),A(i,{fillMode:"flat",icon:"comment","aria-label":"Comment"}),A(X,{}),A(i,{fillMode:"flat",icon:"eraser","aria-label":"Eraser"}),A("span",{className:"k-spacer"}),A(i,{fillMode:"flat",icon:"x","aria-label":"Close"})]}),ma={toolbar:nb,showSearchPanel:!1,blank:!1,annotations:!1,annotationsToolbar:ib},ie=e=>{let{disabled:t,toolbar:o=ma.toolbar,showSearchPanel:a=ma.showSearchPanel,blank:r=ma.blank,annotations:l,annotationsToolbar:d=ma.annotationsToolbar,...c}=e;return nt("div",{...c,className:n(e.className,Dn,S(Dn,{disabled:t})),children:[o,l&&d,nt("div",{className:"k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select",tabIndex:0,"aria-label":"PDF document",role:"document",children:[a&&nt("div",{className:"k-search-panel k-pos-sticky k-top-center",role:"dialog","aria-label":"Search",children:[A(i,{fillMode:"flat",icon:"handle-drag",className:"k-search-dialog-draghandle","aria-label":"Drag handle"}),A(te,{"aria-label":"Search text",suffix:A(i,{fillMode:"flat",className:"k-match-case-button",icon:"convert-lowercase","aria-label":"Match case"})}),nt("span",{className:"k-search-matches",children:[A("span",{children:"0"})," of ",A("span",{children:"0"})]}),A(i,{fillMode:"flat",icon:"arrow-up","aria-label":"Previous match"}),A(i,{fillMode:"flat",icon:"arrow-down","aria-label":"Next match"}),A(i,{fillMode:"flat",icon:"x","aria-label":"Close search"})]}),A("div",{className:"k-pdf-viewer-pages",children:r?nt("div",{className:"k-page k-blank-page",children:[A(Ta,{}),A(Ja,{empty:!0,status:"upload"})]}):e.children})]})]})};ie.states=ab;ie.options=rb;ie.className=Dn;ie.defaultOptions=ma;ie.moduleName=Kn;ie.folderName=bl;ie.ariaSpec={selector:".k-pdf-viewer",rules:[{selector:".k-pdf-viewer .k-canvas",attribute:"tabindex=0",usage:"Defines the focusable page container element."},{selector:".k-pdf-viewer .k-canvas",attribute:"aria-label",usage:"Describes the purpose of the focusable container."},{selector:".k-pdf-viewer .k-canvas",attribute:"role=document",usage:"Defines that content should be evaluated in reader mode by assistive technologies."},{selector:'.k-pdf-viewer .k-toolbar .k-button:has([class*="i-search"])',attribute:"aria-haspopup=dialog",usage:"Describes that the Search tool button opens a dialog element."},{selector:".k-pdf-viewer .k-canvas .k-search-panel",attribute:"role=dialog",usage:"Describes the role of the Search panel."},{selector:".k-pdf-viewer .k-canvas .k-search-panel",attribute:"aria-label",usage:"Label for the Search panel, same label as the Search tool."}]};import{jsx as sb}from"react/jsx-runtime";var hl="k-page",_n={width:"720px",height:"360px"},Re=e=>{let{width:t=_n.width,height:o=_n.height,...a}=e;return sb("div",{...a,className:n(e.className,hl),style:{width:t,height:o},children:e.children})};Re.className=hl;Re.defaultOptions=_n;import{Fragment as lb,jsx as zn,jsxs as db}from"react/jsx-runtime";var xl=e=>zn(ie,{children:db(lb,{children:[zn(Re,{}),zn(Re,{})]}),...e});import{jsx as B2,jsxs as R2}from"react/jsx-runtime";import{Fragment as H2,jsx as z2,jsxs as U2}from"react/jsx-runtime";import{jsx as Ne,jsxs as Ya}from"react/jsx-runtime";var pb=ie.options,cb=ie.states,mb={...ie.defaultOptions,variant:"default"},ub=[{name:"default",title:"Default"},{name:"blank",title:"Blank"}],fb=[],Do=e=>{let{variant:t,...o}=e,a={};return t==="blank"&&(a.blank=!0),Ya(xl,{style:{width:"auto",height:"375px"},...o,...a,toolbar:Ya(_,{children:[Ne(j,{type:"input",pageSizes:!1,refresh:!1,info:!1}),Ne("span",{className:"k-spacer"}),Ya(y,{children:[Ne(i,{fillMode:"flat",className:"k-group-start",icon:"zoom-out"}),Ne(i,{fillMode:"flat",className:"k-group-end",icon:"zoom-in"})]}),Ne($,{value:"Automatic Width"}),Ya(y,{children:[Ne(i,{fillMode:"flat",className:"k-group-start",icon:"pointer"}),Ne(i,{fillMode:"flat",className:"k-group-end",icon:"hand"})]}),Ne("span",{className:"k-spacer"}),Ne(i,{fillMode:"flat",icon:"search"}),Ne(i,{fillMode:"flat",icon:"folder-open"}),Ne(i,{fillMode:"flat",icon:"download"}),Ne(i,{fillMode:"flat",icon:"print"})]}),children:[Ne(Re,{width:"80%",height:"600px"}),Ne(Re,{width:"80%",height:"600px"}),Ne(Re,{width:"80%",height:"600px"})]})};Do.options=pb;Do.states=cb;Do.variants=ub;Do.defaultOptions=mb;Do.modifiers=fb;Do.className=ie.className;import{Fragment as bb,jsx as ce,jsxs as Qa}from"react/jsx-runtime";var bH=e=>ce(ie,{annotations:!0,toolbar:Qa(_,{resizable:!0,fillMode:"flat",children:[ce(w,{icon:"menu",fillMode:"flat",showArrow:!1,"aria-label":"Menu"}),ce(X,{}),ce(ta,{pageSizes:!1,refresh:!1,info:!1}),ce("span",{className:"k-spacer"}),Qa(y,{fillMode:"flat",children:[ce(i,{fillMode:"flat",className:"k-group-start",icon:"zoom-out","aria-label":"Zoom out"}),ce(i,{fillMode:"flat",className:"k-group-end",icon:"zoom-in","aria-label":"Zoom in"})]}),ce($,{value:"Automatic Width",fillMode:"flat","aria-label":"Zoom level"}),Qa(y,{fillMode:"flat",children:[ce(i,{fillMode:"flat",className:"k-group-start",icon:"pointer","aria-label":"Selection tool"}),ce(i,{fillMode:"flat",className:"k-group-end",icon:"hand","aria-label":"Hand tool"})]}),ce("span",{className:"k-spacer"}),ce(i,{fillMode:"flat",icon:"search","aria-haspopup":"dialog","aria-label":"Search"}),ce(i,{fillMode:"flat",icon:"edit-annotations",selected:!0,"aria-label":"Annotations"}),ce(i,{fillMode:"flat",icon:"comment","aria-label":"Comments"})]}),children:Qa(bb,{children:[ce(Re,{}),ce(Re,{})]}),...e});export{bH as PDFViewerWithAnnotations};