@progress/kendo-themes-html 14.1.0-dev.1 → 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:s,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":s,"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 Hn(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"},Ye={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"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var er={};function H(e){return er[e]=(er[e]||0)+1,`k-${e}-${er[e]}`}import{Fragment as vl,jsx as Un}from"react/jsx-runtime";var tr="k-font-icon",gl=[],kl={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]},Nl={},Do=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Un("span",{...d,className:n(e.className,tr,E(tr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Un(vl,{})};Do.states=gl;Do.options=kl;Do.className=tr;Do.defaultOptions=Nl;var Fn=Do;import{Fragment as Sl,jsx as ma}from"react/jsx-runtime";var or="k-svg-icon",Ll=[],Ml={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:[Ye.outline,Ye.solid,Ye.duotone]},ar={viewBox:"0 0 24 24",variant:Ye.outline},_o=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=ar.viewBox,variant:d=ar.variant,icon:c,...u}=e;if(!c)return ma(Sl,{});if(c==="none")return ma("span",{...u,className:n(e.className,or,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 ma("span",{...u,className:n(e.className,or,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:ma("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};_o.states=Ll;_o.options=Ml;_o.className=or;_o.defaultOptions=ar;var rr=_o;import*as nr from"@progress/kendo-svg-icons";var Gn="icon",Vn="icons";import{useContext as yl}from"react";import{createContext as Il}from"react";var $n=Il({iconsType:"svg"});import{Fragment as Xn,jsx as zo}from"react/jsx-runtime";var ua="k-icon",Cl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),El=[],Tl={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:[Ye.outline,Ye.solid,Ye.duotone]},fa={viewBox:"0 0 24 24",type:"svg",variant:Ye.outline},v=e=>{let{iconsType:t}=yl($n),{size:o,themeColor:a,icon:r,type:s=t||fa.type,rotate:d,flip:c,viewBox:u=fa.viewBox,variant:f=fa.variant,...b}=e;if(!r)return zo(Xn,{});if((t||s)==="svg"){if(r==="none")return zo(rr,{...b,className:n(e.className,ua),icon:r,size:o,variant:f});let m=nr[r]?r:Cl(`${r}-icon`);return nr[m]?zo(rr,{...b,className:n(e.className,ua),icon:nr[m],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:f}):zo(Xn,{})}return zo(Fn,{...b,className:n(e.className,ua),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=El;v.options=Tl;v.defaultOptions=fa;v.className=ua;v.moduleName=Gn;v.folderName=Vn;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 ir="button",qn=ir;import{Fragment as wl,jsx as Ho,jsxs as Wn}from"react/jsx-runtime";var Uo="k-button",Al=["icon-button"],Ol=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Pl={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]},sr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=sr.showArrow,arrowIconName:c=sr.arrowIconName,variant:u,hover:f,focus:b,active:g,selected:m,disabled:L,togglable:k,ariaDisabled:I,icon:C,text:M,iconClassName:P,className:$,...U}=e,ce=C!==void 0,me=e.children!==void 0;return Wn(t,{className:n($,Uo,Hn(Uo,u),E(Uo,{size:o,rounded:a,fillMode:r,themeColor:s}),S(Uo,{hover:f,focus:b,active:g,disabled:L||I,selected:m}),{"k-icon-button":!M&&!me&&ce}),...U,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:L||void 0,children:[C&&Ho(v,{className:n(P,"k-button-icon"),icon:C}),M?Wn(wl,{children:[M&&Ho("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Ho("span",{className:"k-button-text",children:e.children}),d&&Ho("span",{className:"k-menu-button-arrow k-button-arrow",children:Ho(v,{icon:c})})]})};l.states=Ol;l.options=Pl;l.variants=Al;l.className=Uo;l.defaultOptions=sr;l.moduleName=ir;l.folderName=qn;l.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 Bl}from"react/jsx-runtime";var ht=e=>Bl(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rl}from"react/jsx-runtime";var Fo=e=>Rl(l,{icon:"folder",children:"Button",...e});import{jsx as Kl}from"react/jsx-runtime";var Pt=e=>Kl(l,{children:"Button",...e});import{jsx as lr}from"react/jsx-runtime";var Dl=l.options,_l=l.states,zl={...l.defaultOptions,variant:"text"},Hl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ul=[],Wt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return lr(ht,{...o,icon:"star"});case"icon-and-text":return lr(Fo,{...o,icon:"star",children:"Button"});default:return lr(Pt,{...o,children:"Button"})}};Wt.options=Dl;Wt.states=_l;Wt.variants=Hl;Wt.defaultOptions=zl;Wt.modifiers=Ul;Wt.className=l.className;var dr="button",Jn=dr;import{jsx as $l}from"react/jsx-runtime";var Go="k-button-group",Fl=[i.disabled],Gl={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Vl={},y=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return $l("div",{role:"group",...r,className:n(e.className,Go,E(Go,{fillMode:t}),S(Go,{disabled:o}),{[`${Go}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};y.states=Fl;y.options=Gl;y.className=Go;y.defaultOptions=Vl;y.moduleName=dr;y.folderName=Jn;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 nt,jsxs as pr}from"react/jsx-runtime";var Xl={...l.options,...y.options},ql=l.states,Wl={...l.defaultOptions,...y.defaultOptions,variant:"text-button"},Jl=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Zl=[],Jt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?pr(y,{fillMode:a.fillMode,className:o,children:[nt(l,{...a,icon:"star"}),nt(l,{...a,icon:"star"}),nt(l,{...a,icon:"star"})]}):t==="icon-text-button"?pr(y,{fillMode:a.fillMode,className:o,children:[nt(l,{...a,icon:"star",children:"First"}),nt(l,{...a,icon:"star",children:"Middle"}),nt(l,{...a,icon:"star",children:"Last"})]}):pr(y,{fillMode:a.fillMode,className:o,children:[nt(l,{...a,children:"First"}),nt(l,{...a,children:"Middle"}),nt(l,{...a,children:"Last"})]})};Jt.options=Xl;Jt.states=ql;Jt.variants=Jl;Jt.defaultOptions=Wl;Jt.modifiers=Zl;Jt.className=y.className;var Vo="input",ba=Vo;import{jsx as ed}from"react/jsx-runtime";var ha="k-input",Yl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ql={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]},jl={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return ed("span",{...g,className:n(e.className,ha,E(ha,{size:u,rounded:f,fillMode:b}),S(ha,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c}))})};Q.states=Yl;Q.options=Ql;Q.className=ha;Q.defaultOptions=jl;Q.moduleName=Vo;Q.folderName=ba;import{jsx as rd}from"react/jsx-runtime";var xa="k-picker",td=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],od={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]},ad={},Qe=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return rd("span",{...g,className:n(e.className,xa,E(xa,{size:u,rounded:f,fillMode:b}),S(xa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c})),children:e.children})};Qe.states=td;Qe.options=od;Qe.className=xa;Qe.defaultOptions=ad;Qe.moduleName=Vo;Qe.folderName=ba;import{Fragment as sd,jsx as cr}from"react/jsx-runtime";var Zn="k-clear-value",nd=[i.disabled,i.loading,i.readonly],id={},ye=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?cr(sd,{}):cr("span",{className:n(e.className,Zn),children:cr(v,{icon:"x"})})};ye.states=nd;ye.options=id;ye.className=Zn;import{jsx as pd}from"react/jsx-runtime";var mr="k-input-inner",ld=[],dd={},ga={type:"text",autocomplete:"off",value:"",placeholder:""},Ce=e=>{let{value:t=ga.value,type:o=ga.type,placeholder:a=ga.placeholder,autocomplete:r=ga.autocomplete,disabled:s,readOnly:d,...c}=e;return pd("input",{...c,type:o,className:n(e.className,mr,E(mr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Ce.states=ld;Ce.options=dd;Ce.className=mr;import{jsx as Yn,jsxs as ud}from"react/jsx-runtime";var ur="k-input-inner",cd=[],md={},wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return ud("span",{...d,className:n(e.className,ur,E(ur,e)),children:[r,!r&&s&&Yn(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Yn("span",{className:"k-input-value-text",children:t})]})};wt.states=cd;wt.options=md;wt.className=ur;import{jsx as hd}from"react/jsx-runtime";var fr="k-input-inner",fd=[],bd={},Qn={value:"",placeholder:""},br=e=>{let{value:t=Qn.value,placeholder:o=Qn.placeholder,rows:a,disabled:r,...s}=e;return hd("textarea",{...s,className:n(e.className,fr,E(fr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};br.states=fd;br.options=bd;br.className=fr;import{Fragment as gd,jsx as jn}from"react/jsx-runtime";var ei="k-input-loading-icon",xd=[i.disabled,i.loading],Ne=e=>{let{disabled:t,loading:o}=e;return t||!o?jn(gd,{}):jn("span",{className:n(e.className,ei,"k-icon k-i-loading")})};Ne.states=xd;Ne.className=ei;import{Fragment as vd,jsx as ti}from"react/jsx-runtime";var oi="k-input-validation-icon",kd=[i.valid,i.invalid,i.disabled,i.loading],Nd={},ue=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?ti(vd,{}):ti(v,{className:n(oi),icon:s})};ue.states=kd;ue.options=Nd;ue.className=oi;import{Fragment as Sd,jsx as ai}from"react/jsx-runtime";var Ld="k-input-prefix",Md={direction:"horizontal"},Re=e=>{let{direction:t=Md.direction,...o}=e;return e.children?ai("span",{...o,className:n(Ld,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ai(Sd,{})};import{Fragment as Cd,jsx as ri}from"react/jsx-runtime";var Id="k-input-suffix",yd={direction:"horizontal"},Ke=e=>{let{direction:t=yd.direction,...o}=e;return e.children?ri("span",{...o,className:n(Id,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ri(Cd,{})};import{jsx as mg}from"react/jsx-runtime";import{jsx as Td}from"react/jsx-runtime";var Ed="k-input-suffix-text",hr=e=>{let{children:t,...o}=e;return Td("span",{...o,className:n(Ed,e.className),children:t})};import{jsx as Od}from"react/jsx-runtime";var ni="k-input-separator",Ad={direction:"vertical"},De=e=>{let{direction:t=Ad.direction,...o}=e;return Od("span",{...o,className:n(ni,e.className,{[`${ni}-${t}`]:t})})};import{Fragment as ii,jsx as je,jsxs as xr}from"react/jsx-runtime";var Pd=Q.states,wd=Q.defaultOptions,Bd=Q.options,Rd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Kd=[],Zt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...c}=e,u=t?.prefix,f=t?.suffix,b=t?.["clear-button"],g=t?.["validation-icon"],m=t?.separators;return xr(Q,{...c,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[u&&xr(ii,{children:[je(Re,{children:je(v,{icon:"lock"})}),m&&je(De,{})]}),je(Ce,{placeholder:"Placeholder",value:"Value"}),g&&je(ue,{valid:o,invalid:a,loading:r,disabled:s}),je(Ne,{loading:r,disabled:s}),b&&je(ye,{loading:r,disabled:s,readonly:d,value:"Value"}),f&&xr(ii,{children:[m&&je(De,{}),je(Ke,{children:je(Pt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Zt.options=Bd;Zt.states=Pd;Zt.variants=Kd;Zt.defaultOptions=wd;Zt.modifiers=Rd;Zt.className=Q.className;var gr="popup",si=gr;import{jsx as li}from"react/jsx-runtime";var di="k-animation-container",Dd=[],_d={},pi={positionMode:"absolute"},et=e=>{let{positionMode:t=pi.positionMode,animationStyle:o,offset:a,...r}=e;return li("div",{...r,style:{...a,...e.style},className:n(e.className,di,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:li("div",{className:"k-child-animation-container",style:o,children:e.children})})};et.states=Dd;et.options=_d;et.className=di;et.defaultOptions=pi;et.moduleName=gr;et.folderName=si;var kr="popup",ci=kr;import{jsx as mi}from"react/jsx-runtime";var ui="k-popup",zd=[],Hd={},fi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=fi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...c}=e;return mi(et,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:mi("div",{...c,className:n(e.className,ui),children:e.children})})};V.states=zd;V.options=Hd;V.className=ui;V.defaultOptions=fi;V.moduleName=kr;V.folderName=ci;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 Nr="action-buttons",bi=Nr;import{jsx as Gd}from"react/jsx-runtime";var ka="k-actions",Ud=[],Fd={},vr={alignment:"start",orientation:"horizontal"},Je=e=>{let{alignment:t=vr.alignment,orientation:o=vr.orientation,...a}=e;return Gd("div",{...a,className:n(ka,{[`${ka}-${t}`]:t,[`${ka}-${o}`]:o},e.className),children:e.children})};Je.states=Ud;Je.options=Fd;Je.className=ka;Je.defaultOptions=vr;Je.moduleName=Nr;Je.folderName=bi;var hi=Je;import{jsx as $d}from"react/jsx-runtime";var Vd="k-actionsheet-footer",xi={alignment:"stretched",orientation:"horizontal"},xt=e=>{let{alignment:t=xi.alignment,orientation:o=xi.orientation,template:a,as:r=a?"div":Je,...s}=e;return $d(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Vd),children:e.children})};var Lr="searchbox",gi=Lr;import{jsx as $o,jsxs as Wd}from"react/jsx-runtime";var ki="k-searchbox",Xd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],qd={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]},Mr={showIcon:!0,icon:"search"},_e=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,showIcon:L=Mr.showIcon,icon:k=Mr.icon,"aria-label":I,...C}=e;return Wd(Q,{...C,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,className:n(e.className,ki),children:[L&&$o(v,{className:"k-input-icon",icon:k}),$o(Ce,{placeholder:o,value:t,"aria-label":I}),$o(Ne,{...e}),$o(ue,{...e}),$o(ye,{...e})]})};_e.states=Xd;_e.options=qd;_e.className=ki;_e.defaultOptions=Mr;_e.moduleName=Lr;_e.folderName=gi;import{jsx as Ok}from"react/jsx-runtime";var Sr="textbox",Ni=Sr;import{Fragment as vi,jsx as gt,jsxs as Ir}from"react/jsx-runtime";var Li="k-textbox",Jd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zd={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]},Na={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Na.separators,showClearButton:s=Na.showClearButton,showValidationIcon:d=Na.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:$,id:U,"aria-label":ce,"aria-describedby":me,...Ie}=e;return Ir(Q,{...Ie,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:I,required:C,loading:M,disabled:P,readonly:$,className:n(e.className,Li),children:[c&&Ir(vi,{children:[gt(Re,{children:c}),r&&gt(De,{})]}),gt(Ce,{id:U,placeholder:g,value:b,type:f,disabled:P,"aria-label":ce,"aria-describedby":me,"aria-invalid":I?"true":void 0}),d&&gt(ue,{valid:k,invalid:I,loading:M,disabled:P}),gt(Ne,{loading:M,disabled:P}),s&&gt(ye,{loading:M,disabled:P,readonly:$,value:b}),u&&Ir(vi,{children:[r&&gt(De,{}),gt(Ke,{children:u})]})]})};te.states=Jd;te.options=Zd;te.className=Li;te.defaultOptions=Na;te.moduleName=Sr;te.folderName=Ni;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 Xo=te;import{jsx as Yd}from"react/jsx-runtime";var Mi=e=>Yd(Xo,{...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 yr}from"react/jsx-runtime";var Qd=te.states,jd=te.defaultOptions,ep=te.options,tp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],op=[],Yt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?yr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?yr(Pt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),yr(Mi,{value:"Value",style:{width:300},...o,...a})};Yt.options=ep;Yt.states=Qd;Yt.variants=op;Yt.defaultOptions=jd;Yt.modifiers=tp;Yt.className=te.className;import{jsx as kt,jsxs as Cr}from"react/jsx-runtime";var Si="k-actionsheet-titlebar",ap={},fe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:b,children:g,...m}=e;return Cr("div",{...m,className:n(e.className,Si),children:[Cr("div",{className:"k-actionsheet-titlebar-group",children:[a&&kt("div",{className:"k-actionsheet-actions",children:a}),!g&&Cr("div",{className:"k-actionsheet-title",id:b,children:[t&&kt("div",{className:"k-text-center",children:t}),o&&kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&kt("div",{className:"k-actionsheet-title",id:b,children:g}),r&&kt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?kt(te,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):kt(_e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};fe.className=Si;fe.defaultOptions=ap;import{jsx as Er,jsxs as sp}from"react/jsx-runtime";var Tr="k-actionsheet-view",rp=[],np={},ip={},Qt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...c}=e,u=r?.type===fe&&Er(fe,{adaptive:t,titleId:d,...r?.props}),f=s?.type===xt&&Er(xt,{...s?.props});return sp("div",{...c,className:n(e.className,Tr,{[`${Tr}-animated`]:o}),children:[u,Er("div",{className:"k-actionsheet-content",children:a}),f]})};Qt.states=rp;Qt.options=np;Qt.className=Tr;Qt.defaultOptions=ip;var qo="action-sheet",va=qo;var Ar="overlay",Ii=Ar;import{jsx as cp}from"react/jsx-runtime";var yi="k-overlay",lp=[],dp={},pp={},Nt=e=>{let{...t}=e;return cp("div",{...t,className:n(e.className,yi),children:e.children})};Nt.states=lp;Nt.options=dp;Nt.className=yi;Nt.defaultOptions=pp;Nt.moduleName=Ar;Nt.folderName=Ii;import{jsx as La,jsxs as fp}from"react/jsx-runtime";var Ci="k-actionsheet",mp=[],up={},Wo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Wo.side,fullscreen:o=Wo.fullscreen,adaptive:a=Wo.adaptive,overlay:r=Wo.overlay,template:s,children:d,header:c,footer:u,id:f,...b}=e,g=f&&!s&&c?`${f}-title`:void 0;return fp("div",{className:"k-actionsheet-container",children:[r&&La(Nt,{}),La(et,{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:La("div",{...b,id:f,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,Ci,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||La(Qt,{header:c,footer:u,adaptive:a,titleId:g,...e,children:d})})})]})};J.states=mp;J.options=up;J.className=Ci;J.defaultOptions=Wo;J.moduleName=qo;J.folderName=va;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 gp}from"react/jsx-runtime";var Ei="k-actionsheet-container",bp=[],hp={},xp={},jt=e=>{let{children:t,...o}=e;return gp("div",{...o,className:Ei,children:t})};jt.states=bp;jt.options=hp;jt.className=Ei;jt.defaultOptions=xp;jt.moduleName=qo;jt.folderName=va;import{jsx as kp}from"react/jsx-runtime";var Or=e=>{let{...t}=e;return kp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as vp,jsx as Jo,jsxs as Pr}from"react/jsx-runtime";var wr="k-actionsheet-item",Np=[i.hover,i.focus,i.selected,i.disabled],vt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:c,...u}=e;return Pr("span",{...u,className:n(e.className,wr,S(wr,{hover:r,focus:s,selected:d,disabled:c})),children:[!e.children&&Jo(vp,{children:Pr("span",{className:"k-actionsheet-action",children:[t&&Jo("span",{className:"k-icon-wrap",children:Jo(v,{className:"k-actionsheet-item-icon",icon:t})}),Pr("span",{className:"k-actionsheet-item-text",children:[o&&Jo("span",{className:"k-actionsheet-item-title",children:o}),a&&Jo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};vt.states=Np;vt.className=wr;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 Br}from"react/jsx-runtime";var Lp=J.options,Mp=J.states,Ai={...J.defaultOptions,variant:"normal"},Sp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ip=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],eo=e=>{let{variant:t,modifiers:o,...a}={...Ai,...e},r={},s=Br(Or,{children:[se(vt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(vt,{text:"Add to Favorites",iconName:"heart"}),se(vt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(vt,{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(fe,{actionsStart:r.actionsStart?se(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?Br(xt,{alignment:"stretched",children:[se(l,{text:"Cancel",size:"large",themeColor:"base"}),se(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):se(J,{...a,fullscreen:r.fullScreen,header:se(fe,{actionsStart:r.actionsStart?se(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Br(xt,{alignment:"stretched",children:[se(l,{text:"Apply",themeColor:"primary"}),se(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};eo.options=Lp;eo.states=Mp;eo.variants=Sp;eo.defaultOptions=Ai;eo.modifiers=Ip;eo.className=J.className;import Kr from"react";import{jsx as Oi}from"react/jsx-runtime";var yp="k-list-group-sticky-header",Rr=e=>Oi("div",{className:n(yp,e.className),children:Oi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ep}from"react/jsx-runtime";var Cp="k-no-data",Ma=e=>{let{live:t,...o}=e;return Ep("span",{...o,className:n(Cp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Bt="list",to=Bt;import{jsx as Pi,jsxs as wi}from"react/jsx-runtime";var Dr="k-list",Tp=[],Ap={size:[p.undefined,p.small,p.medium,p.large]},Op={},R=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:c,screenReaders:u,...f}=e,g=Kr.Children.toArray(a)[0],m=g?.props?.children?Kr.Children.count(g.props.children):Kr.Children.count(a);return wi("div",{...f,className:n(e.className,Dr,E(Dr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&Pi(Rr,{children:r}),a||(c!==void 0?c:Pi(Ma,{live:!0,children:"No data found."})),u&&a&&wi(Ma,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Tp;R.options=Ap;R.className=Dr;R.defaultOptions=Op;R.moduleName=Bt;R.folderName=to;R.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 Rp}from"react/jsx-runtime";var Bi="k-list-container",Pp=[],wp={},Bp={},oo=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,Bi),children:e.children})};oo.states=Pp;oo.options=wp;oo.className=Bi;oo.defaultOptions=Bp;oo.moduleName=Bt;oo.folderName=to;var Rt="checkbox",ao=Rt;import{jsx as Ri}from"react/jsx-runtime";var Sa="k-checkbox",Kp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Dp={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},_p={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:c,valid:u,required:f,size:b,rounded:g,wrapperRole:m,...L}=e;return Ri("span",{className:"k-checkbox-wrap",role:m,children:Ri("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,Sa,E(Sa,{size:b,rounded:g}),S(Sa,{hover:r,focus:s,disabled:d,invalid:c,valid:u,indeterminate:a,checked:o}))})})};ze.states=Kp;ze.options=Dp;ze.className=Sa;ze.defaultOptions=_p;ze.moduleName=Rt;ze.folderName=ao;ze.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 Ze=ze;import{jsx as Up}from"react/jsx-runtime";var Ki="k-checkbox-list",zp=[],Hp={},Di={layout:"vertical"},be=e=>{let{layout:t=Di.layout,...o}=e;return Up("ul",{...o,className:n(e.className,Ki,{[`k-list-${t}`]:t}),children:e.children})};be.states=zp;be.options=Hp;be.className=Ki;be.defaultOptions=Di;be.moduleName=Rt;be.folderName=ao;import{jsx as $p}from"react/jsx-runtime";var _i="k-checkbox-list-item",Fp=[],Gp={},Vp={},he=e=>{let{...t}=e;return $p("li",{...t,className:n(e.className,_i),children:e.children})};he.states=Fp;he.options=Gp;he.className=_i;he.defaultOptions=Vp;he.moduleName=Rt;he.folderName=ao;import{Fragment as Xp,jsx as zi,jsxs as qp}from"react/jsx-runtime";var it=({children:e="Label",id:t="cb-label-after",...o})=>qp(Xp,{children:[zi(Ze,{id:t,...o}),zi("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 He,jsxs as Hi}from"react/jsx-runtime";var Wp=be.options,Jp=be.states,Zp={...be.defaultOptions,variant:"vertical"},Yp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qp=[],ro=e=>{let{variant:t,...o}=e;return t==="horizontal"?Hi(be,{layout:"horizontal",...o,children:[He(he,{children:He(it,{id:H("cb"),defaultChecked:!0,children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})})]}):Hi(be,{...o,children:[He(he,{children:He(it,{id:H("cb"),defaultChecked:!0,children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})})]})};ro.options=Wp;ro.states=Jp;ro.variants=Yp;ro.defaultOptions=Zp;ro.modifiers=Qp;ro.className=be.className;import{jsx as rc}from"react/jsx-runtime";var jp=Ze.options,ec=Ze.states,tc=Ze.defaultOptions,oc=[],ac=[],no=e=>rc(it,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});no.options=jp;no.states=ec;no.variants=oc;no.defaultOptions=tc;no.modifiers=ac;no.className=Ze.className;import{jsx as Kt,jsxs as lc}from"react/jsx-runtime";var _r="k-list-item",nc=[i.hover,i.focus,i.selected,i.disabled],ic={},sc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,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 lc("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":_r,S(_r,{hover:u,focus:f,disabled:g,selected:b})),children:[d&&Kt(ze,{checked:c}),r&&Kt("span",{className:"k-list-item-icon-wrapper",children:Kt(v,{icon:r,className:n("k-list-item-icon",s)})}),Kt("span",{className:"k-list-item-text",children:C}),m&&Kt("div",{className:"k-list-item-actions",children:m}),L&&Kt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Kt("div",{className:"k-list-item-group-label",children:o})]})};O.states=nc;O.options=ic;O.className=_r;O.defaultOptions=sc;O.moduleName=Bt;O.folderName=to;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 pc}from"react/jsx-runtime";var dc="k-list-ul",st=e=>{let{children:t,role:o,id:a,...r}=e;return pc("ul",{...r,id:a,role:o,className:n(dc,e.className),children:t})};st.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 zr,jsxs as mc}from"react/jsx-runtime";var cc="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return mc("div",{...d,className:n(cc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:zr(st,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&zr("div",{className:"k-height-container",children:zr("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 Hr,jsxs as fc}from"react/jsx-runtime";var uc="k-list-group-item",Dt=e=>{let{groupIconName:t,...o}=e;return fc("li",{...o,role:"presentation",className:n(uc,e.className),children:[t&&Hr("span",{className:"k-list-item-icon-wrapper",children:Hr(v,{icon:t,className:"k-list-item-icon"})}),Hr("span",{className:"k-list-item-text",children:e.children})]})};Dt.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 gc}from"react/jsx-runtime";var Ur="k-list-optionlabel",bc=[i.hover,i.focus,i.selected,i.disabled],hc={},xc={},Ia=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return gc("div",{...d,className:n(Ur,S(Ur,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ia.states=bc;Ia.options=hc;Ia.className=Ur;Ia.defaultOptions=xc;import{jsx as Lc}from"react/jsx-runtime";var Fr="k-list-custom-value",kc=[i.hover,i.focus,i.selected,i.disabled],Nc={},vc={},Lt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Lc("div",{...d,className:n(Fr,S(Fr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Lt.states=kc;Lt.options=Nc;Lt.className=Fr;Lt.defaultOptions=vc;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 Gr="combobox",Ui=Gr;import{Fragment as Vr,jsx as oe,jsxs as Zo}from"react/jsx-runtime";var Fi="k-combobox",Mc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Sc={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]},Gi={separators:!0},X=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Gi.separators,prefix:s,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:$,adaptiveSettings:U,adaptiveTitle:ce,adaptiveSubtitle:me,adaptiveCustomValue:Ie,id:Ot,autocomplete:Ya,activeDescendant:bt,"aria-label":ca,...Qa}=e,ja=Ot?`${Ot}-listbox`:void 0;return Zo(Vr,{children:[Zo(Q,{...Qa,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,Fi),children:[s&&Zo(Vr,{children:[oe(Re,{children:s}),r&&oe(De,{})]}),oe(Ce,{id:Ot,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?ja:void 0,"aria-activedescendant":M&&bt?bt:void 0,"aria-autocomplete":Ya,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":ca,disabled:I,readOnly:P}),oe(ue,{valid:g,invalid:m,loading:k,disabled:I}),oe(Ne,{loading:k,disabled:I}),oe(ye,{loading:k,disabled:I,readonly:P,value:c}),d&&Zo(Vr,{children:[r&&oe(De,{}),oe(Ke,{children:d})]}),oe(l,{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}),$&&oe(J,{adaptive:!0,id:Ot?`${Ot}-adaptive`:void 0,...U,header:oe(fe,{actionsEnd:oe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:ce,subtitle:me}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:Ie?oe(Lt,{text:`Use "${c}"`}):void 0,size:"large",children:Zo(F,{"aria-label":ce||"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};X.states=Mc;X.options=Sc;X.className=Fi;X.defaultOptions=Gi;X.moduleName=Gr;X.folderName=Ui;X.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 Ee=X;import{jsx as Ic}from"react/jsx-runtime";var Vi=e=>Ic(Ee,{...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 Mt,jsxs as Oc}from"react/jsx-runtime";var yc=X.states,Cc=X.defaultOptions,Ec=X.options,Tc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ac=[],io=e=>{let{modifiers:t,...o}=e,a={},r=Mt(R,{style:{width:300},size:o.size,children:Oc(F,{children:[Mt(O,{children:"List item"}),Mt(O,{children:"List item"}),Mt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Mt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Mt(ht,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),Mt("div",{children:Mt(Vi,{value:"Value",style:{width:300},...o,...a})})};io.options=Ec;io.states=yc;io.variants=Ac;io.defaultOptions=Cc;io.modifiers=Tc;io.className=X.className;var $r="dropzone",$i=$r;import{jsx as ya,jsxs as Bc}from"react/jsx-runtime";var Xr="k-external-dropzone",Pc=[i.disabled,i.hover],wc={},qr={icon:"upload",hint:"Drag and drop files here to upload"},ve=e=>{let{hover:t,disabled:o,icon:a=qr.icon,hint:r=qr.hint,note:s,...d}=e;return ya("div",{...d,className:n(e.className,Xr,S(Xr,{disabled:o}),{"k-external-dropzone-hover":t}),children:Bc("div",{className:"k-dropzone-inner",children:[a&&ya(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&ya("span",{className:"k-dropzone-hint",children:r}),s&&ya("span",{className:"k-dropzone-note",children:s})]})})};ve.states=Pc;ve.options=wc;ve.className=Xr;ve.defaultOptions=qr;ve.moduleName=$r;ve.folderName=$i;import{jsx as Rc}from"react/jsx-runtime";var Ca=e=>Rc(ve,{...e});import{jsx as mC}from"react/jsx-runtime";import{jsx as Uc}from"react/jsx-runtime";var Kc=ve.options,Dc=ve.states,_c=ve.defaultOptions,zc=[{name:"note",title:"Note"}],Hc=[],so=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)}),Uc(Ca,{style:{width:"500px"},...o,...a})};so.options=Kc;so.states=Dc;so.variants=Hc;so.defaultOptions=_c;so.modifiers=zc;so.className=ve.className;var Wr="menu-button",Xi=Wr;import{jsx as Vc}from"react/jsx-runtime";var qi="k-menu-button",Fc=[i.hover,i.focus,i.active,i.selected,i.disabled],Gc={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]},Jr={showArrow:!0,arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,showArrow:m=Jr.showArrow,arrowIconName:L=Jr.arrowIconName,expanded:k,...I}=e;return Vc(l,{...I,className:n(e.className,qi),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,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"}})};K.states=Fc;K.options=Gc;K.className=qi;K.defaultOptions=Jr;K.moduleName=Wr;K.folderName=Xi;K.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 Te="menu",Ue=Te;import{jsx as Yo,jsxs as Wi}from"react/jsx-runtime";var Zr="k-menu-item",$c=[i.hover,i.focus,i.active,i.selected,i.disabled],Xc={},Ji={iconPosition:"before"},le=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=Ji.iconPosition,dir:L,children:k,expanded:I,...C}=e,M=g;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),Wi("li",{...C,className:n(e.className,Zr,"k-item",S(Zr,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":I?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Wi("span",{className:n("k-link k-menu-link"),children:[d&&m==="before"&&Yo(v,{className:"k-menu-link-icon",icon:d}),Yo("span",{className:"k-menu-link-text",children:c}),d&&m==="after"&&Yo(v,{className:"k-menu-link-icon",icon:d}),b&&Yo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Yo(v,{icon:M})})]}),k]})};le.states=$c;le.options=Xc;le.className=Zr;le.defaultOptions=Ji;le.moduleName=Te;le.folderName=Ue;import{jsx as Qo,jsxs as Zi}from"react/jsx-runtime";var Yr="k-menu-item",qc=[i.hover,i.focus,i.active,i.selected,i.disabled],Wc={},Qr={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=Qr.iconPosition,dir:L=Qr.dir,children:k,popup:I,expanded:C,...M}=e,P=g;return P||(P=L==="rtl"?"chevron-left":"chevron-right"),Zi("li",{...M,className:n(e.className,Yr,"k-item",S(Yr,{focus:o,disabled:s}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":C?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Zi("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),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:P})})]}),k,I]})};q.states=qc;q.options=Wc;q.className=Yr;q.defaultOptions=Qr;q.moduleName=Te;q.folderName=Ue;import{jsx as Qc}from"react/jsx-runtime";var Yi="k-menu-scroll-wrapper",Jc=[],Zc={},Yc={},_t=e=>{let{className:t,children:o,orientation:a,...r}=e;return Qc("div",{...r,className:n(t,Yi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};_t.states=Jc;_t.options=Zc;_t.className=Yi;_t.defaultOptions=Yc;_t.moduleName=Te;_t.folderName=Ue;var Qi=_t;import{Fragment as jr,jsx as zt,jsxs as Ta}from"react/jsx-runtime";var en="k-menu",jc=[],em={},Aa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Aa.orientation,header:a=Aa.header,scrollable:r,scrollButtonsPosition:s=Aa.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=zt("ul",{dir:c,...b,className:n(e.className,"k-reset",en,{[`${en}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ta(jr,{children:[r?Ta(Qi,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Ta(jr,{children:[zt(l,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),zt(l,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&zt(l,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&Ta(jr,{children:[zt(l,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),zt(l,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&zt(l,{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=jc;re.options=em;re.className=en;re.defaultOptions=Aa;re.moduleName=Te;re.folderName=Ue;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 tm}from"react/jsx-runtime";var tn="k-separator",ji={orientation:"horizontal"},lo=e=>{let{orientation:t=ji.orientation,...o}=e;return tm("li",{...o,className:n(e.className,"k-item",tn,{[`${tn}-${t}`]:t}),role:"separator"})};lo.className=tn;lo.defaultOptions=ji;lo.moduleName=Te;lo.folderName=Ue;import{Fragment as bE,jsx as hE}from"react/jsx-runtime";import{jsx as nm}from"react/jsx-runtime";var on="k-menu-group",om=[],am={size:[p.undefined,p.small,p.medium,p.large]},rm={},de=e=>{let{children:t,size:o,...a}=e;return nm("ul",{...a,className:n(e.className,on,E(on,{size:o})),role:"menu",children:t})};de.states=om;de.options=am;de.className=on;de.defaultOptions=rm;de.moduleName=Te;de.folderName=Ue;import{Fragment as im,jsx as po,jsxs as sm}from"react/jsx-runtime";var an=e=>po(re,{children:sm(im,{children:[po(le,{first:!0,text:"Item 1"}),po(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),po(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),po(le,{text:"Item 4"}),po(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 Ht,jsxs as mm}from"react/jsx-runtime";var lm={...re.options,scrollable:{type:"boolean"}},dm=re.states,es={...re.defaultOptions,variant:"horizontal"},pm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cm=[{name:"opened",title:"Opened"}],co=e=>{let{variant:t,modifiers:o,...a}={...es,...e},r={};return Object.keys(o||{}).forEach(s=>{s==="opened"&&(r.opened=!!o?.[s],r.popup=Ht(V,{className:"k-menu-popup",children:mm(de,{children:[Ht(q,{text:"Item 1"}),Ht(q,{text:"Item 2"}),Ht(lo,{}),Ht(q,{text:"Item 3"})]})}))}),t==="vertical"?Ht(an,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Ht(an,{...a,...r})};co.options=lm;co.states=dm;co.variants=pm;co.defaultOptions=es;co.modifiers=cm;co.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 xm,jsx as tt,jsxs as ts}from"react/jsx-runtime";var um=l.states,os={...l.defaultOptions,variant:"text"},fm=l.options,bm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hm=[{name:"opened",title:"Opened"}],mo=e=>{let{variant:t,modifiers:o,...a}={...os,...e},r={},s=tt(V,{className:"k-menu-popup",children:ts(de,{size:a.size,children:[tt(q,{first:!0,text:"Menu Item"}),tt(q,{text:"Menu Item"}),tt(q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=tt("div",{children:tt(K,{...a,...r,icon:"star"})});break;case"icon-and-text":d=tt("div",{children:tt(K,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=tt("div",{children:tt(K,{...a,...r,children:"Dropdown Button"})});break}return ts(xm,{children:[d,o?.opened&&s]})};mo.options=fm;mo.states=um;mo.variants=bm;mo.defaultOptions=os;mo.modifiers=hm;mo.className=K.className;var as="dropdown-list",rs="dropdownlist";import{Fragment as Nm,jsx as xe,jsxs as rn}from"react/jsx-runtime";var ns="k-dropdownlist",gm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],km={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]},nn={showValue:!0,arrowIconName:"chevron-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=nn.arrowIconName,showValue:s=nn.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:$,opened:U,adaptive:ce,adaptiveSettings:me,adaptiveTitle:Ie,adaptiveSubtitle:Ot,adaptiveFilter:Ya,id:bt,activeDescendant:ca,"aria-label":Qa,...ja}=e,xl=bt?`${bt}-listbox`:void 0,zn=bt?`${bt}-value`:void 0;return rn(Nm,{children:[rn(Qe,{...ja,id:bt,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,ns,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":U?"true":"false","aria-controls":U?xl:void 0,"aria-activedescendant":U&&ca?ca:void 0,"aria-describedby":U?zn:void 0,"aria-disabled":M?"true":void 0,"aria-label":Qa,tabIndex:0,children:[xe(Re,{children:c}),xe(wt,{placeholder:b,value:f,showValue:s,valueIconName:d,id:zn}),xe(ue,{valid:L,invalid:k,loading:C,disabled:M}),xe(Ne,{loading:C,disabled:M}),xe(Ke,{children:u}),xe(l,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),U&&$&&xe(V,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),ce&&xe(J,{adaptive:!0,...me,header:xe(fe,{actionsEnd:xe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ya,inputValue:f,inputPlaceholder:b,title:Ie,subtitle:Ot}),children:xe("div",{className:"k-list-container",children:xe(R,{size:"large",children:rn(F,{"aria-label":"Options",children:[xe(O,{text:"List item"}),xe(O,{text:"List item"}),xe(O,{text:"List item"})]})})})})]})};Z.states=gm;Z.options=km;Z.className=ns;Z.defaultOptions=nn;Z.moduleName=as;Z.folderName=rs;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 ym,jsx as St,jsxs as is}from"react/jsx-runtime";var vm=Z.states,Lm=Z.defaultOptions,Mm=Z.options,Sm=[{name:"opened",title:"Opened"}],Im=[],fo=e=>{let{modifiers:t,...o}=e,a={},r=is(ym,{children:[St("div",{className:"k-list-filter",children:St(_e,{})}),St(R,{style:{width:300},size:o.size,children:is(F,{children:[St(O,{children:"List item"}),St(O,{children:"List item"}),St(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),St("div",{children:St(Z,{placeholder:"Value",style:{width:300},...o,...a})})};fo.options=Mm;fo.states=vm;fo.variants=Im;fo.defaultOptions=Lm;fo.modifiers=Sm;fo.className=Z.className;import{jsx as ss,jsxs as Om}from"react/jsx-runtime";var ls="k-spin-button",Tm=[],Am={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},sn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},It=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=sn.increaseLabel,decreaseLabel:s=sn.decreaseLabel,...d}=e;return Om("span",{...d,className:n(ls,e.className),children:[ss(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),ss(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};It.states=Tm;It.options=Am;It.className=ls;It.defaultOptions=sn;It.moduleName=null;It.folderName=null;var ds="numeric-textbox",ps="numerictextbox";import{Fragment as cs,jsx as lt,jsxs as ln}from"react/jsx-runtime";var ms="k-numerictextbox",Pm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],wm={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]},Oa={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showSpinButton:d=Oa.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:$,"aria-label":U,"aria-describedby":ce,...me}=e;return ln(Q,{...me,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,ms),children:[c&&ln(cs,{children:[lt(Re,{children:c}),r&&lt(De,{})]}),lt(Ce,{id:$,placeholder:b,value:f,role:"spinbutton",disabled:M,"aria-label":U,"aria-describedby":ce,"aria-invalid":k?"true":void 0}),lt(ue,{valid:L,invalid:k,loading:C,disabled:M}),lt(Ne,{loading:C,disabled:M}),s&&lt(ye,{loading:C,disabled:M,readonly:P,value:f}),u&&ln(cs,{children:[r&&lt(De,{}),lt(Ke,{children:u})]}),d&&lt(It,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Pm;_.options=wm;_.className=ms;_.defaultOptions=Oa;_.moduleName=ds;_.folderName=ps;_.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 jo=_;import{jsx as Bm}from"react/jsx-runtime";var us=e=>Bm(jo,{...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 dn}from"react/jsx-runtime";var Rm=_.states,Km=_.defaultOptions,Dm=_.options,_m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],zm=[],bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?dn(Z,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?dn(hr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),dn(us,{value:"Value",style:{width:300},...o,...a})};bo.options=Dm;bo.states=Rm;bo.variants=zm;bo.defaultOptions=Km;bo.modifiers=_m;bo.className=_.className;var pn="pager",fs=pn;import{Fragment as bs,jsx as Le,jsxs as ho}from"react/jsx-runtime";var Pa="k-pager",Hm=[i.focus,i.disabled],Um={size:[p.undefined,p.small,p.medium,p.large]},Ae={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=Ae.responsive,size:o,pagerSizeInfo:a=Ae.pagerSizeInfo,pageTitleInfo:r=Ae.pageTitleInfo,maxPagesInfo:s=Ae.maxPagesInfo,itemsPerPage:d=Ae.itemsPerPage,maxPages:c=Ae.maxPages,currentPage:u=Ae.currentPage,previousNext:f=Ae.previousNext,type:b=Ae.type,pageSizes:g=Ae.pageSizes,refresh:m=Ae.refresh,info:L=Ae.info,focus:k,disabled:I,dir:C,...M}=e,P=[],$=[];for(let U=1;U<=c;U++)P.push(Le(l,{selected:U===u,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${U}`,...U===u&&{"aria-current":"page"},children:U},U)),$.push(Le("option",{selected:U===u,children:U},U));return ho("div",{dir:C,...M,className:n(e.className,Pa,E(Pa,{size:o}),S(Pa,{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:[ho("div",{className:n("k-pager-numbers-wrap"),children:[f&&ho(bs,{children:[Le(l,{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"}),Le(l,{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"&&Le("div",{className:n("k-pager-numbers"),children:P}),b==="input"&&ho("span",{className:n("k-pager-input"),children:[r&&Le("span",{children:"Page"}),Le(_,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Le("span",{children:s&&`of ${c}`})]}),f&&ho(bs,{children:[Le(l,{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"}),Le(l,{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&&ho("span",{className:n("k-pager-sizes"),children:[Le(Z,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&Le("span",{children:"items per page"})]}),m&&Le(l,{className:n("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),L&&Le("span",{className:n("k-pager-info"),children:L})]})};j.states=Hm;j.options=Um;j.className=Pa;j.defaultOptions=Ae;j.moduleName=pn;j.folderName=fs;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 Fm}from"react/jsx-runtime";var wa=e=>Fm(j,{type:"input",responsive:!1,...e});import{jsx as IP}from"react/jsx-runtime";import{jsx as hs}from"react/jsx-runtime";var Gm=j.options,Vm=j.states,$m={...j.defaultOptions,variant:"numeric"},Xm=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],qm=[],xo=e=>{let{variant:t,...o}=e;return t==="input"?hs(j,{...o,type:"input"}):hs(j,{...o,type:"numeric"})};xo.options=Gm;xo.states=Vm;xo.variants=Xm;xo.defaultOptions=$m;xo.modifiers=qm;xo.className=j.className;import{jsx as xs,jsxs as Zm}from"react/jsx-runtime";var gs="k-color-preview",Wm=[],Jm={},yt=e=>{let{color:t,iconName:o,...a}=e;return Zm("span",{...a,className:n(e.className,gs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xs(v,{icon:o,className:"k-color-preview-icon"}),xs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};yt.states=Wm;yt.options=Jm;yt.className=gs;var cn="slider",ks=cn;import{jsx as go,jsxs as mn}from"react/jsx-runtime";var ea="k-slider",Ym=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qm={},Fe={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=Fe.type,orientation:o=Fe.orientation,gradientType:a=Fe.gradientType,readonly:r=Fe.readonly,disabled:s=Fe.disabled,handlePosition:d=Fe.handlePosition,showButtons:c=Fe.showButtons,showTicks:u=Fe.showTicks,value:f=Fe.value,min:b=Fe.min,max:g=Fe.max,startValue:m,endValue:L,hover:k,focus:I,active:C,trackStyle:M,dir:P,...$}=e,ce=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),me,Ie;return o==="horizontal"?(me=P==="rtl"?"chevron-left":"chevron-right",Ie=P==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(me="chevron-up",Ie="chevron-down"),mn("div",{...$,className:n(ea,e.className,S(ea,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:P,children:[c&&go(l,{className:"k-button-decrease",rounded:"full",icon:Ie,tabIndex:-1,title:"Decrease"}),mn("div",{className:"k-slider-track-wrap",children:[u&&go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),mn("div",{className:"k-slider-track",style:M,children:[go("div",{className:"k-slider-selection"}),t==="range"&&go("span",{className:n("k-draghandle","k-draghandle-start",S(ea,{hover:k,focus:I,active:C})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??b,"aria-valuemin":b,"aria-valuemax":L??g,"aria-orientation":ce,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),go("span",{className:n("k-draghandle",`k-draghandle-${d}`,S(ea,{hover:k,focus:I,active:C})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?m??b:b,"aria-valuemax":g,"aria-orientation":ce,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),c&&go(l,{className:"k-button-increase",rounded:"full",icon:me,tabIndex:-1,title:"Increase"})]})};G.states=Ym;G.options=Qm;G.className=ea;G.defaultOptions=Fe;G.moduleName=cn;G.folderName=ks;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 Ns}from"react/jsx-runtime";var vs="k-tick",jm=[],eu={},Ls={label:!1},T=e=>{let{style:t,label:o=Ls.label,orientation:a,large:r,text:s,...d}=e;return Ns("li",{...d,role:"presentation",title:s||"Tick",className:n(e.className,vs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Ns("span",{className:"k-label",children:s})})};T.states=jm;T.options=eu;T.className=vs;T.defaultOptions=Ls;import{Fragment as tu,jsx as Ge,jsxs as ou}from"react/jsx-runtime";var Ms=e=>Ge(G,{"aria-label":e["aria-label"]||"Slider",children:ou(tu,{children:[Ge(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{label:!0,large:!0,text:"5"}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as au,jsx as Ve,jsxs as ru}from"react/jsx-runtime";var Ss=e=>Ve(G,{children:ru(au,{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"})]}),"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 nu}from"react/jsx-runtime";var un=e=>nu(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as iu}from"react/jsx-runtime";var fn=e=>iu(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 ot,jsxs as Is}from"react/jsx-runtime";var su=G.options,lu=G.states,ys={...G.defaultOptions,variant:"horizontal",label:!0},du=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],pu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ko=e=>{let{variant:t,modifiers:o,...a}={...ys,...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:s=!0,showButtons:d,showTicks:c}=r,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Is(Ss,{showTicks:c,showButtons:d,style:{height:"300px",...u},...a,children:[ot(T,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Is(Ms,{showTicks:c,showButtons:d,style:{width:"400px",...u},...a,children:[ot(T,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ko.options=su;ko.states=lu;ko.variants=du;ko.defaultOptions=ys;ko.modifiers=pu;ko.className=G.className;import{Fragment as ta,jsx as w,jsxs as ee}from"react/jsx-runtime";var Cs="k-colorgradient-inputs",cu=[],mu={size:[p.undefined,p.small,p.medium,p.large]},Es={mode:"rgba"},No=e=>{let{mode:t=Es.mode,size:o,...a}=e;return ee("div",{...a,className:n(Cs,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(ta,{children:ee("div",{className:"k-vstack k-flex-1",children:[w(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),w("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};No.states=cu;No.options=mu;No.className=Cs;No.defaultOptions=Es;import{jsx as Ut,jsxs as Ft}from"react/jsx-runtime";var Ts="k-colorgradient-color-contrast",uu=[],fu={},bu={},vo=()=>Ft("div",{className:n(Ts,"k-vbox"),children:[Ft("div",{className:"k-contrast-ratio",children:[Ut("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ft("span",{className:"k-contrast-validation !k-text-success",children:[Ut(v,{icon:"check"}),Ut(v,{icon:"check"})]})]}),Ft("div",{children:[Ut("span",{children:"AA: 4.5"}),Ft("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ut(v,{icon:"check"})]})]}),Ft("div",{children:[Ut("span",{children:"AAA: 7.0"}),Ft("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ut(v,{icon:"x"})]})]})]});vo.states=uu;vo.options=fu;vo.className=Ts;vo.defaultOptions=bu;var As="color-gradient",Os="colorgradient";import{jsx as $e,jsxs as oa}from"react/jsx-runtime";var Ba="k-colorgradient",hu=[i.hover,i.focus,i.readonly,i.disabled],xu={size:[p.undefined,p.small,p.medium,p.large]},at={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=at.mode,readonly:a=at.readonly,disabled:r=at.disabled,gradientStyle:s=at.gradientStyle,dragHandleStyle:d=at.dragHandleStyle,alphaStyle:c=at.alphaStyle,alphaStyleHorizontal:u=at.alphaStyleHorizontal,contrast:f=at.contrast,dir:b,hover:g,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:I=at.canvasOrientation,role:C,tabIndex:M,...P}=e;return oa("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,Ba,E(Ba,{size:t}),S(Ba,{hover:g,focus:m,readonly:a,disabled:r})),dir:b,children:[!I||I==="horizontal"&&oa("div",{className:"k-colorgradient-canvas k-hstack",children:[$e("div",{className:"k-hsv-rectangle",style:s,children:$e("div",{className:"k-hsv-gradient",children:$e("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})})}),oa("div",{className:"k-hsv-controls k-hstack",children:[$e(fn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&$e(fn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),I==="vertical"&&oa("div",{className:"k-colorgradient-canvas k-vstack",children:[$e("div",{className:"k-hsv-rectangle",style:s,children:$e("div",{className:"k-hsv-gradient",children:$e("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})})}),oa("div",{className:"k-hsv-controls k-vstack",children:[$e(un,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&$e(un,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),$e(No,{mode:e.mode,size:t}),f&&$e(vo,{})]})};ne.states=hu;ne.options=xu;ne.className=Ba;ne.defaultOptions=at;ne.moduleName=As;ne.folderName=Os;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 gu}from"react/jsx-runtime";var Ra=e=>gu(ne,{...e});import{jsx as LB}from"react/jsx-runtime";import{jsx as yB}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var ku=ne.options,Nu=ne.states,vu={...ne.defaultOptions,variant:"rgba"},Lu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Mu=[],Lo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return bn(Ra,{...o,mode:t});case"rgb":return bn(Ra,{...o,mode:t});default:return bn(Ra,{...o,mode:t})}};Lo.options=ku;Lo.states=Nu;Lo.variants=Lu;Lo.defaultOptions=vu;Lo.modifiers=Mu;Lo.className=ne.className;import{jsx as Su}from"react/jsx-runtime";var hn=e=>Su("tr",{role:"row",children:e.children});import{jsx as Cu}from"react/jsx-runtime";var xn="k-colorpalette-tile",Iu=[i.hover,i.focus,i.selected],yu={},Mo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Cu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,xn,S(xn,{hover:a,focus:r,selected:s})),style:c})};Mo.states=Iu;Mo.options=yu;Mo.className=xn;var Ps="color-palette",ws="colorpalette";import{jsx as aa}from"react/jsx-runtime";var Ka="k-colorpalette",Eu=[i.disabled],Tu={size:[p.undefined,p.small,p.medium,p.large]},Bs={columns:10},ge=e=>{let{size:t,palette:o,columns:a=Bs.columns,tileSize:r,disabled:s,...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(aa(Mo,{color:k,tileSize:r},I))});let L=aa(hn,{children:m},g);c.push(L)})}return aa("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,Ka,S(Ka,{disabled:s}),E(Ka,{size:t})),children:aa("table",{className:"k-colorpalette-table",role:"none",children:aa("tbody",{children:c.length>0?c:e.children})})})};ge.states=Eu;ge.options=Tu;ge.className=Ka;ge.defaultOptions=Bs;ge.moduleName=Ps;ge.folderName=ws;ge.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 Da=ge;var ra={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 Au}from"react/jsx-runtime";var Rs=e=>Au(Da,{palette:ra.basic,...e});import{jsx as sR}from"react/jsx-runtime";import{jsx as uR,jsxs as fR}from"react/jsx-runtime";import{jsx as Du}from"react/jsx-runtime";var Ou=ge.options,Pu=ge.states,wu={...ge.defaultOptions,variant:"basic"},Bu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ru={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}},Ku=[],So=e=>{let{variant:t="basic",...o}=e,a=Ru[t];return Du(Rs,{columns:a.columns,palette:a,...o})};So.options=Ou;So.states=Pu;So.variants=Bu;So.defaultOptions=wu;So.modifiers=Ku;So.className=ge.className;var Ks="color-editor",Ds="coloreditor";import{jsx as Xe,jsxs as Io}from"react/jsx-runtime";var _a="k-coloreditor",_u=[i.focus],zu={size:[p.undefined,p.small,p.medium,p.large]},na={view:"gradient",palette:ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=na.view,palette:a=na.palette,color:r,currentColor:s,focus:d,focusView:c,dir:u,group:f,actionButtons:b=na.actionButtons,canvasOrientation:g=na.canvasOrientation,...m}=e;return Io("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",_a,E(_a,{size:t}),S(_a,{focus:d})),dir:u,children:[Io("div",{className:"k-coloreditor-header k-hstack",children:[Xe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Io(y,{fillMode:"flat",children:[Xe(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Xe(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Xe("div",{className:"k-spacer"}),Io("div",{className:"k-coloreditor-header-actions k-hstack",children:[Xe(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Io("div",{className:"k-coloreditor-preview k-vstack",children:[Xe(yt,{className:"k-coloreditor-preview-color",color:r}),Xe(yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Xe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Xe(ne,{focus:c,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Xe(ge,{palette:a,size:t})}),b&&Io(Je,{className:"k-coloreditor-footer",alignment:"start",children:[Xe(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Xe(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=_u;Y.options=zu;Y.className=_a;Y.defaultOptions=na;Y.moduleName=Ks;Y.folderName=Ds;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 yo=Y;import{jsx as GR}from"react/jsx-runtime";import{jsx as qR}from"react/jsx-runtime";import{jsx as Hu}from"react/jsx-runtime";var _s=e=>Hu(yo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Uu}from"react/jsx-runtime";var zs=e=>Uu(yo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Hs}from"react/jsx-runtime";var Fu=Y.options,Gu=Y.states,Vu={...Y.defaultOptions,variant:"gradient"},$u=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Xu=[],Co=e=>{let{variant:t,...o}=e;return t==="palette"?Hs(zs,{...o,color:"white"}):Hs(_s,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Co.options=Fu;Co.states=Gu;Co.variants=$u;Co.defaultOptions=Vu;Co.modifiers=Xu;Co.className=Y.className;var Us="color-picker",Fs="colorpicker";import{Fragment as Ju,jsx as qe,jsxs as gn}from"react/jsx-runtime";var Gs="k-colorpicker",qu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Wu={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]},Vs={arrowIconName:"chevron-down"},Oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Vs.arrowIconName,prefix:s,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:$,adaptiveTitle:U,adaptiveSubtitle:ce,...me}=e,Ie="colorpicker-popup";return gn(Ju,{children:[gn(Qe,{...me,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?Ie:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:n(e.className,Gs,"k-icon-picker"),children:[qe(Re,{children:s}),qe(wt,{placeholder:u,value:c,showValue:!1,valueIcon:qe(yt,{className:"k-value-icon",color:c,iconName:I}),valueIconName:I}),qe(Ke,{children:d}),qe(l,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&qe(V,{id:Ie,className:"k-colorpicker-popup",children:C}),P&&qe(J,{adaptive:!0,id:Ie,...$,header:qe(fe,{actionsEnd:qe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:U,subtitle:ce}),footer:gn(xt,{children:[qe(l,{text:"Cancel",size:"large"}),qe(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:qe(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Oe.states=qu;Oe.options=Wu;Oe.className=Gs;Oe.defaultOptions=Vs;Oe.moduleName=Us;Oe.folderName=Fs;Oe.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 dt=Oe;import{jsx as Zu}from"react/jsx-runtime";var za=e=>Zu(dt,{...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 Gt}from"react/jsx-runtime";var Yu=dt.options,Qu=dt.states,$s={...dt.defaultOptions,variant:"color"},ju=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],ef=[{name:"opened",title:"Opened"}],Eo=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Gt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Gt("div",{style:s,children:Gt(za,{...a,...r})});case"icon":return Gt("div",{style:s,children:Gt(za,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Gt("div",{style:s,children:Gt(za,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Eo.options=Yu;Eo.states=Qu;Eo.variants=ju;Eo.defaultOptions=$s;Eo.modifiers=ef;Eo.className=dt.className;var kn="split-button",Xs=kn;import{Fragment as af,jsx as Nn,jsxs as qs}from"react/jsx-runtime";var vn="k-split-button",tf=[i.hover,i.focus,i.active,i.selected,i.disabled],of={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]},Ws={arrowIconName:"chevron-down"},B=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,arrowIconName:m=Ws.arrowIconName,popup:L,opened:k,popupId:I,...C}=e;return qs(af,{children:[qs("div",{...C,className:n(e.className,vn,"k-button-group",E(vn,{rounded:o})),children:[Nn(l,{text:g,icon:b,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:u,disabled:f,...!g&&!e.children&&b&&{"aria-label":"Action"},children:e.children}),Nn(l,{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&&Nn(V,{className:"k-menu-popup",children:L})]})};B.states=tf;B.options=of;B.className=vn;B.defaultOptions=Ws;B.moduleName=kn;B.folderName=Xs;B.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ln=B;import{jsx as nf}from"react/jsx-runtime";var rf="k-toolbar-separator",W=e=>nf("div",{className:n(rf,e.className,"k-separator")});var pt="toolbar",Ct=pt;import{Fragment as Mn,jsx as D,jsxs as To}from"react/jsx-runtime";var ct="k-toolbar",sf=[i.focus],lf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},df={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:c,section:u,...f}=e,b=[],g=(m,L)=>{let k=[];if(m.type===l&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(D(l,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===l)k.push(D(l,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Fo)k.push(D(Fo,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ht)k.push(D(ht,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===K)k.push(D(K,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ln)k.push(D(Ln,{...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(l,{...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===X?k.push(D(X,{...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===Oe?k.push(D(Oe,{...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)}),To("div",{...f,className:n(e.className,ct,E(ct,{size:t,fillMode:o}),S(ct,{focus:a}),{[`${ct}-resizable`]:r,[`${ct}-scrollable`]:s,[`${ct}-scrollable-overlay`]:s&&d==="hidden",[`${ct}-scrollable-${c}`]:c&&c!=="both",[`${ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!s&&b,s&&d==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),s&&d==="start"&&To(Mn,{children:[To(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(W,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b})]}),s&&d==="end"&&To(Mn,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(W,{className:"k-toolbar-button-separator"}),To(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"})})]})]}),s&&(d==="around"||!d)&&To(Mn,{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(W,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(W,{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"})})]})]})};z.states=sf;z.options=lf;z.className=ct;z.defaultOptions=df;z.moduleName=pt;z.folderName=Ct;z.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 uf}from"react/jsx-runtime";var Js="k-floating-toolbar",pf=[],cf={},mf={},Ao=e=>{let{...t}=e;return uf("div",{...t,className:n(e.className,Js),children:e.children})};Ao.states=pf;Ao.options=cf;Ao.className=Js;Ao.defaultOptions=mf;Ao.moduleName=pt;Ao.folderName=Ct;import{jsx as xf}from"react/jsx-runtime";var Sn="k-toolbar-item",ff=[i.focus],bf={},hf={},Oo=e=>{let{focus:t,...o}=e;return xf("div",{...o,className:n(e.className,Sn,S(Sn,{focus:t})),children:e.children})};Oo.states=ff;Oo.options=bf;Oo.className=Sn;Oo.defaultOptions=hf;Oo.moduleName=pt;Oo.folderName=Ct;import{jsx as Zs}from"react/jsx-runtime";var Ys="k-toolbar-popup",gf=[],kf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nf={},Vt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Zs(V,{...r,className:n(e.className,Ys),children:a?Zs("span",{className:n("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Vt.states=gf;Vt.options=kf;Vt.className=Ys;Vt.defaultOptions=Nf;Vt.moduleName=pt;Vt.folderName=Ct;var Ha=Vt;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 mt,jsxs as If}from"react/jsx-runtime";var vf=B.states,Qs={...B.defaultOptions,variant:"text"},Lf=B.options,Mf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Sf=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},r={},s=If(de,{size:a.size,children:[mt(q,{first:!0,text:"Menu Item"}),mt(q,{text:"Menu Item"}),mt(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return mt("div",{children:mt(B,{...a,...r,icon:"star"})});case"icon-and-text":return mt("div",{children:mt(B,{...a,...r,icon:"star",children:"Split Button"})});default:return mt("div",{children:mt(B,{...a,...r,children:"Split Button"})})}};Po.options=Lf;Po.states=vf;Po.variants=Mf;Po.defaultOptions=Qs;Po.modifiers=Sf;Po.className=B.className;import{jsx as $t,jsxs as yf}from"react/jsx-runtime";var js=e=>$t(z,{children:[$t(l,{children:"Button"},"toolbar-button"),$t(K,{text:"Menu button"},"toolbar-menu-button"),$t(B,{children:"Split button"},"toolbar-split-button"),yf(y,{children:[$t(l,{className:"k-group-start",icon:"align-left",children:"Left"}),$t(l,{icon:"align-center",children:"Center"}),$t(l,{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 Pe,jsxs as el}from"react/jsx-runtime";var tl=e=>Pe(z,{scrollable:!0,...e,children:[Pe(l,{children:"Button"},"toolbar-button"),Pe(K,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),el(y,{children:[Pe(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(l,{icon:"align-center",children:"Center"}),Pe(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Pe(l,{children:"Button"},"toolbar-button"),Pe(K,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),el(y,{children:[Pe(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(l,{icon:"align-center",children:"Center"}),Pe(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as we,jsxs as ol}from"react/jsx-runtime";var al=({scrollingPosition:e="start",...t})=>we(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[we(l,{children:"Button"},"toolbar-button"),we(K,{text:"Menu button"},"toolbar-menu-button"),we(B,{children:"Split button"},"toolbar-split-button"),ol(y,{children:[we(l,{className:"k-group-start",icon:"align-left",children:"Left"}),we(l,{icon:"align-center",children:"Center"}),we(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),we(l,{children:"Button"},"toolbar-button"),we(K,{text:"Menu button"},"toolbar-menu-button"),we(B,{children:"Split button"},"toolbar-split-button"),ol(y,{children:[we(l,{className:"k-group-start",icon:"align-left",children:"Left"}),we(l,{icon:"align-center",children:"Center"}),we(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Cf,jsx as Me,jsxs as Ua}from"react/jsx-runtime";var rl=({fillMode:e,size:t,...o})=>Ua(Cf,{children:[Me(z,{section:!0,fillMode:e,size:t,children:[Me(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ua(y,{fillMode:e,children:[Me(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Me(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Me(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Me(W,{className:"k-toolbar-button-separator"}),Me(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ua(Ha,{size:t,fillMode:e,section:!0,...o,children:[Me(B,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Me(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Me(W,{}),Me(K,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ua(y,{fillMode:e,children:[Me(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Me(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Me(l,{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 Et}from"react/jsx-runtime";var Ef=z.options,Tf=z.states,nl={...z.defaultOptions,variant:"default"},Af=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Of=[],wo=e=>{let{variant:t,...o}={...nl,...e};switch(t){case"responsive":return Et("div",{children:Et(rl,{style:{width:"583px"},...o})});case"overlay":return Et("div",{children:Et(al,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Et("div",{children:Et(tl,{style:{width:"583px"},...o})});default:return Et("div",{children:Et(js,{style:{width:"583px"},...o})})}};wo.options=Ef;wo.states=Tf;wo.variants=Af;wo.defaultOptions=nl;wo.modifiers=Of;wo.className=z.className;import{Fragment as Fa,jsx as Tt,jsxs as ia}from"react/jsx-runtime";var In="k-upload-dropzone",Pf=[i.hover],Ga=e=>{let{hover:t,status:o,disabled:a,hasFiles:r,filesId:s,...d}=e,c;switch(o){case"uploading":c=ia(Fa,{children:[Tt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=ia(Fa,{children:[Tt(v,{icon:"check"}),"Done"]});break;case"failed":c=ia(Fa,{children:[Tt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Tt(Fa,{});break}return ia("div",{...d,className:n(e.className,In,"k-dropzone",S(In,{hover:t})),children:[ia("div",{className:"k-upload-button-wrap",children:[Tt(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...r&&s?{"aria-controls":s}:{},children:"Select files..."}),Tt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Tt("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Tt("span",{className:"k-upload-status",children:c})]})};Ga.states=Pf;Ga.className=In;var yn="upload",il=yn;import{jsx as Va,jsxs as ll}from"react/jsx-runtime";var Cn="k-upload",wf=[i.hover,i.disabled],Bf={},dl={actionsLayout:"end"},sl="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:r=dl.actionsLayout,hover:s,status:d,disabled:c,...u}=e,f=!!e.children;return ll("div",{...u,className:n(e.className,Cn,S(Cn,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Va(Ga,{status:d,hover:s,disabled:c,hasFiles:f,filesId:sl}),f&&Va("ul",{className:"k-upload-files",role:"list",id:sl,children:e.children}),a&&f&&ll(hi,{alignment:r,orientation:"horizontal",children:[Va(l,{className:"k-clear-selected",children:"Clear"}),Va(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=wf;ae.options=Bf;ae.className=Cn;ae.defaultOptions=dl;ae.moduleName=yn;ae.folderName=il;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 sa="progressbar",$a=sa;import{jsx as Tn,jsxs as En}from"react/jsx-runtime";var We="k-progressbar",Rf=[i.disabled,i.indeterminate],Kf={orientation:["horizontal","vertical"]},Xt={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},pe=e=>{let{disabled:t,height:o,indeterminate:a=Xt.indeterminate,label:r=Xt.label,labelPosition:s=Xt.labelPosition,orientation:d=Xt.orientation,reverse:c=Xt.reverse,value:u=Xt.value,width:f,style:b,ariaLabel:g,...m}=e;return En("div",{...m,className:n(e.className,We,S(We,{disabled:t}),{[`${We}-${d}`]:d,[`${We}-indeterminate`]:a,[`${We}-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:[Tn("span",{className:n("k-progress-status-wrap",{[`k-progress-${s}`]:s&&!a}),children:r&&En("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Tn("div",{className:"k-progressbar-value k-selected",children:Tn("span",{className:n("k-progress-status-wrap",{[`k-progress-${s}`]:s}),children:r&&En("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};pe.states=Rf;pe.options=Kf;pe.className=We;pe.defaultOptions=Xt;pe.moduleName=sa;pe.folderName=$a;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 pl=pe;import{jsx as An}from"react/jsx-runtime";var cl="k-chunk-progressbar",Df=(e,t)=>t<=e-1,_f=[i.disabled,i.indeterminate],zf={},Xa={chunkCount:5,orientation:"horizontal",progress:0},qt=e=>{let{disabled:t,chunkCount:o=Xa.chunkCount,indeterminate:a,orientation:r=Xa.orientation,progress:s=Xa.progress,reverse:d,ariaLabel:c,...u}=e;return An("div",{...u,className:n(e.className,We,cl,S(We,{disabled:t}),{[`${We}-${r}`]:r,[`${We}-indeterminate`]:a,[`${We}-reverse`]:d}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:s,"aria-valuemin":0,"aria-valuemax":o,children:An("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,b)=>An("li",{className:n("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":Df(s,b)})},b))})})};qt.states=_f;qt.options=zf;qt.className=cl;qt.defaultOptions=Xa;qt.moduleName=sa;qt.folderName=$a;qt.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 Hf}from"react/jsx-runtime";var la=e=>Hf(pl,{...e});import{jsx as _z}from"react/jsx-runtime";import{jsx as At}from"react/jsx-runtime";var Uf=pe.options,Ff=pe.states,ml={...pe.defaultOptions,variant:"start"},Gf=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Vf=[],Bo=e=>{let{variant:t,modifiers:o,...a}={...ml,...e},r={},s={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,s.style=o?.[d]?void 0:{width:"324px"};break}}),t){case"end":return At("div",{...s,children:At(la,{...a,...r,labelPosition:"end",value:"50"})});case"center":return At("div",{...s,children:At(la,{...a,...r,labelPosition:"center",value:"50"})});case"empty":return At("div",{...s,children:At(la,{...a,...r,label:!1,value:"50"})});default:return At("div",{...s,children:At(la,{...a,...r,labelPosition:"start",value:"50"})})}};Bo.options=Uf;Bo.states=Ff;Bo.variants=Gf;Bo.defaultOptions=ml;Bo.modifiers=Vf;Bo.className=pe.className;import{jsx as On,jsxs as Xf}from"react/jsx-runtime";var $f="k-file-info",Pn=e=>{let{name:t,size:o,validationMsg:a,...r}=e;return Xf("div",{...r,className:n(e.className,$f),children:[t&&On("span",{className:"k-file-name",children:t}),o&&On("span",{className:"k-file-size",children:o}),a&&On("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Wf,jsx as ut,jsxs as qa}from"react/jsx-runtime";var qf="k-file",Se=e=>{let{status:t,progress:o,name:a,icon:r,size:s,state:d,validationMsg:c,...u}=e;return ut("li",{...u,className:n(e.className,qf,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:qa("div",{className:"k-file-single",children:[ut(pe,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),qa("span",{className:"k-file-icon-wrapper",children:[ut(v,{className:"k-file-icon",icon:r,size:"xxlarge"}),d&&ut("span",{className:"k-file-state",children:d})]}),ut(Pn,{name:a,size:s,validationMsg:c}),ut("div",{className:"k-upload-actions",children:t==="progress"?qa(Wf,{children:[qa("span",{className:"k-upload-pct",children:[o,"%"]}),ut(l,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),ut(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):ut(l,{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 Jf,jsx as wn,jsxs as Zf}from"react/jsx-runtime";var da=e=>wn(ae,{async:!0,children:Zf(Jf,{children:[wn(Se,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),wn(Se,{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 Yf}from"react/jsx-runtime";var Wa=e=>Yf(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 ft,jsxs as Ja}from"react/jsx-runtime";var Qf=ae.options,jf=ae.states,ul={...ae.defaultOptions,variant:"empty"},eb=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],tb=[],Ro=e=>{let{variant:t,...o}={...ul,...e};switch(t){case"success":return Ja(da,{status:"done",style:{width:"586px"},...o,children:[ft(Se,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),ft(Se,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Ja(da,{status:"failed",style:{width:"586px"},...o,children:[ft(Se,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),ft(Se,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Ja(da,{status:"uploading",style:{width:"586px"},...o,children:[ft(Se,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),ft(Se,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Ja(da,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[ft(Se,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),ft(Se,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return ft(Wa,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ro.options=Qf;Ro.states=jf;Ro.variants=eb;Ro.defaultOptions=ul;Ro.modifiers=tb;Ro.className=ae.className;var Bn="pdf-viewer",fl=Bn;import{jsx as A,jsxs as rt}from"react/jsx-runtime";var Rn="k-pdf-viewer",ob=[i.disabled],ab={},rb=rt(z,{resizable:!0,fillMode:"flat",children:[A(K,{icon:"menu",fillMode:"flat",showArrow:!1,"aria-label":"Menu"}),A(W,{}),A(wa,{pageSizes:!1,refresh:!1,info:!1}),A("span",{className:"k-spacer"}),rt(y,{fillMode:"flat",children:[A(l,{fillMode:"flat",className:"k-group-start",icon:"zoom-out","aria-label":"Zoom out"}),A(l,{fillMode:"flat",className:"k-group-end",icon:"zoom-in","aria-label":"Zoom in"})]}),A(X,{value:"Automatic Width",fillMode:"flat","aria-label":"Zoom level"}),rt(y,{fillMode:"flat",children:[A(l,{fillMode:"flat",className:"k-group-start",icon:"pointer","aria-label":"Selection tool"}),A(l,{fillMode:"flat",className:"k-group-end",icon:"hand","aria-label":"Hand tool"})]}),A("span",{className:"k-spacer"}),A(l,{fillMode:"flat",icon:"search","aria-haspopup":"dialog","aria-label":"Search"}),A(l,{fillMode:"flat",icon:"edit-annotations","aria-label":"Annotations"}),A(l,{fillMode:"flat",icon:"comment","aria-label":"Comments"})]}),nb=rt(z,{resizable:!0,fillMode:"flat",children:[rt(y,{fillMode:"flat",children:[A(l,{fillMode:"flat",className:"k-group-start",icon:"highlight","aria-label":"Highlight"}),A(l,{fillMode:"flat",icon:"underline","aria-label":"Underline"}),A(l,{fillMode:"flat",className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]}),A(W,{}),A(l,{fillMode:"flat",icon:"free-text","aria-label":"Free text"}),A(W,{}),A(K,{icon:"shapes",fillMode:"flat",showArrow:!0,"aria-label":"Shapes"}),A(W,{}),A(K,{icon:"stamp",fillMode:"flat",showArrow:!0,"aria-label":"Stamp"}),A(W,{}),A(l,{fillMode:"flat",icon:"sticky-note","aria-label":"Sticky note"}),A(W,{}),A(l,{fillMode:"flat",icon:"ruler-outline","aria-label":"Ruler"}),A(W,{}),A(l,{fillMode:"flat",icon:"comment","aria-label":"Comment"}),A(W,{}),A(l,{fillMode:"flat",icon:"eraser-outline","aria-label":"Eraser"}),A("span",{className:"k-spacer"}),A(l,{fillMode:"flat",icon:"x","aria-label":"Close"})]}),pa={toolbar:rb,showSearchPanel:!1,blank:!1,annotations:!1,annotationsToolbar:nb},ie=e=>{let{disabled:t,toolbar:o=pa.toolbar,showSearchPanel:a=pa.showSearchPanel,blank:r=pa.blank,annotations:s,annotationsToolbar:d=pa.annotationsToolbar,...c}=e;return rt("div",{...c,className:n(e.className,Rn,S(Rn,{disabled:t})),children:[o,s&&d,rt("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&&rt("div",{className:"k-search-panel k-pos-sticky k-top-center",role:"dialog","aria-label":"Search",children:[A(l,{fillMode:"flat",icon:"handle-drag",className:"k-search-dialog-draghandle","aria-label":"Drag handle"}),A(te,{"aria-label":"Search text",suffix:A(l,{fillMode:"flat",className:"k-match-case-button",icon:"convert-lowercase","aria-label":"Match case"})}),rt("span",{className:"k-search-matches",children:[A("span",{children:"0"})," of ",A("span",{children:"0"})]}),A(l,{fillMode:"flat",icon:"arrow-up","aria-label":"Previous match"}),A(l,{fillMode:"flat",icon:"arrow-down","aria-label":"Next match"}),A(l,{fillMode:"flat",icon:"x","aria-label":"Close search"})]}),A("div",{className:"k-pdf-viewer-pages",children:r?rt("div",{className:"k-page k-blank-page",children:[A(Ca,{}),A(Wa,{empty:!0,status:"upload"})]}):e.children})]})]})};ie.states=ob;ie.options=ab;ie.className=Rn;ie.defaultOptions=pa;ie.moduleName=Bn;ie.folderName=fl;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 ib}from"react/jsx-runtime";var bl="k-page",Kn={width:"720px",height:"360px"},Be=e=>{let{width:t=Kn.width,height:o=Kn.height,...a}=e;return ib("div",{...a,className:n(e.className,bl),style:{width:t,height:o},children:e.children})};Be.className=bl;Be.defaultOptions=Kn;import{Fragment as sb,jsx as Dn,jsxs as lb}from"react/jsx-runtime";var hl=e=>Dn(ie,{children:lb(sb,{children:[Dn(Be,{}),Dn(Be,{})]}),...e});import{jsx as B2,jsxs as R2}from"react/jsx-runtime";import{Fragment as q2,jsx as $2,jsxs as X2}from"react/jsx-runtime";import{jsx as ke,jsxs as Za}from"react/jsx-runtime";var db=ie.options,pb=ie.states,cb={...ie.defaultOptions,variant:"default"},mb=[{name:"default",title:"Default"},{name:"blank",title:"Blank"}],ub=[],Ko=e=>{let{variant:t,...o}=e,a={};return t==="blank"&&(a.blank=!0),Za(hl,{style:{width:"auto",height:"375px"},...o,...a,toolbar:Za(z,{children:[ke(j,{type:"input",pageSizes:!1,refresh:!1,info:!1}),ke("span",{className:"k-spacer"}),Za(y,{children:[ke(l,{fillMode:"flat",className:"k-group-start",icon:"zoom-out"}),ke(l,{fillMode:"flat",className:"k-group-end",icon:"zoom-in"})]}),ke(X,{value:"Automatic Width"}),Za(y,{children:[ke(l,{fillMode:"flat",className:"k-group-start",icon:"pointer"}),ke(l,{fillMode:"flat",className:"k-group-end",icon:"hand"})]}),ke("span",{className:"k-spacer"}),ke(l,{fillMode:"flat",icon:"search"}),ke(l,{fillMode:"flat",icon:"folder-open"}),ke(l,{fillMode:"flat",icon:"download"}),ke(l,{fillMode:"flat",icon:"print"})]}),children:[ke(Be,{width:"80%",height:"600px"}),ke(Be,{width:"80%",height:"600px"}),ke(Be,{width:"80%",height:"600px"})]})};Ko.options=db;Ko.states=pb;Ko.variants=mb;Ko.defaultOptions=cb;Ko.modifiers=ub;Ko.className=ie.className;import{Fragment as fb,jsx as _n,jsxs as bb}from"react/jsx-runtime";var bH=e=>_n(ie,{showSearchPanel:!0,children:bb(fb,{children:[_n(Be,{}),_n(Be,{})]}),...e});export{bH as PDFViewerWithSearchPanel};
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:s,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":s,"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 Hn(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"},Ye={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"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var er={};function H(e){return er[e]=(er[e]||0)+1,`k-${e}-${er[e]}`}import{Fragment as vl,jsx as Un}from"react/jsx-runtime";var tr="k-font-icon",gl=[],kl={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]},Nl={},Do=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...d}=e;return a?Un("span",{...d,className:n(e.className,tr,E(tr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):Un(vl,{})};Do.states=gl;Do.options=kl;Do.className=tr;Do.defaultOptions=Nl;var Fn=Do;import{Fragment as Sl,jsx as ma}from"react/jsx-runtime";var or="k-svg-icon",Ll=[],Ml={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:[Ye.outline,Ye.solid,Ye.duotone]},ar={viewBox:"0 0 24 24",variant:Ye.outline},_o=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=ar.viewBox,variant:d=ar.variant,icon:c,...u}=e;if(!c)return ma(Sl,{});if(c==="none")return ma("span",{...u,className:n(e.className,or,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 ma("span",{...u,className:n(e.className,or,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:ma("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:c?void 0:e.children})})};_o.states=Ll;_o.options=Ml;_o.className=or;_o.defaultOptions=ar;var rr=_o;import*as nr from"@progress/kendo-svg-icons";var Gn="icon",Vn="icons";import{useContext as yl}from"react";import{createContext as Il}from"react";var $n=Il({iconsType:"svg"});import{Fragment as Xn,jsx as zo}from"react/jsx-runtime";var ua="k-icon",Cl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),El=[],Tl={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:[Ye.outline,Ye.solid,Ye.duotone]},fa={viewBox:"0 0 24 24",type:"svg",variant:Ye.outline},v=e=>{let{iconsType:t}=yl($n),{size:o,themeColor:a,icon:r,type:s=t||fa.type,rotate:d,flip:c,viewBox:u=fa.viewBox,variant:f=fa.variant,...b}=e;if(!r)return zo(Xn,{});if((t||s)==="svg"){if(r==="none")return zo(rr,{...b,className:n(e.className,ua),icon:r,size:o,variant:f});let m=nr[r]?r:Cl(`${r}-icon`);return nr[m]?zo(rr,{...b,className:n(e.className,ua),icon:nr[m],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:f}):zo(Xn,{})}return zo(Fn,{...b,className:n(e.className,ua),icon:r,size:o,themeColor:a,rotate:d,flip:c})};v.states=El;v.options=Tl;v.defaultOptions=fa;v.className=ua;v.moduleName=Gn;v.folderName=Vn;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 ir="button",qn=ir;import{Fragment as wl,jsx as Ho,jsxs as Wn}from"react/jsx-runtime";var Uo="k-button",Al=["icon-button"],Ol=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Pl={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]},sr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:d=sr.showArrow,arrowIconName:c=sr.arrowIconName,variant:u,hover:f,focus:b,active:g,selected:m,disabled:L,togglable:k,ariaDisabled:I,icon:C,text:M,iconClassName:P,className:$,...U}=e,ce=C!==void 0,me=e.children!==void 0;return Wn(t,{className:n($,Uo,Hn(Uo,u),E(Uo,{size:o,rounded:a,fillMode:r,themeColor:s}),S(Uo,{hover:f,focus:b,active:g,disabled:L||I,selected:m}),{"k-icon-button":!M&&!me&&ce}),...U,"aria-pressed":k?m?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:L||void 0,children:[C&&Ho(v,{className:n(P,"k-button-icon"),icon:C}),M?Wn(wl,{children:[M&&Ho("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Ho("span",{className:"k-button-text",children:e.children}),d&&Ho("span",{className:"k-menu-button-arrow k-button-arrow",children:Ho(v,{icon:c})})]})};l.states=Ol;l.options=Pl;l.variants=Al;l.className=Uo;l.defaultOptions=sr;l.moduleName=ir;l.folderName=qn;l.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 Bl}from"react/jsx-runtime";var ht=e=>Bl(l,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rl}from"react/jsx-runtime";var Fo=e=>Rl(l,{icon:"folder",children:"Button",...e});import{jsx as Kl}from"react/jsx-runtime";var Pt=e=>Kl(l,{children:"Button",...e});import{jsx as lr}from"react/jsx-runtime";var Dl=l.options,_l=l.states,zl={...l.defaultOptions,variant:"text"},Hl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ul=[],Wt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return lr(ht,{...o,icon:"star"});case"icon-and-text":return lr(Fo,{...o,icon:"star",children:"Button"});default:return lr(Pt,{...o,children:"Button"})}};Wt.options=Dl;Wt.states=_l;Wt.variants=Hl;Wt.defaultOptions=zl;Wt.modifiers=Ul;Wt.className=l.className;var dr="button",Jn=dr;import{jsx as $l}from"react/jsx-runtime";var Go="k-button-group",Fl=[i.disabled],Gl={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Vl={},y=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return $l("div",{role:"group",...r,className:n(e.className,Go,E(Go,{fillMode:t}),S(Go,{disabled:o}),{[`${Go}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};y.states=Fl;y.options=Gl;y.className=Go;y.defaultOptions=Vl;y.moduleName=dr;y.folderName=Jn;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 nt,jsxs as pr}from"react/jsx-runtime";var Xl={...l.options,...y.options},ql=l.states,Wl={...l.defaultOptions,...y.defaultOptions,variant:"text-button"},Jl=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Zl=[],Jt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?pr(y,{fillMode:a.fillMode,className:o,children:[nt(l,{...a,icon:"star"}),nt(l,{...a,icon:"star"}),nt(l,{...a,icon:"star"})]}):t==="icon-text-button"?pr(y,{fillMode:a.fillMode,className:o,children:[nt(l,{...a,icon:"star",children:"First"}),nt(l,{...a,icon:"star",children:"Middle"}),nt(l,{...a,icon:"star",children:"Last"})]}):pr(y,{fillMode:a.fillMode,className:o,children:[nt(l,{...a,children:"First"}),nt(l,{...a,children:"Middle"}),nt(l,{...a,children:"Last"})]})};Jt.options=Xl;Jt.states=ql;Jt.variants=Jl;Jt.defaultOptions=Wl;Jt.modifiers=Zl;Jt.className=y.className;var Vo="input",ba=Vo;import{jsx as ed}from"react/jsx-runtime";var ha="k-input",Yl=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ql={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]},jl={},Q=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return ed("span",{...g,className:n(e.className,ha,E(ha,{size:u,rounded:f,fillMode:b}),S(ha,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c}))})};Q.states=Yl;Q.options=Ql;Q.className=ha;Q.defaultOptions=jl;Q.moduleName=Vo;Q.folderName=ba;import{jsx as rd}from"react/jsx-runtime";var xa="k-picker",td=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],od={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]},ad={},Qe=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c,size:u,rounded:f,fillMode:b,...g}=e;return rd("span",{...g,className:n(e.className,xa,E(xa,{size:u,rounded:f,fillMode:b}),S(xa,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:d,readonly:c})),children:e.children})};Qe.states=td;Qe.options=od;Qe.className=xa;Qe.defaultOptions=ad;Qe.moduleName=Vo;Qe.folderName=ba;import{Fragment as sd,jsx as cr}from"react/jsx-runtime";var Zn="k-clear-value",nd=[i.disabled,i.loading,i.readonly],id={},ye=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?cr(sd,{}):cr("span",{className:n(e.className,Zn),children:cr(v,{icon:"x"})})};ye.states=nd;ye.options=id;ye.className=Zn;import{jsx as pd}from"react/jsx-runtime";var mr="k-input-inner",ld=[],dd={},ga={type:"text",autocomplete:"off",value:"",placeholder:""},Ce=e=>{let{value:t=ga.value,type:o=ga.type,placeholder:a=ga.placeholder,autocomplete:r=ga.autocomplete,disabled:s,readOnly:d,...c}=e;return pd("input",{...c,type:o,className:n(e.className,mr,E(mr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s||void 0,readOnly:d||void 0})};Ce.states=ld;Ce.options=dd;Ce.className=mr;import{jsx as Yn,jsxs as ud}from"react/jsx-runtime";var ur="k-input-inner",cd=[],md={},wt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...d}=e;return ud("span",{...d,className:n(e.className,ur,E(ur,e)),children:[r,!r&&s&&Yn(v,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Yn("span",{className:"k-input-value-text",children:t})]})};wt.states=cd;wt.options=md;wt.className=ur;import{jsx as hd}from"react/jsx-runtime";var fr="k-input-inner",fd=[],bd={},Qn={value:"",placeholder:""},br=e=>{let{value:t=Qn.value,placeholder:o=Qn.placeholder,rows:a,disabled:r,...s}=e;return hd("textarea",{...s,className:n(e.className,fr,E(fr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};br.states=fd;br.options=bd;br.className=fr;import{Fragment as gd,jsx as jn}from"react/jsx-runtime";var ei="k-input-loading-icon",xd=[i.disabled,i.loading],Ne=e=>{let{disabled:t,loading:o}=e;return t||!o?jn(gd,{}):jn("span",{className:n(e.className,ei,"k-icon k-i-loading")})};Ne.states=xd;Ne.className=ei;import{Fragment as vd,jsx as ti}from"react/jsx-runtime";var oi="k-input-validation-icon",kd=[i.valid,i.invalid,i.disabled,i.loading],Nd={},ue=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?ti(vd,{}):ti(v,{className:n(oi),icon:s})};ue.states=kd;ue.options=Nd;ue.className=oi;import{Fragment as Sd,jsx as ai}from"react/jsx-runtime";var Ld="k-input-prefix",Md={direction:"horizontal"},Re=e=>{let{direction:t=Md.direction,...o}=e;return e.children?ai("span",{...o,className:n(Ld,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ai(Sd,{})};import{Fragment as Cd,jsx as ri}from"react/jsx-runtime";var Id="k-input-suffix",yd={direction:"horizontal"},Ke=e=>{let{direction:t=yd.direction,...o}=e;return e.children?ri("span",{...o,className:n(Id,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ri(Cd,{})};import{jsx as mg}from"react/jsx-runtime";import{jsx as Td}from"react/jsx-runtime";var Ed="k-input-suffix-text",hr=e=>{let{children:t,...o}=e;return Td("span",{...o,className:n(Ed,e.className),children:t})};import{jsx as Od}from"react/jsx-runtime";var ni="k-input-separator",Ad={direction:"vertical"},De=e=>{let{direction:t=Ad.direction,...o}=e;return Od("span",{...o,className:n(ni,e.className,{[`${ni}-${t}`]:t})})};import{Fragment as ii,jsx as je,jsxs as xr}from"react/jsx-runtime";var Pd=Q.states,wd=Q.defaultOptions,Bd=Q.options,Rd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Kd=[],Zt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:d,...c}=e,u=t?.prefix,f=t?.suffix,b=t?.["clear-button"],g=t?.["validation-icon"],m=t?.separators;return xr(Q,{...c,valid:o,invalid:a,loading:r,disabled:s,readonly:d,style:{width:300},children:[u&&xr(ii,{children:[je(Re,{children:je(v,{icon:"lock"})}),m&&je(De,{})]}),je(Ce,{placeholder:"Placeholder",value:"Value"}),g&&je(ue,{valid:o,invalid:a,loading:r,disabled:s}),je(Ne,{loading:r,disabled:s}),b&&je(ye,{loading:r,disabled:s,readonly:d,value:"Value"}),f&&xr(ii,{children:[m&&je(De,{}),je(Ke,{children:je(Pt,{size:c.size,fillMode:"clear",children:"Send"})})]})]})};Zt.options=Bd;Zt.states=Pd;Zt.variants=Kd;Zt.defaultOptions=wd;Zt.modifiers=Rd;Zt.className=Q.className;var gr="popup",si=gr;import{jsx as li}from"react/jsx-runtime";var di="k-animation-container",Dd=[],_d={},pi={positionMode:"absolute"},et=e=>{let{positionMode:t=pi.positionMode,animationStyle:o,offset:a,...r}=e;return li("div",{...r,style:{...a,...e.style},className:n(e.className,di,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:li("div",{className:"k-child-animation-container",style:o,children:e.children})})};et.states=Dd;et.options=_d;et.className=di;et.defaultOptions=pi;et.moduleName=gr;et.folderName=si;var kr="popup",ci=kr;import{jsx as mi}from"react/jsx-runtime";var ui="k-popup",zd=[],Hd={},fi={positionMode:"absolute"},V=e=>{let{offset:t,positionMode:o=fi.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:d,...c}=e;return mi(et,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":d,children:mi("div",{...c,className:n(e.className,ui),children:e.children})})};V.states=zd;V.options=Hd;V.className=ui;V.defaultOptions=fi;V.moduleName=kr;V.folderName=ci;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 Nr="action-buttons",bi=Nr;import{jsx as Gd}from"react/jsx-runtime";var ka="k-actions",Ud=[],Fd={},vr={alignment:"start",orientation:"horizontal"},Je=e=>{let{alignment:t=vr.alignment,orientation:o=vr.orientation,...a}=e;return Gd("div",{...a,className:n(ka,{[`${ka}-${t}`]:t,[`${ka}-${o}`]:o},e.className),children:e.children})};Je.states=Ud;Je.options=Fd;Je.className=ka;Je.defaultOptions=vr;Je.moduleName=Nr;Je.folderName=bi;var hi=Je;import{jsx as $d}from"react/jsx-runtime";var Vd="k-actionsheet-footer",xi={alignment:"stretched",orientation:"horizontal"},xt=e=>{let{alignment:t=xi.alignment,orientation:o=xi.orientation,template:a,as:r=a?"div":Je,...s}=e;return $d(r,{...s,...!a&&{alignment:t,orientation:o},className:n(e.className,Vd),children:e.children})};var Lr="searchbox",gi=Lr;import{jsx as $o,jsxs as Wd}from"react/jsx-runtime";var ki="k-searchbox",Xd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],qd={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]},Mr={showIcon:!0,icon:"search"},_e=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,showIcon:L=Mr.showIcon,icon:k=Mr.icon,"aria-label":I,...C}=e;return Wd(Q,{...C,size:a,rounded:r,fillMode:s,hover:d,focus:c,valid:u,invalid:f,required:b,loading:g,disabled:m,className:n(e.className,ki),children:[L&&$o(v,{className:"k-input-icon",icon:k}),$o(Ce,{placeholder:o,value:t,"aria-label":I}),$o(Ne,{...e}),$o(ue,{...e}),$o(ye,{...e})]})};_e.states=Xd;_e.options=qd;_e.className=ki;_e.defaultOptions=Mr;_e.moduleName=Lr;_e.folderName=gi;import{jsx as Ok}from"react/jsx-runtime";var Sr="textbox",Ni=Sr;import{Fragment as vi,jsx as gt,jsxs as Ir}from"react/jsx-runtime";var Li="k-textbox",Jd=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Zd={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]},Na={showClearButton:!0,showValidationIcon:!0,separators:!0},te=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Na.separators,showClearButton:s=Na.showClearButton,showValidationIcon:d=Na.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:$,id:U,"aria-label":ce,"aria-describedby":me,...Ie}=e;return Ir(Q,{...Ie,size:t,rounded:o,fillMode:a,hover:m,focus:L,valid:k,invalid:I,required:C,loading:M,disabled:P,readonly:$,className:n(e.className,Li),children:[c&&Ir(vi,{children:[gt(Re,{children:c}),r&&gt(De,{})]}),gt(Ce,{id:U,placeholder:g,value:b,type:f,disabled:P,"aria-label":ce,"aria-describedby":me,"aria-invalid":I?"true":void 0}),d&&gt(ue,{valid:k,invalid:I,loading:M,disabled:P}),gt(Ne,{loading:M,disabled:P}),s&&gt(ye,{loading:M,disabled:P,readonly:$,value:b}),u&&Ir(vi,{children:[r&&gt(De,{}),gt(Ke,{children:u})]})]})};te.states=Jd;te.options=Zd;te.className=Li;te.defaultOptions=Na;te.moduleName=Sr;te.folderName=Ni;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 Xo=te;import{jsx as Yd}from"react/jsx-runtime";var Mi=e=>Yd(Xo,{...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 yr}from"react/jsx-runtime";var Qd=te.states,jd=te.defaultOptions,ep=te.options,tp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],op=[],Yt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?yr(v,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?yr(Pt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),yr(Mi,{value:"Value",style:{width:300},...o,...a})};Yt.options=ep;Yt.states=Qd;Yt.variants=op;Yt.defaultOptions=jd;Yt.modifiers=tp;Yt.className=te.className;import{jsx as kt,jsxs as Cr}from"react/jsx-runtime";var Si="k-actionsheet-titlebar",ap={},fe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:d,inputValue:c,inputPlaceholder:u,adaptive:f,titleId:b,children:g,...m}=e;return Cr("div",{...m,className:n(e.className,Si),children:[Cr("div",{className:"k-actionsheet-titlebar-group",children:[a&&kt("div",{className:"k-actionsheet-actions",children:a}),!g&&Cr("div",{className:"k-actionsheet-title",id:b,children:[t&&kt("div",{className:"k-text-center",children:t}),o&&kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&kt("div",{className:"k-actionsheet-title",id:b,children:g}),r&&kt("div",{className:"k-actionsheet-actions",children:r})]}),(d||s)&&kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?kt(te,{value:c,placeholder:u,size:f?"large":"medium","aria-label":t||u||"Input"}):kt(_e,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};fe.className=Si;fe.defaultOptions=ap;import{jsx as Er,jsxs as sp}from"react/jsx-runtime";var Tr="k-actionsheet-view",rp=[],np={},ip={},Qt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:d,...c}=e,u=r?.type===fe&&Er(fe,{adaptive:t,titleId:d,...r?.props}),f=s?.type===xt&&Er(xt,{...s?.props});return sp("div",{...c,className:n(e.className,Tr,{[`${Tr}-animated`]:o}),children:[u,Er("div",{className:"k-actionsheet-content",children:a}),f]})};Qt.states=rp;Qt.options=np;Qt.className=Tr;Qt.defaultOptions=ip;var qo="action-sheet",va=qo;var Ar="overlay",Ii=Ar;import{jsx as cp}from"react/jsx-runtime";var yi="k-overlay",lp=[],dp={},pp={},Nt=e=>{let{...t}=e;return cp("div",{...t,className:n(e.className,yi),children:e.children})};Nt.states=lp;Nt.options=dp;Nt.className=yi;Nt.defaultOptions=pp;Nt.moduleName=Ar;Nt.folderName=Ii;import{jsx as La,jsxs as fp}from"react/jsx-runtime";var Ci="k-actionsheet",mp=[],up={},Wo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Wo.side,fullscreen:o=Wo.fullscreen,adaptive:a=Wo.adaptive,overlay:r=Wo.overlay,template:s,children:d,header:c,footer:u,id:f,...b}=e,g=f&&!s&&c?`${f}-title`:void 0;return fp("div",{className:"k-actionsheet-container",children:[r&&La(Nt,{}),La(et,{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:La("div",{...b,id:f,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:n(e.className,Ci,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||La(Qt,{header:c,footer:u,adaptive:a,titleId:g,...e,children:d})})})]})};J.states=mp;J.options=up;J.className=Ci;J.defaultOptions=Wo;J.moduleName=qo;J.folderName=va;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 gp}from"react/jsx-runtime";var Ei="k-actionsheet-container",bp=[],hp={},xp={},jt=e=>{let{children:t,...o}=e;return gp("div",{...o,className:Ei,children:t})};jt.states=bp;jt.options=hp;jt.className=Ei;jt.defaultOptions=xp;jt.moduleName=qo;jt.folderName=va;import{jsx as kp}from"react/jsx-runtime";var Or=e=>{let{...t}=e;return kp("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as vp,jsx as Jo,jsxs as Pr}from"react/jsx-runtime";var wr="k-actionsheet-item",Np=[i.hover,i.focus,i.selected,i.disabled],vt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:d,disabled:c,...u}=e;return Pr("span",{...u,className:n(e.className,wr,S(wr,{hover:r,focus:s,selected:d,disabled:c})),children:[!e.children&&Jo(vp,{children:Pr("span",{className:"k-actionsheet-action",children:[t&&Jo("span",{className:"k-icon-wrap",children:Jo(v,{className:"k-actionsheet-item-icon",icon:t})}),Pr("span",{className:"k-actionsheet-item-text",children:[o&&Jo("span",{className:"k-actionsheet-item-title",children:o}),a&&Jo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};vt.states=Np;vt.className=wr;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 Br}from"react/jsx-runtime";var Lp=J.options,Mp=J.states,Ai={...J.defaultOptions,variant:"normal"},Sp=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ip=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],eo=e=>{let{variant:t,modifiers:o,...a}={...Ai,...e},r={},s=Br(Or,{children:[se(vt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),se(vt,{text:"Add to Favorites",iconName:"heart"}),se(vt,{text:"Upload New",iconName:"upload",disabled:!0}),se("hr",{className:"k-hr"}),se(vt,{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(fe,{actionsStart:r.actionsStart?se(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:c,subtitle:r.subtitle}),footer:r.footer?Br(xt,{alignment:"stretched",children:[se(l,{text:"Cancel",size:"large",themeColor:"base"}),se(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):se(J,{...a,fullscreen:r.fullScreen,header:se(fe,{actionsStart:r.actionsStart?se(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?se(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Br(xt,{alignment:"stretched",children:[se(l,{text:"Apply",themeColor:"primary"}),se(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};eo.options=Lp;eo.states=Mp;eo.variants=Sp;eo.defaultOptions=Ai;eo.modifiers=Ip;eo.className=J.className;import Kr from"react";import{jsx as Oi}from"react/jsx-runtime";var yp="k-list-group-sticky-header",Rr=e=>Oi("div",{className:n(yp,e.className),children:Oi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Ep}from"react/jsx-runtime";var Cp="k-no-data",Ma=e=>{let{live:t,...o}=e;return Ep("span",{...o,className:n(Cp,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Bt="list",to=Bt;import{jsx as Pi,jsxs as wi}from"react/jsx-runtime";var Dr="k-list",Tp=[],Ap={size:[p.undefined,p.small,p.medium,p.large]},Op={},R=e=>{let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:d,noData:c,screenReaders:u,...f}=e,g=Kr.Children.toArray(a)[0],m=g?.props?.children?Kr.Children.count(g.props.children):Kr.Children.count(a);return wi("div",{...f,className:n(e.className,Dr,E(Dr,{size:t}),{"k-virtual-list":o}),children:[s,d,r&&Pi(Rr,{children:r}),a||(c!==void 0?c:Pi(Ma,{live:!0,children:"No data found."})),u&&a&&wi(Ma,{className:"k-sr-only",live:!0,children:[m," items found."]})]})};R.states=Tp;R.options=Ap;R.className=Dr;R.defaultOptions=Op;R.moduleName=Bt;R.folderName=to;R.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 Rp}from"react/jsx-runtime";var Bi="k-list-container",Pp=[],wp={},Bp={},oo=e=>{let{...t}=e;return Rp("div",{...t,className:n(e.className,Bi),children:e.children})};oo.states=Pp;oo.options=wp;oo.className=Bi;oo.defaultOptions=Bp;oo.moduleName=Bt;oo.folderName=to;var Rt="checkbox",ao=Rt;import{jsx as Ri}from"react/jsx-runtime";var Sa="k-checkbox",Kp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Dp={size:[p.undefined,p.small,p.medium,p.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},_p={},ze=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:d,invalid:c,valid:u,required:f,size:b,rounded:g,wrapperRole:m,...L}=e;return Ri("span",{className:"k-checkbox-wrap",role:m,children:Ri("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:f,disabled:d||void 0,"aria-invalid":c?"true":void 0,className:n(e.className,Sa,E(Sa,{size:b,rounded:g}),S(Sa,{hover:r,focus:s,disabled:d,invalid:c,valid:u,indeterminate:a,checked:o}))})})};ze.states=Kp;ze.options=Dp;ze.className=Sa;ze.defaultOptions=_p;ze.moduleName=Rt;ze.folderName=ao;ze.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 Ze=ze;import{jsx as Up}from"react/jsx-runtime";var Ki="k-checkbox-list",zp=[],Hp={},Di={layout:"vertical"},be=e=>{let{layout:t=Di.layout,...o}=e;return Up("ul",{...o,className:n(e.className,Ki,{[`k-list-${t}`]:t}),children:e.children})};be.states=zp;be.options=Hp;be.className=Ki;be.defaultOptions=Di;be.moduleName=Rt;be.folderName=ao;import{jsx as $p}from"react/jsx-runtime";var _i="k-checkbox-list-item",Fp=[],Gp={},Vp={},he=e=>{let{...t}=e;return $p("li",{...t,className:n(e.className,_i),children:e.children})};he.states=Fp;he.options=Gp;he.className=_i;he.defaultOptions=Vp;he.moduleName=Rt;he.folderName=ao;import{Fragment as Xp,jsx as zi,jsxs as qp}from"react/jsx-runtime";var it=({children:e="Label",id:t="cb-label-after",...o})=>qp(Xp,{children:[zi(Ze,{id:t,...o}),zi("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 He,jsxs as Hi}from"react/jsx-runtime";var Wp=be.options,Jp=be.states,Zp={...be.defaultOptions,variant:"vertical"},Yp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qp=[],ro=e=>{let{variant:t,...o}=e;return t==="horizontal"?Hi(be,{layout:"horizontal",...o,children:[He(he,{children:He(it,{id:H("cb"),defaultChecked:!0,children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})})]}):Hi(be,{...o,children:[He(he,{children:He(it,{id:H("cb"),defaultChecked:!0,children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})}),He(he,{children:He(it,{id:H("cb"),children:"Label"})})]})};ro.options=Wp;ro.states=Jp;ro.variants=Yp;ro.defaultOptions=Zp;ro.modifiers=Qp;ro.className=be.className;import{jsx as rc}from"react/jsx-runtime";var jp=Ze.options,ec=Ze.states,tc=Ze.defaultOptions,oc=[],ac=[],no=e=>rc(it,{id:H("checkbox"),...e,defaultChecked:!0,children:"Label"});no.options=jp;no.states=ec;no.variants=oc;no.defaultOptions=tc;no.modifiers=ac;no.className=Ze.className;import{jsx as Kt,jsxs as lc}from"react/jsx-runtime";var _r="k-list-item",nc=[i.hover,i.focus,i.selected,i.disabled],ic={},sc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,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 lc("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":_r,S(_r,{hover:u,focus:f,disabled:g,selected:b})),children:[d&&Kt(ze,{checked:c}),r&&Kt("span",{className:"k-list-item-icon-wrapper",children:Kt(v,{icon:r,className:n("k-list-item-icon",s)})}),Kt("span",{className:"k-list-item-text",children:C}),m&&Kt("div",{className:"k-list-item-actions",children:m}),L&&Kt("span",{className:"k-list-item-description",children:L}),o&&o!==""&&Kt("div",{className:"k-list-item-group-label",children:o})]})};O.states=nc;O.options=ic;O.className=_r;O.defaultOptions=sc;O.moduleName=Bt;O.folderName=to;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 pc}from"react/jsx-runtime";var dc="k-list-ul",st=e=>{let{children:t,role:o,id:a,...r}=e;return pc("ul",{...r,id:a,role:o,className:n(dc,e.className),children:t})};st.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 zr,jsxs as mc}from"react/jsx-runtime";var cc="k-list-content",F=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...d}=e;return mc("div",{...d,className:n(cc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:zr(st,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&zr("div",{className:"k-height-container",children:zr("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 Hr,jsxs as fc}from"react/jsx-runtime";var uc="k-list-group-item",Dt=e=>{let{groupIconName:t,...o}=e;return fc("li",{...o,role:"presentation",className:n(uc,e.className),children:[t&&Hr("span",{className:"k-list-item-icon-wrapper",children:Hr(v,{icon:t,className:"k-list-item-icon"})}),Hr("span",{className:"k-list-item-text",children:e.children})]})};Dt.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 gc}from"react/jsx-runtime";var Ur="k-list-optionlabel",bc=[i.hover,i.focus,i.selected,i.disabled],hc={},xc={},Ia=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return gc("div",{...d,className:n(Ur,S(Ur,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ia.states=bc;Ia.options=hc;Ia.className=Ur;Ia.defaultOptions=xc;import{jsx as Lc}from"react/jsx-runtime";var Fr="k-list-custom-value",kc=[i.hover,i.focus,i.selected,i.disabled],Nc={},vc={},Lt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...d}=e;return Lc("div",{...d,className:n(Fr,S(Fr,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Lt.states=kc;Lt.options=Nc;Lt.className=Fr;Lt.defaultOptions=vc;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 Gr="combobox",Ui=Gr;import{Fragment as Vr,jsx as oe,jsxs as Zo}from"react/jsx-runtime";var Fi="k-combobox",Mc=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Sc={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]},Gi={separators:!0},X=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Gi.separators,prefix:s,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:$,adaptiveSettings:U,adaptiveTitle:ce,adaptiveSubtitle:me,adaptiveCustomValue:Ie,id:Ot,autocomplete:Ya,activeDescendant:bt,"aria-label":ca,...Qa}=e,ja=Ot?`${Ot}-listbox`:void 0;return Zo(Vr,{children:[Zo(Q,{...Qa,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,Fi),children:[s&&Zo(Vr,{children:[oe(Re,{children:s}),r&&oe(De,{})]}),oe(Ce,{id:Ot,placeholder:u,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?ja:void 0,"aria-activedescendant":M&&bt?bt:void 0,"aria-autocomplete":Ya,"aria-invalid":m?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":ca,disabled:I,readOnly:P}),oe(ue,{valid:g,invalid:m,loading:k,disabled:I}),oe(Ne,{loading:k,disabled:I}),oe(ye,{loading:k,disabled:I,readonly:P,value:c}),d&&Zo(Vr,{children:[r&&oe(De,{}),oe(Ke,{children:d})]}),oe(l,{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}),$&&oe(J,{adaptive:!0,id:Ot?`${Ot}-adaptive`:void 0,...U,header:oe(fe,{actionsEnd:oe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:u,title:ce,subtitle:me}),children:oe("div",{className:"k-list-container",children:oe(R,{customValue:Ie?oe(Lt,{text:`Use "${c}"`}):void 0,size:"large",children:Zo(F,{"aria-label":ce||"Options",children:[oe(O,{text:"List item"}),oe(O,{text:"List item"}),oe(O,{text:"List item"})]})})})})]})};X.states=Mc;X.options=Sc;X.className=Fi;X.defaultOptions=Gi;X.moduleName=Gr;X.folderName=Ui;X.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 Ee=X;import{jsx as Ic}from"react/jsx-runtime";var Vi=e=>Ic(Ee,{...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 Mt,jsxs as Oc}from"react/jsx-runtime";var yc=X.states,Cc=X.defaultOptions,Ec=X.options,Tc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ac=[],io=e=>{let{modifiers:t,...o}=e,a={},r=Mt(R,{style:{width:300},size:o.size,children:Oc(F,{children:[Mt(O,{children:"List item"}),Mt(O,{children:"List item"}),Mt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Mt(v,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Mt(ht,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0;break;default:break}}),Mt("div",{children:Mt(Vi,{value:"Value",style:{width:300},...o,...a})})};io.options=Ec;io.states=yc;io.variants=Ac;io.defaultOptions=Cc;io.modifiers=Tc;io.className=X.className;var $r="dropzone",$i=$r;import{jsx as ya,jsxs as Bc}from"react/jsx-runtime";var Xr="k-external-dropzone",Pc=[i.disabled,i.hover],wc={},qr={icon:"upload",hint:"Drag and drop files here to upload"},ve=e=>{let{hover:t,disabled:o,icon:a=qr.icon,hint:r=qr.hint,note:s,...d}=e;return ya("div",{...d,className:n(e.className,Xr,S(Xr,{disabled:o}),{"k-external-dropzone-hover":t}),children:Bc("div",{className:"k-dropzone-inner",children:[a&&ya(v,{icon:a,className:"k-dropzone-icon",size:"xxxlarge"}),r&&ya("span",{className:"k-dropzone-hint",children:r}),s&&ya("span",{className:"k-dropzone-note",children:s})]})})};ve.states=Pc;ve.options=wc;ve.className=Xr;ve.defaultOptions=qr;ve.moduleName=$r;ve.folderName=$i;import{jsx as Rc}from"react/jsx-runtime";var Ca=e=>Rc(ve,{...e});import{jsx as mC}from"react/jsx-runtime";import{jsx as Uc}from"react/jsx-runtime";var Kc=ve.options,Dc=ve.states,_c=ve.defaultOptions,zc=[{name:"note",title:"Note"}],Hc=[],so=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)}),Uc(Ca,{style:{width:"500px"},...o,...a})};so.options=Kc;so.states=Dc;so.variants=Hc;so.defaultOptions=_c;so.modifiers=zc;so.className=ve.className;var Wr="menu-button",Xi=Wr;import{jsx as Vc}from"react/jsx-runtime";var qi="k-menu-button",Fc=[i.hover,i.focus,i.active,i.selected,i.disabled],Gc={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]},Jr={showArrow:!0,arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,showArrow:m=Jr.showArrow,arrowIconName:L=Jr.arrowIconName,expanded:k,...I}=e;return Vc(l,{...I,className:n(e.className,qi),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,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"}})};K.states=Fc;K.options=Gc;K.className=qi;K.defaultOptions=Jr;K.moduleName=Wr;K.folderName=Xi;K.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 Te="menu",Ue=Te;import{jsx as Yo,jsxs as Wi}from"react/jsx-runtime";var Zr="k-menu-item",$c=[i.hover,i.focus,i.active,i.selected,i.disabled],Xc={},Ji={iconPosition:"before"},le=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=Ji.iconPosition,dir:L,children:k,expanded:I,...C}=e,M=g;return M||(M=L==="rtl"?"chevron-left":"chevron-right"),Wi("li",{...C,className:n(e.className,Zr,"k-item",S(Zr,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":I?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Wi("span",{className:n("k-link k-menu-link"),children:[d&&m==="before"&&Yo(v,{className:"k-menu-link-icon",icon:d}),Yo("span",{className:"k-menu-link-text",children:c}),d&&m==="after"&&Yo(v,{className:"k-menu-link-icon",icon:d}),b&&Yo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Yo(v,{icon:M})})]}),k]})};le.states=$c;le.options=Xc;le.className=Zr;le.defaultOptions=Ji;le.moduleName=Te;le.folderName=Ue;import{jsx as Qo,jsxs as Zi}from"react/jsx-runtime";var Yr="k-menu-item",qc=[i.hover,i.focus,i.active,i.selected,i.disabled],Wc={},Qr={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:d,text:c,first:u,last:f,showArrow:b,arrowIconName:g,iconPosition:m=Qr.iconPosition,dir:L=Qr.dir,children:k,popup:I,expanded:C,...M}=e,P=g;return P||(P=L==="rtl"?"chevron-left":"chevron-right"),Zi("li",{...M,className:n(e.className,Yr,"k-item",S(Yr,{focus:o,disabled:s}),{"k-first":u,"k-last":f}),role:"menuitem",...b&&{"aria-haspopup":"menu"},...b&&{"aria-expanded":C?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Zi("span",{className:n("k-link k-menu-link",S("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),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:P})})]}),k,I]})};q.states=qc;q.options=Wc;q.className=Yr;q.defaultOptions=Qr;q.moduleName=Te;q.folderName=Ue;import{jsx as Qc}from"react/jsx-runtime";var Yi="k-menu-scroll-wrapper",Jc=[],Zc={},Yc={},_t=e=>{let{className:t,children:o,orientation:a,...r}=e;return Qc("div",{...r,className:n(t,Yi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};_t.states=Jc;_t.options=Zc;_t.className=Yi;_t.defaultOptions=Yc;_t.moduleName=Te;_t.folderName=Ue;var Qi=_t;import{Fragment as jr,jsx as zt,jsxs as Ta}from"react/jsx-runtime";var en="k-menu",jc=[],em={},Aa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},re=e=>{let{children:t,orientation:o=Aa.orientation,header:a=Aa.header,scrollable:r,scrollButtonsPosition:s=Aa.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=zt("ul",{dir:c,...b,className:n(e.className,"k-reset",en,{[`${en}-${o}`]:o,"k-header":a}),role:f?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ta(jr,{children:[r?Ta(Qi,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Ta(jr,{children:[zt(l,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),zt(l,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&zt(l,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),m,s==="end"&&Ta(jr,{children:[zt(l,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),zt(l,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&zt(l,{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=jc;re.options=em;re.className=en;re.defaultOptions=Aa;re.moduleName=Te;re.folderName=Ue;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 tm}from"react/jsx-runtime";var tn="k-separator",ji={orientation:"horizontal"},lo=e=>{let{orientation:t=ji.orientation,...o}=e;return tm("li",{...o,className:n(e.className,"k-item",tn,{[`${tn}-${t}`]:t}),role:"separator"})};lo.className=tn;lo.defaultOptions=ji;lo.moduleName=Te;lo.folderName=Ue;import{Fragment as bE,jsx as hE}from"react/jsx-runtime";import{jsx as nm}from"react/jsx-runtime";var on="k-menu-group",om=[],am={size:[p.undefined,p.small,p.medium,p.large]},rm={},de=e=>{let{children:t,size:o,...a}=e;return nm("ul",{...a,className:n(e.className,on,E(on,{size:o})),role:"menu",children:t})};de.states=om;de.options=am;de.className=on;de.defaultOptions=rm;de.moduleName=Te;de.folderName=Ue;import{Fragment as im,jsx as po,jsxs as sm}from"react/jsx-runtime";var an=e=>po(re,{children:sm(im,{children:[po(le,{first:!0,text:"Item 1"}),po(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),po(le,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),po(le,{text:"Item 4"}),po(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 Ht,jsxs as mm}from"react/jsx-runtime";var lm={...re.options,scrollable:{type:"boolean"}},dm=re.states,es={...re.defaultOptions,variant:"horizontal"},pm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],cm=[{name:"opened",title:"Opened"}],co=e=>{let{variant:t,modifiers:o,...a}={...es,...e},r={};return Object.keys(o||{}).forEach(s=>{s==="opened"&&(r.opened=!!o?.[s],r.popup=Ht(V,{className:"k-menu-popup",children:mm(de,{children:[Ht(q,{text:"Item 1"}),Ht(q,{text:"Item 2"}),Ht(lo,{}),Ht(q,{text:"Item 3"})]})}))}),t==="vertical"?Ht(an,{...a,...r,orientation:"vertical",style:{width:"200px"}}):Ht(an,{...a,...r})};co.options=lm;co.states=dm;co.variants=pm;co.defaultOptions=es;co.modifiers=cm;co.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 xm,jsx as tt,jsxs as ts}from"react/jsx-runtime";var um=l.states,os={...l.defaultOptions,variant:"text"},fm=l.options,bm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hm=[{name:"opened",title:"Opened"}],mo=e=>{let{variant:t,modifiers:o,...a}={...os,...e},r={},s=tt(V,{className:"k-menu-popup",children:ts(de,{size:a.size,children:[tt(q,{first:!0,text:"Menu Item"}),tt(q,{text:"Menu Item"}),tt(q,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=tt("div",{children:tt(K,{...a,...r,icon:"star"})});break;case"icon-and-text":d=tt("div",{children:tt(K,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:d=tt("div",{children:tt(K,{...a,...r,children:"Dropdown Button"})});break}return ts(xm,{children:[d,o?.opened&&s]})};mo.options=fm;mo.states=um;mo.variants=bm;mo.defaultOptions=os;mo.modifiers=hm;mo.className=K.className;var as="dropdown-list",rs="dropdownlist";import{Fragment as Nm,jsx as xe,jsxs as rn}from"react/jsx-runtime";var ns="k-dropdownlist",gm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],km={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]},nn={showValue:!0,arrowIconName:"chevron-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=nn.arrowIconName,showValue:s=nn.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:$,opened:U,adaptive:ce,adaptiveSettings:me,adaptiveTitle:Ie,adaptiveSubtitle:Ot,adaptiveFilter:Ya,id:bt,activeDescendant:ca,"aria-label":Qa,...ja}=e,xl=bt?`${bt}-listbox`:void 0,zn=bt?`${bt}-value`:void 0;return rn(Nm,{children:[rn(Qe,{...ja,id:bt,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,ns,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":U?"true":"false","aria-controls":U?xl:void 0,"aria-activedescendant":U&&ca?ca:void 0,"aria-describedby":U?zn:void 0,"aria-disabled":M?"true":void 0,"aria-label":Qa,tabIndex:0,children:[xe(Re,{children:c}),xe(wt,{placeholder:b,value:f,showValue:s,valueIconName:d,id:zn}),xe(ue,{valid:L,invalid:k,loading:C,disabled:M}),xe(Ne,{loading:C,disabled:M}),xe(Ke,{children:u}),xe(l,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":b||"Toggle dropdown",tabIndex:-1})]}),U&&$&&xe(V,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:$}),ce&&xe(J,{adaptive:!0,...me,header:xe(fe,{actionsEnd:xe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ya,inputValue:f,inputPlaceholder:b,title:Ie,subtitle:Ot}),children:xe("div",{className:"k-list-container",children:xe(R,{size:"large",children:rn(F,{"aria-label":"Options",children:[xe(O,{text:"List item"}),xe(O,{text:"List item"}),xe(O,{text:"List item"})]})})})})]})};Z.states=gm;Z.options=km;Z.className=ns;Z.defaultOptions=nn;Z.moduleName=as;Z.folderName=rs;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 ym,jsx as St,jsxs as is}from"react/jsx-runtime";var vm=Z.states,Lm=Z.defaultOptions,Mm=Z.options,Sm=[{name:"opened",title:"Opened"}],Im=[],fo=e=>{let{modifiers:t,...o}=e,a={},r=is(ym,{children:[St("div",{className:"k-list-filter",children:St(_e,{})}),St(R,{style:{width:300},size:o.size,children:is(F,{children:[St(O,{children:"List item"}),St(O,{children:"List item"}),St(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?r:void 0)}),St("div",{children:St(Z,{placeholder:"Value",style:{width:300},...o,...a})})};fo.options=Mm;fo.states=vm;fo.variants=Im;fo.defaultOptions=Lm;fo.modifiers=Sm;fo.className=Z.className;import{jsx as ss,jsxs as Om}from"react/jsx-runtime";var ls="k-spin-button",Tm=[],Am={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},sn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},It=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=sn.increaseLabel,decreaseLabel:s=sn.decreaseLabel,...d}=e;return Om("span",{...d,className:n(ls,e.className),children:[ss(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),ss(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};It.states=Tm;It.options=Am;It.className=ls;It.defaultOptions=sn;It.moduleName=null;It.folderName=null;var ds="numeric-textbox",ps="numerictextbox";import{Fragment as cs,jsx as lt,jsxs as ln}from"react/jsx-runtime";var ms="k-numerictextbox",Pm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],wm={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]},Oa={showSpinButton:!0,showClearButton:!0,separators:!0},_=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showSpinButton:d=Oa.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:$,"aria-label":U,"aria-describedby":ce,...me}=e;return ln(Q,{...me,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,ms),children:[c&&ln(cs,{children:[lt(Re,{children:c}),r&&lt(De,{})]}),lt(Ce,{id:$,placeholder:b,value:f,role:"spinbutton",disabled:M,"aria-label":U,"aria-describedby":ce,"aria-invalid":k?"true":void 0}),lt(ue,{valid:L,invalid:k,loading:C,disabled:M}),lt(Ne,{loading:C,disabled:M}),s&&lt(ye,{loading:C,disabled:M,readonly:P,value:f}),u&&ln(cs,{children:[r&&lt(De,{}),lt(Ke,{children:u})]}),d&&lt(It,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};_.states=Pm;_.options=wm;_.className=ms;_.defaultOptions=Oa;_.moduleName=ds;_.folderName=ps;_.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 jo=_;import{jsx as Bm}from"react/jsx-runtime";var us=e=>Bm(jo,{...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 dn}from"react/jsx-runtime";var Rm=_.states,Km=_.defaultOptions,Dm=_.options,_m=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],zm=[],bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?dn(Z,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[r]?dn(hr,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;case"spin-button":a.showSpinButton=t?.[r];break;default:break}}),dn(us,{value:"Value",style:{width:300},...o,...a})};bo.options=Dm;bo.states=Rm;bo.variants=zm;bo.defaultOptions=Km;bo.modifiers=_m;bo.className=_.className;var pn="pager",fs=pn;import{Fragment as bs,jsx as Le,jsxs as ho}from"react/jsx-runtime";var Pa="k-pager",Hm=[i.focus,i.disabled],Um={size:[p.undefined,p.small,p.medium,p.large]},Ae={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=Ae.responsive,size:o,pagerSizeInfo:a=Ae.pagerSizeInfo,pageTitleInfo:r=Ae.pageTitleInfo,maxPagesInfo:s=Ae.maxPagesInfo,itemsPerPage:d=Ae.itemsPerPage,maxPages:c=Ae.maxPages,currentPage:u=Ae.currentPage,previousNext:f=Ae.previousNext,type:b=Ae.type,pageSizes:g=Ae.pageSizes,refresh:m=Ae.refresh,info:L=Ae.info,focus:k,disabled:I,dir:C,...M}=e,P=[],$=[];for(let U=1;U<=c;U++)P.push(Le(l,{selected:U===u,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${U}`,...U===u&&{"aria-current":"page"},children:U},U)),$.push(Le("option",{selected:U===u,children:U},U));return ho("div",{dir:C,...M,className:n(e.className,Pa,E(Pa,{size:o}),S(Pa,{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:[ho("div",{className:n("k-pager-numbers-wrap"),children:[f&&ho(bs,{children:[Le(l,{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"}),Le(l,{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"&&Le("div",{className:n("k-pager-numbers"),children:P}),b==="input"&&ho("span",{className:n("k-pager-input"),children:[r&&Le("span",{children:"Page"}),Le(_,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Le("span",{children:s&&`of ${c}`})]}),f&&ho(bs,{children:[Le(l,{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"}),Le(l,{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&&ho("span",{className:n("k-pager-sizes"),children:[Le(Z,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&Le("span",{children:"items per page"})]}),m&&Le(l,{className:n("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),L&&Le("span",{className:n("k-pager-info"),children:L})]})};j.states=Hm;j.options=Um;j.className=Pa;j.defaultOptions=Ae;j.moduleName=pn;j.folderName=fs;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 Fm}from"react/jsx-runtime";var wa=e=>Fm(j,{type:"input",responsive:!1,...e});import{jsx as IP}from"react/jsx-runtime";import{jsx as hs}from"react/jsx-runtime";var Gm=j.options,Vm=j.states,$m={...j.defaultOptions,variant:"numeric"},Xm=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],qm=[],xo=e=>{let{variant:t,...o}=e;return t==="input"?hs(j,{...o,type:"input"}):hs(j,{...o,type:"numeric"})};xo.options=Gm;xo.states=Vm;xo.variants=Xm;xo.defaultOptions=$m;xo.modifiers=qm;xo.className=j.className;import{jsx as xs,jsxs as Zm}from"react/jsx-runtime";var gs="k-color-preview",Wm=[],Jm={},yt=e=>{let{color:t,iconName:o,...a}=e;return Zm("span",{...a,className:n(e.className,gs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xs(v,{icon:o,className:"k-color-preview-icon"}),xs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};yt.states=Wm;yt.options=Jm;yt.className=gs;var cn="slider",ks=cn;import{jsx as go,jsxs as mn}from"react/jsx-runtime";var ea="k-slider",Ym=[i.hover,i.focus,i.active,i.disabled,i.readonly],Qm={},Fe={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=Fe.type,orientation:o=Fe.orientation,gradientType:a=Fe.gradientType,readonly:r=Fe.readonly,disabled:s=Fe.disabled,handlePosition:d=Fe.handlePosition,showButtons:c=Fe.showButtons,showTicks:u=Fe.showTicks,value:f=Fe.value,min:b=Fe.min,max:g=Fe.max,startValue:m,endValue:L,hover:k,focus:I,active:C,trackStyle:M,dir:P,...$}=e,ce=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),me,Ie;return o==="horizontal"?(me=P==="rtl"?"chevron-left":"chevron-right",Ie=P==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(me="chevron-up",Ie="chevron-down"),mn("div",{...$,className:n(ea,e.className,S(ea,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:P,children:[c&&go(l,{className:"k-button-decrease",rounded:"full",icon:Ie,tabIndex:-1,title:"Decrease"}),mn("div",{className:"k-slider-track-wrap",children:[u&&go("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),mn("div",{className:"k-slider-track",style:M,children:[go("div",{className:"k-slider-selection"}),t==="range"&&go("span",{className:n("k-draghandle","k-draghandle-start",S(ea,{hover:k,focus:I,active:C})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":m??b,"aria-valuemin":b,"aria-valuemax":L??g,"aria-orientation":ce,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":$["aria-label"]?`${$["aria-label"]} start`:"Range start"}),go("span",{className:n("k-draghandle",`k-draghandle-${d}`,S(ea,{hover:k,focus:I,active:C})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??g:f,"aria-valuemin":t==="range"?m??b:b,"aria-valuemax":g,"aria-orientation":ce,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?$["aria-label"]?`${$["aria-label"]} end`:"Range end":$["aria-label"]})]})]}),c&&go(l,{className:"k-button-increase",rounded:"full",icon:me,tabIndex:-1,title:"Increase"})]})};G.states=Ym;G.options=Qm;G.className=ea;G.defaultOptions=Fe;G.moduleName=cn;G.folderName=ks;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 Ns}from"react/jsx-runtime";var vs="k-tick",jm=[],eu={},Ls={label:!1},T=e=>{let{style:t,label:o=Ls.label,orientation:a,large:r,text:s,...d}=e;return Ns("li",{...d,role:"presentation",title:s||"Tick",className:n(e.className,vs,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&Ns("span",{className:"k-label",children:s})})};T.states=jm;T.options=eu;T.className=vs;T.defaultOptions=Ls;import{Fragment as tu,jsx as Ge,jsxs as ou}from"react/jsx-runtime";var Ms=e=>Ge(G,{"aria-label":e["aria-label"]||"Slider",children:ou(tu,{children:[Ge(T,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{label:!0,large:!0,text:"5"}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{}),Ge(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as au,jsx as Ve,jsxs as ru}from"react/jsx-runtime";var Ss=e=>Ve(G,{children:ru(au,{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"})]}),"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 nu}from"react/jsx-runtime";var un=e=>nu(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as iu}from"react/jsx-runtime";var fn=e=>iu(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 ot,jsxs as Is}from"react/jsx-runtime";var su=G.options,lu=G.states,ys={...G.defaultOptions,variant:"horizontal",label:!0},du=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],pu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ko=e=>{let{variant:t,modifiers:o,...a}={...ys,...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:s=!0,showButtons:d,showTicks:c}=r,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Is(Ss,{showTicks:c,showButtons:d,style:{height:"300px",...u},...a,children:[ot(T,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),ot(T,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Is(Ms,{showTicks:c,showButtons:d,style:{width:"400px",...u},...a,children:[ot(T,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),ot(T,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ko.options=su;ko.states=lu;ko.variants=du;ko.defaultOptions=ys;ko.modifiers=pu;ko.className=G.className;import{Fragment as ta,jsx as w,jsxs as ee}from"react/jsx-runtime";var Cs="k-colorgradient-inputs",cu=[],mu={size:[p.undefined,p.small,p.medium,p.large]},Es={mode:"rgba"},No=e=>{let{mode:t=Es.mode,size:o,...a}=e;return ee("div",{...a,className:n(Cs,"k-hstack"),children:[w("div",{className:"k-vstack",children:w(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),w("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),w("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),w("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),w("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),w("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),w("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[w(_,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),w("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&w(ta,{children:ee("div",{className:"k-vstack k-flex-1",children:[w(te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),w("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};No.states=cu;No.options=mu;No.className=Cs;No.defaultOptions=Es;import{jsx as Ut,jsxs as Ft}from"react/jsx-runtime";var Ts="k-colorgradient-color-contrast",uu=[],fu={},bu={},vo=()=>Ft("div",{className:n(Ts,"k-vbox"),children:[Ft("div",{className:"k-contrast-ratio",children:[Ut("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ft("span",{className:"k-contrast-validation !k-text-success",children:[Ut(v,{icon:"check"}),Ut(v,{icon:"check"})]})]}),Ft("div",{children:[Ut("span",{children:"AA: 4.5"}),Ft("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ut(v,{icon:"check"})]})]}),Ft("div",{children:[Ut("span",{children:"AAA: 7.0"}),Ft("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ut(v,{icon:"x"})]})]})]});vo.states=uu;vo.options=fu;vo.className=Ts;vo.defaultOptions=bu;var As="color-gradient",Os="colorgradient";import{jsx as $e,jsxs as oa}from"react/jsx-runtime";var Ba="k-colorgradient",hu=[i.hover,i.focus,i.readonly,i.disabled],xu={size:[p.undefined,p.small,p.medium,p.large]},at={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=at.mode,readonly:a=at.readonly,disabled:r=at.disabled,gradientStyle:s=at.gradientStyle,dragHandleStyle:d=at.dragHandleStyle,alphaStyle:c=at.alphaStyle,alphaStyleHorizontal:u=at.alphaStyleHorizontal,contrast:f=at.contrast,dir:b,hover:g,focus:m,hoverHandle:L,focusHandle:k,canvasOrientation:I=at.canvasOrientation,role:C,tabIndex:M,...P}=e;return oa("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,Ba,E(Ba,{size:t}),S(Ba,{hover:g,focus:m,readonly:a,disabled:r})),dir:b,children:[!I||I==="horizontal"&&oa("div",{className:"k-colorgradient-canvas k-hstack",children:[$e("div",{className:"k-hsv-rectangle",style:s,children:$e("div",{className:"k-hsv-gradient",children:$e("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})})}),oa("div",{className:"k-hsv-controls k-hstack",children:[$e(fn,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&$e(fn,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:c})]})]}),I==="vertical"&&oa("div",{className:"k-colorgradient-canvas k-vstack",children:[$e("div",{className:"k-hsv-rectangle",style:s,children:$e("div",{className:"k-hsv-gradient",children:$e("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})})}),oa("div",{className:"k-hsv-controls k-vstack",children:[$e(un,{className:"k-hue-slider",hover:L,focus:k}),o!=="rgb"&&o!=="hsv"&&$e(un,{className:"k-alpha-slider",hover:L,focus:k,trackStyle:u})]})]}),$e(No,{mode:e.mode,size:t}),f&&$e(vo,{})]})};ne.states=hu;ne.options=xu;ne.className=Ba;ne.defaultOptions=at;ne.moduleName=As;ne.folderName=Os;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 gu}from"react/jsx-runtime";var Ra=e=>gu(ne,{...e});import{jsx as LB}from"react/jsx-runtime";import{jsx as yB}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var ku=ne.options,Nu=ne.states,vu={...ne.defaultOptions,variant:"rgba"},Lu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Mu=[],Lo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return bn(Ra,{...o,mode:t});case"rgb":return bn(Ra,{...o,mode:t});default:return bn(Ra,{...o,mode:t})}};Lo.options=ku;Lo.states=Nu;Lo.variants=Lu;Lo.defaultOptions=vu;Lo.modifiers=Mu;Lo.className=ne.className;import{jsx as Su}from"react/jsx-runtime";var hn=e=>Su("tr",{role:"row",children:e.children});import{jsx as Cu}from"react/jsx-runtime";var xn="k-colorpalette-tile",Iu=[i.hover,i.focus,i.selected],yu={},Mo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...d}=e,c={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Cu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:n(e.className,xn,S(xn,{hover:a,focus:r,selected:s})),style:c})};Mo.states=Iu;Mo.options=yu;Mo.className=xn;var Ps="color-palette",ws="colorpalette";import{jsx as aa}from"react/jsx-runtime";var Ka="k-colorpalette",Eu=[i.disabled],Tu={size:[p.undefined,p.small,p.medium,p.large]},Bs={columns:10},ge=e=>{let{size:t,palette:o,columns:a=Bs.columns,tileSize:r,disabled:s,...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(aa(Mo,{color:k,tileSize:r},I))});let L=aa(hn,{children:m},g);c.push(L)})}return aa("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:n(e.className,Ka,S(Ka,{disabled:s}),E(Ka,{size:t})),children:aa("table",{className:"k-colorpalette-table",role:"none",children:aa("tbody",{children:c.length>0?c:e.children})})})};ge.states=Eu;ge.options=Tu;ge.className=Ka;ge.defaultOptions=Bs;ge.moduleName=Ps;ge.folderName=ws;ge.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 Da=ge;var ra={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 Au}from"react/jsx-runtime";var Rs=e=>Au(Da,{palette:ra.basic,...e});import{jsx as sR}from"react/jsx-runtime";import{jsx as uR,jsxs as fR}from"react/jsx-runtime";import{jsx as Du}from"react/jsx-runtime";var Ou=ge.options,Pu=ge.states,wu={...ge.defaultOptions,variant:"basic"},Bu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ru={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}},Ku=[],So=e=>{let{variant:t="basic",...o}=e,a=Ru[t];return Du(Rs,{columns:a.columns,palette:a,...o})};So.options=Ou;So.states=Pu;So.variants=Bu;So.defaultOptions=wu;So.modifiers=Ku;So.className=ge.className;var Ks="color-editor",Ds="coloreditor";import{jsx as Xe,jsxs as Io}from"react/jsx-runtime";var _a="k-coloreditor",_u=[i.focus],zu={size:[p.undefined,p.small,p.medium,p.large]},na={view:"gradient",palette:ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Y=e=>{let{size:t,view:o=na.view,palette:a=na.palette,color:r,currentColor:s,focus:d,focusView:c,dir:u,group:f,actionButtons:b=na.actionButtons,canvasOrientation:g=na.canvasOrientation,...m}=e;return Io("div",{...m,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",_a,E(_a,{size:t}),S(_a,{focus:d})),dir:u,children:[Io("div",{className:"k-coloreditor-header k-hstack",children:[Xe("div",{className:"k-coloreditor-header-actions k-hstack",children:f&&Io(y,{fillMode:"flat",children:[Xe(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Xe(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Xe("div",{className:"k-spacer"}),Io("div",{className:"k-coloreditor-header-actions k-hstack",children:[Xe(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Io("div",{className:"k-coloreditor-preview k-vstack",children:[Xe(yt,{className:"k-coloreditor-preview-color",color:r}),Xe(yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),Xe("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Xe(ne,{focus:c,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):Xe(ge,{palette:a,size:t})}),b&&Io(Je,{className:"k-coloreditor-footer",alignment:"start",children:[Xe(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Xe(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Y.states=_u;Y.options=zu;Y.className=_a;Y.defaultOptions=na;Y.moduleName=Ks;Y.folderName=Ds;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 yo=Y;import{jsx as GR}from"react/jsx-runtime";import{jsx as qR}from"react/jsx-runtime";import{jsx as Hu}from"react/jsx-runtime";var _s=e=>Hu(yo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Uu}from"react/jsx-runtime";var zs=e=>Uu(yo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Hs}from"react/jsx-runtime";var Fu=Y.options,Gu=Y.states,Vu={...Y.defaultOptions,variant:"gradient"},$u=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Xu=[],Co=e=>{let{variant:t,...o}=e;return t==="palette"?Hs(zs,{...o,color:"white"}):Hs(_s,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Co.options=Fu;Co.states=Gu;Co.variants=$u;Co.defaultOptions=Vu;Co.modifiers=Xu;Co.className=Y.className;var Us="color-picker",Fs="colorpicker";import{Fragment as Ju,jsx as qe,jsxs as gn}from"react/jsx-runtime";var Gs="k-colorpicker",qu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Wu={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]},Vs={arrowIconName:"chevron-down"},Oe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=Vs.arrowIconName,prefix:s,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:$,adaptiveTitle:U,adaptiveSubtitle:ce,...me}=e,Ie="colorpicker-popup";return gn(Ju,{children:[gn(Qe,{...me,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?Ie:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":k?"true":void 0,className:n(e.className,Gs,"k-icon-picker"),children:[qe(Re,{children:s}),qe(wt,{placeholder:u,value:c,showValue:!1,valueIcon:qe(yt,{className:"k-value-icon",color:c,iconName:I}),valueIconName:I}),qe(Ke,{children:d}),qe(l,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:k})]}),M&&C&&qe(V,{id:Ie,className:"k-colorpicker-popup",children:C}),P&&qe(J,{adaptive:!0,id:Ie,...$,header:qe(fe,{actionsEnd:qe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:U,subtitle:ce}),footer:gn(xt,{children:[qe(l,{text:"Cancel",size:"large"}),qe(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:qe(Y,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Oe.states=qu;Oe.options=Wu;Oe.className=Gs;Oe.defaultOptions=Vs;Oe.moduleName=Us;Oe.folderName=Fs;Oe.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 dt=Oe;import{jsx as Zu}from"react/jsx-runtime";var za=e=>Zu(dt,{...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 Gt}from"react/jsx-runtime";var Yu=dt.options,Qu=dt.states,$s={...dt.defaultOptions,variant:"color"},ju=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],ef=[{name:"opened",title:"Opened"}],Eo=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},r={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?Gt(Y,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Gt("div",{style:s,children:Gt(za,{...a,...r})});case"icon":return Gt("div",{style:s,children:Gt(za,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return Gt("div",{style:s,children:Gt(za,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};Eo.options=Yu;Eo.states=Qu;Eo.variants=ju;Eo.defaultOptions=$s;Eo.modifiers=ef;Eo.className=dt.className;var kn="split-button",Xs=kn;import{Fragment as af,jsx as Nn,jsxs as qs}from"react/jsx-runtime";var vn="k-split-button",tf=[i.hover,i.focus,i.active,i.selected,i.disabled],of={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]},Ws={arrowIconName:"chevron-down"},B=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:u,disabled:f,icon:b,text:g,arrowIconName:m=Ws.arrowIconName,popup:L,opened:k,popupId:I,...C}=e;return qs(af,{children:[qs("div",{...C,className:n(e.className,vn,"k-button-group",E(vn,{rounded:o})),children:[Nn(l,{text:g,icon:b,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:d,active:c,selected:u,disabled:f,...!g&&!e.children&&b&&{"aria-label":"Action"},children:e.children}),Nn(l,{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&&Nn(V,{className:"k-menu-popup",children:L})]})};B.states=tf;B.options=of;B.className=vn;B.defaultOptions=Ws;B.moduleName=kn;B.folderName=Xs;B.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ln=B;import{jsx as nf}from"react/jsx-runtime";var rf="k-toolbar-separator",W=e=>nf("div",{className:n(rf,e.className,"k-separator")});var pt="toolbar",Ct=pt;import{Fragment as Mn,jsx as D,jsxs as To}from"react/jsx-runtime";var ct="k-toolbar",sf=[i.focus],lf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},df={scrollButtons:"around"},z=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:d,scrollingPosition:c,section:u,...f}=e,b=[],g=(m,L)=>{let k=[];if(m.type===l&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))k.push(D(l,{...m.props,className:`${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===l)k.push(D(l,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Fo)k.push(D(Fo,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===ht)k.push(D(ht,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===K)k.push(D(K,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${L}-${new Date().getTime()}`));else if(m.type===Ln)k.push(D(Ln,{...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(l,{...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===X?k.push(D(X,{...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===Oe?k.push(D(Oe,{...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)}),To("div",{...f,className:n(e.className,ct,E(ct,{size:t,fillMode:o}),S(ct,{focus:a}),{[`${ct}-resizable`]:r,[`${ct}-scrollable`]:s,[`${ct}-scrollable-overlay`]:s&&d==="hidden",[`${ct}-scrollable-${c}`]:c&&c!=="both",[`${ct}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!s&&b,s&&d==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),s&&d==="start"&&To(Mn,{children:[To(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(W,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b})]}),s&&d==="end"&&To(Mn,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(W,{className:"k-toolbar-button-separator"}),To(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"})})]})]}),s&&(d==="around"||!d)&&To(Mn,{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(W,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),D(W,{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"})})]})]})};z.states=sf;z.options=lf;z.className=ct;z.defaultOptions=df;z.moduleName=pt;z.folderName=Ct;z.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 uf}from"react/jsx-runtime";var Js="k-floating-toolbar",pf=[],cf={},mf={},Ao=e=>{let{...t}=e;return uf("div",{...t,className:n(e.className,Js),children:e.children})};Ao.states=pf;Ao.options=cf;Ao.className=Js;Ao.defaultOptions=mf;Ao.moduleName=pt;Ao.folderName=Ct;import{jsx as xf}from"react/jsx-runtime";var Sn="k-toolbar-item",ff=[i.focus],bf={},hf={},Oo=e=>{let{focus:t,...o}=e;return xf("div",{...o,className:n(e.className,Sn,S(Sn,{focus:t})),children:e.children})};Oo.states=ff;Oo.options=bf;Oo.className=Sn;Oo.defaultOptions=hf;Oo.moduleName=pt;Oo.folderName=Ct;import{jsx as Zs}from"react/jsx-runtime";var Ys="k-toolbar-popup",gf=[],kf={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nf={},Vt=e=>{let{size:t,fillMode:o,section:a,...r}=e;return Zs(V,{...r,className:n(e.className,Ys),children:a?Zs("span",{className:n("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Vt.states=gf;Vt.options=kf;Vt.className=Ys;Vt.defaultOptions=Nf;Vt.moduleName=pt;Vt.folderName=Ct;var Ha=Vt;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 mt,jsxs as If}from"react/jsx-runtime";var vf=B.states,Qs={...B.defaultOptions,variant:"text"},Lf=B.options,Mf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Sf=[{name:"opened",title:"Opened"}],Po=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},r={},s=If(de,{size:a.size,children:[mt(q,{first:!0,text:"Menu Item"}),mt(q,{text:"Menu Item"}),mt(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(r.opened=!!o?.[d],r.popup=o?.[d]?s:"")}),t){case"icon-only":return mt("div",{children:mt(B,{...a,...r,icon:"star"})});case"icon-and-text":return mt("div",{children:mt(B,{...a,...r,icon:"star",children:"Split Button"})});default:return mt("div",{children:mt(B,{...a,...r,children:"Split Button"})})}};Po.options=Lf;Po.states=vf;Po.variants=Mf;Po.defaultOptions=Qs;Po.modifiers=Sf;Po.className=B.className;import{jsx as $t,jsxs as yf}from"react/jsx-runtime";var js=e=>$t(z,{children:[$t(l,{children:"Button"},"toolbar-button"),$t(K,{text:"Menu button"},"toolbar-menu-button"),$t(B,{children:"Split button"},"toolbar-split-button"),yf(y,{children:[$t(l,{className:"k-group-start",icon:"align-left",children:"Left"}),$t(l,{icon:"align-center",children:"Center"}),$t(l,{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 Pe,jsxs as el}from"react/jsx-runtime";var tl=e=>Pe(z,{scrollable:!0,...e,children:[Pe(l,{children:"Button"},"toolbar-button"),Pe(K,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),el(y,{children:[Pe(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(l,{icon:"align-center",children:"Center"}),Pe(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Pe(l,{children:"Button"},"toolbar-button"),Pe(K,{text:"Menu button"},"toolbar-menu-button"),Pe(B,{children:"Split button"},"toolbar-split-button"),el(y,{children:[Pe(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Pe(l,{icon:"align-center",children:"Center"}),Pe(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as we,jsxs as ol}from"react/jsx-runtime";var al=({scrollingPosition:e="start",...t})=>we(z,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[we(l,{children:"Button"},"toolbar-button"),we(K,{text:"Menu button"},"toolbar-menu-button"),we(B,{children:"Split button"},"toolbar-split-button"),ol(y,{children:[we(l,{className:"k-group-start",icon:"align-left",children:"Left"}),we(l,{icon:"align-center",children:"Center"}),we(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),we(l,{children:"Button"},"toolbar-button"),we(K,{text:"Menu button"},"toolbar-menu-button"),we(B,{children:"Split button"},"toolbar-split-button"),ol(y,{children:[we(l,{className:"k-group-start",icon:"align-left",children:"Left"}),we(l,{icon:"align-center",children:"Center"}),we(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Cf,jsx as Me,jsxs as Ua}from"react/jsx-runtime";var rl=({fillMode:e,size:t,...o})=>Ua(Cf,{children:[Me(z,{section:!0,fillMode:e,size:t,children:[Me(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ua(y,{fillMode:e,children:[Me(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Me(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Me(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Me(W,{className:"k-toolbar-button-separator"}),Me(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ua(Ha,{size:t,fillMode:e,section:!0,...o,children:[Me(B,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Me(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Me(W,{}),Me(K,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ua(y,{fillMode:e,children:[Me(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Me(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Me(l,{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 Et}from"react/jsx-runtime";var Ef=z.options,Tf=z.states,nl={...z.defaultOptions,variant:"default"},Af=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Of=[],wo=e=>{let{variant:t,...o}={...nl,...e};switch(t){case"responsive":return Et("div",{children:Et(rl,{style:{width:"583px"},...o})});case"overlay":return Et("div",{children:Et(al,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Et("div",{children:Et(tl,{style:{width:"583px"},...o})});default:return Et("div",{children:Et(js,{style:{width:"583px"},...o})})}};wo.options=Ef;wo.states=Tf;wo.variants=Af;wo.defaultOptions=nl;wo.modifiers=Of;wo.className=z.className;import{Fragment as Fa,jsx as Tt,jsxs as ia}from"react/jsx-runtime";var In="k-upload-dropzone",Pf=[i.hover],Ga=e=>{let{hover:t,status:o,disabled:a,hasFiles:r,filesId:s,...d}=e,c;switch(o){case"uploading":c=ia(Fa,{children:[Tt(v,{icon:"upload"}),"Uploading..."]});break;case"done":c=ia(Fa,{children:[Tt(v,{icon:"check"}),"Done"]});break;case"failed":c=ia(Fa,{children:[Tt(v,{icon:"exclamation-circle"}),"Done"]});break;default:c=Tt(Fa,{});break}return ia("div",{...d,className:n(e.className,In,"k-dropzone",S(In,{hover:t})),children:[ia("div",{className:"k-upload-button-wrap",children:[Tt(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...r&&s?{"aria-controls":s}:{},children:"Select files..."}),Tt("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),Tt("span",{className:n("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&Tt("span",{className:"k-upload-status",children:c})]})};Ga.states=Pf;Ga.className=In;var yn="upload",il=yn;import{jsx as Va,jsxs as ll}from"react/jsx-runtime";var Cn="k-upload",wf=[i.hover,i.disabled],Bf={},dl={actionsLayout:"end"},sl="upload-files-list",ae=e=>{let{async:t,empty:o,actions:a,actionsLayout:r=dl.actionsLayout,hover:s,status:d,disabled:c,...u}=e,f=!!e.children;return ll("div",{...u,className:n(e.className,Cn,S(Cn,{disabled:c}),{"k-upload-async":t,"k-upload-empty":o}),children:[Va(Ga,{status:d,hover:s,disabled:c,hasFiles:f,filesId:sl}),f&&Va("ul",{className:"k-upload-files",role:"list",id:sl,children:e.children}),a&&f&&ll(hi,{alignment:r,orientation:"horizontal",children:[Va(l,{className:"k-clear-selected",children:"Clear"}),Va(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ae.states=wf;ae.options=Bf;ae.className=Cn;ae.defaultOptions=dl;ae.moduleName=yn;ae.folderName=il;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 sa="progressbar",$a=sa;import{jsx as Tn,jsxs as En}from"react/jsx-runtime";var We="k-progressbar",Rf=[i.disabled,i.indeterminate],Kf={orientation:["horizontal","vertical"]},Xt={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},pe=e=>{let{disabled:t,height:o,indeterminate:a=Xt.indeterminate,label:r=Xt.label,labelPosition:s=Xt.labelPosition,orientation:d=Xt.orientation,reverse:c=Xt.reverse,value:u=Xt.value,width:f,style:b,ariaLabel:g,...m}=e;return En("div",{...m,className:n(e.className,We,S(We,{disabled:t}),{[`${We}-${d}`]:d,[`${We}-indeterminate`]:a,[`${We}-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:[Tn("span",{className:n("k-progress-status-wrap",{[`k-progress-${s}`]:s&&!a}),children:r&&En("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Tn("div",{className:"k-progressbar-value k-selected",children:Tn("span",{className:n("k-progress-status-wrap",{[`k-progress-${s}`]:s}),children:r&&En("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};pe.states=Rf;pe.options=Kf;pe.className=We;pe.defaultOptions=Xt;pe.moduleName=sa;pe.folderName=$a;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 pl=pe;import{jsx as An}from"react/jsx-runtime";var cl="k-chunk-progressbar",Df=(e,t)=>t<=e-1,_f=[i.disabled,i.indeterminate],zf={},Xa={chunkCount:5,orientation:"horizontal",progress:0},qt=e=>{let{disabled:t,chunkCount:o=Xa.chunkCount,indeterminate:a,orientation:r=Xa.orientation,progress:s=Xa.progress,reverse:d,ariaLabel:c,...u}=e;return An("div",{...u,className:n(e.className,We,cl,S(We,{disabled:t}),{[`${We}-${r}`]:r,[`${We}-indeterminate`]:a,[`${We}-reverse`]:d}),role:"progressbar","aria-label":c||"progress","aria-valuenow":a?void 0:s,"aria-valuemin":0,"aria-valuemax":o,children:An("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((f,b)=>An("li",{className:n("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":Df(s,b)})},b))})})};qt.states=_f;qt.options=zf;qt.className=cl;qt.defaultOptions=Xa;qt.moduleName=sa;qt.folderName=$a;qt.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 Hf}from"react/jsx-runtime";var la=e=>Hf(pl,{...e});import{jsx as _z}from"react/jsx-runtime";import{jsx as At}from"react/jsx-runtime";var Uf=pe.options,Ff=pe.states,ml={...pe.defaultOptions,variant:"start"},Gf=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Vf=[],Bo=e=>{let{variant:t,modifiers:o,...a}={...ml,...e},r={},s={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,s.style=o?.[d]?void 0:{width:"324px"};break}}),t){case"end":return At("div",{...s,children:At(la,{...a,...r,labelPosition:"end",value:"50"})});case"center":return At("div",{...s,children:At(la,{...a,...r,labelPosition:"center",value:"50"})});case"empty":return At("div",{...s,children:At(la,{...a,...r,label:!1,value:"50"})});default:return At("div",{...s,children:At(la,{...a,...r,labelPosition:"start",value:"50"})})}};Bo.options=Uf;Bo.states=Ff;Bo.variants=Gf;Bo.defaultOptions=ml;Bo.modifiers=Vf;Bo.className=pe.className;import{jsx as On,jsxs as Xf}from"react/jsx-runtime";var $f="k-file-info",Pn=e=>{let{name:t,size:o,validationMsg:a,...r}=e;return Xf("div",{...r,className:n(e.className,$f),children:[t&&On("span",{className:"k-file-name",children:t}),o&&On("span",{className:"k-file-size",children:o}),a&&On("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Wf,jsx as ut,jsxs as qa}from"react/jsx-runtime";var qf="k-file",Se=e=>{let{status:t,progress:o,name:a,icon:r,size:s,state:d,validationMsg:c,...u}=e;return ut("li",{...u,className:n(e.className,qf,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:qa("div",{className:"k-file-single",children:[ut(pe,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),qa("span",{className:"k-file-icon-wrapper",children:[ut(v,{className:"k-file-icon",icon:r,size:"xxlarge"}),d&&ut("span",{className:"k-file-state",children:d})]}),ut(Pn,{name:a,size:s,validationMsg:c}),ut("div",{className:"k-upload-actions",children:t==="progress"?qa(Wf,{children:[qa("span",{className:"k-upload-pct",children:[o,"%"]}),ut(l,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),ut(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):ut(l,{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 Jf,jsx as wn,jsxs as Zf}from"react/jsx-runtime";var da=e=>wn(ae,{async:!0,children:Zf(Jf,{children:[wn(Se,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),wn(Se,{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 Yf}from"react/jsx-runtime";var Wa=e=>Yf(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 ft,jsxs as Ja}from"react/jsx-runtime";var Qf=ae.options,jf=ae.states,ul={...ae.defaultOptions,variant:"empty"},eb=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],tb=[],Ro=e=>{let{variant:t,...o}={...ul,...e};switch(t){case"success":return Ja(da,{status:"done",style:{width:"586px"},...o,children:[ft(Se,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),ft(Se,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Ja(da,{status:"failed",style:{width:"586px"},...o,children:[ft(Se,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),ft(Se,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Ja(da,{status:"uploading",style:{width:"586px"},...o,children:[ft(Se,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),ft(Se,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Ja(da,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[ft(Se,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),ft(Se,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return ft(Wa,{async:!0,status:"upload",style:{width:"586px"},...o})}};Ro.options=Qf;Ro.states=jf;Ro.variants=eb;Ro.defaultOptions=ul;Ro.modifiers=tb;Ro.className=ae.className;var Bn="pdf-viewer",fl=Bn;import{jsx as A,jsxs as rt}from"react/jsx-runtime";var Rn="k-pdf-viewer",ob=[i.disabled],ab={},rb=rt(z,{resizable:!0,fillMode:"flat",children:[A(K,{icon:"menu",fillMode:"flat",showArrow:!1,"aria-label":"Menu"}),A(W,{}),A(wa,{pageSizes:!1,refresh:!1,info:!1}),A("span",{className:"k-spacer"}),rt(y,{fillMode:"flat",children:[A(l,{fillMode:"flat",className:"k-group-start",icon:"zoom-out","aria-label":"Zoom out"}),A(l,{fillMode:"flat",className:"k-group-end",icon:"zoom-in","aria-label":"Zoom in"})]}),A(X,{value:"Automatic Width",fillMode:"flat","aria-label":"Zoom level"}),rt(y,{fillMode:"flat",children:[A(l,{fillMode:"flat",className:"k-group-start",icon:"pointer","aria-label":"Selection tool"}),A(l,{fillMode:"flat",className:"k-group-end",icon:"hand","aria-label":"Hand tool"})]}),A("span",{className:"k-spacer"}),A(l,{fillMode:"flat",icon:"search","aria-haspopup":"dialog","aria-label":"Search"}),A(l,{fillMode:"flat",icon:"edit-annotations","aria-label":"Annotations"}),A(l,{fillMode:"flat",icon:"comment","aria-label":"Comments"})]}),nb=rt(z,{resizable:!0,fillMode:"flat",children:[rt(y,{fillMode:"flat",children:[A(l,{fillMode:"flat",className:"k-group-start",icon:"highlight","aria-label":"Highlight"}),A(l,{fillMode:"flat",icon:"underline","aria-label":"Underline"}),A(l,{fillMode:"flat",className:"k-group-end",icon:"strikethrough","aria-label":"Strikethrough"})]}),A(W,{}),A(l,{fillMode:"flat",icon:"free-text","aria-label":"Free text"}),A(W,{}),A(K,{icon:"shapes",fillMode:"flat",showArrow:!0,"aria-label":"Shapes"}),A(W,{}),A(K,{icon:"stamp",fillMode:"flat",showArrow:!0,"aria-label":"Stamp"}),A(W,{}),A(l,{fillMode:"flat",icon:"sticky-note","aria-label":"Sticky note"}),A(W,{}),A(l,{fillMode:"flat",icon:"ruler","aria-label":"Ruler"}),A(W,{}),A(l,{fillMode:"flat",icon:"comment","aria-label":"Comment"}),A(W,{}),A(l,{fillMode:"flat",icon:"eraser","aria-label":"Eraser"}),A("span",{className:"k-spacer"}),A(l,{fillMode:"flat",icon:"x","aria-label":"Close"})]}),pa={toolbar:rb,showSearchPanel:!1,blank:!1,annotations:!1,annotationsToolbar:nb},ie=e=>{let{disabled:t,toolbar:o=pa.toolbar,showSearchPanel:a=pa.showSearchPanel,blank:r=pa.blank,annotations:s,annotationsToolbar:d=pa.annotationsToolbar,...c}=e;return rt("div",{...c,className:n(e.className,Rn,S(Rn,{disabled:t})),children:[o,s&&d,rt("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&&rt("div",{className:"k-search-panel k-pos-sticky k-top-center",role:"dialog","aria-label":"Search",children:[A(l,{fillMode:"flat",icon:"handle-drag",className:"k-search-dialog-draghandle","aria-label":"Drag handle"}),A(te,{"aria-label":"Search text",suffix:A(l,{fillMode:"flat",className:"k-match-case-button",icon:"convert-lowercase","aria-label":"Match case"})}),rt("span",{className:"k-search-matches",children:[A("span",{children:"0"})," of ",A("span",{children:"0"})]}),A(l,{fillMode:"flat",icon:"arrow-up","aria-label":"Previous match"}),A(l,{fillMode:"flat",icon:"arrow-down","aria-label":"Next match"}),A(l,{fillMode:"flat",icon:"x","aria-label":"Close search"})]}),A("div",{className:"k-pdf-viewer-pages",children:r?rt("div",{className:"k-page k-blank-page",children:[A(Ca,{}),A(Wa,{empty:!0,status:"upload"})]}):e.children})]})]})};ie.states=ob;ie.options=ab;ie.className=Rn;ie.defaultOptions=pa;ie.moduleName=Bn;ie.folderName=fl;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 ib}from"react/jsx-runtime";var bl="k-page",Kn={width:"720px",height:"360px"},Be=e=>{let{width:t=Kn.width,height:o=Kn.height,...a}=e;return ib("div",{...a,className:n(e.className,bl),style:{width:t,height:o},children:e.children})};Be.className=bl;Be.defaultOptions=Kn;import{Fragment as sb,jsx as Dn,jsxs as lb}from"react/jsx-runtime";var hl=e=>Dn(ie,{children:lb(sb,{children:[Dn(Be,{}),Dn(Be,{})]}),...e});import{jsx as B2,jsxs as R2}from"react/jsx-runtime";import{Fragment as q2,jsx as $2,jsxs as X2}from"react/jsx-runtime";import{jsx as ke,jsxs as Za}from"react/jsx-runtime";var db=ie.options,pb=ie.states,cb={...ie.defaultOptions,variant:"default"},mb=[{name:"default",title:"Default"},{name:"blank",title:"Blank"}],ub=[],Ko=e=>{let{variant:t,...o}=e,a={};return t==="blank"&&(a.blank=!0),Za(hl,{style:{width:"auto",height:"375px"},...o,...a,toolbar:Za(z,{children:[ke(j,{type:"input",pageSizes:!1,refresh:!1,info:!1}),ke("span",{className:"k-spacer"}),Za(y,{children:[ke(l,{fillMode:"flat",className:"k-group-start",icon:"zoom-out"}),ke(l,{fillMode:"flat",className:"k-group-end",icon:"zoom-in"})]}),ke(X,{value:"Automatic Width"}),Za(y,{children:[ke(l,{fillMode:"flat",className:"k-group-start",icon:"pointer"}),ke(l,{fillMode:"flat",className:"k-group-end",icon:"hand"})]}),ke("span",{className:"k-spacer"}),ke(l,{fillMode:"flat",icon:"search"}),ke(l,{fillMode:"flat",icon:"folder-open"}),ke(l,{fillMode:"flat",icon:"download"}),ke(l,{fillMode:"flat",icon:"print"})]}),children:[ke(Be,{width:"80%",height:"600px"}),ke(Be,{width:"80%",height:"600px"}),ke(Be,{width:"80%",height:"600px"})]})};Ko.options=db;Ko.states=pb;Ko.variants=mb;Ko.defaultOptions=cb;Ko.modifiers=ub;Ko.className=ie.className;import{Fragment as fb,jsx as _n,jsxs as bb}from"react/jsx-runtime";var bH=e=>_n(ie,{showSearchPanel:!0,children:bb(fb,{children:[_n(Be,{}),_n(Be,{})]}),...e});export{bH as PDFViewerWithSearchPanel};