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

package/dist/cjs/file-box/templates/file-box-remove-button.js

@@ -1 +1 @@
-var Ot=Object.create;var se=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Tt=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var _t=(e,t)=>{for(var o in t)se(e,o,{get:t[o],enumerable:!0})},Fe=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of St(t))!Ct.call(e,r)&&r!==o&&se(e,r,{get:()=>t[r],enumerable:!(a=Bt(t,r))||a.enumerable});return e};var Pt=(e,t,o)=>(o=e!=null?Ot(Tt(e)):{},Fe(t||!e||!e.__esModule?se(o,"default",{value:e,enumerable:!0}):o,e)),Rt=e=>Fe(se({},"__esModule",{value:!0}),e);var Co={};_t(Co,{FileBoxRemoveButton:()=>To});module.exports=Rt(Co);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 D=(e,t)=>i({[`${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"}),G=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:u,active:c,selected:h,disabled:x,indeterminate:d,loading:f,empty:b,readonly:R,highlighted:H,...B}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":u,"k-active":c,"k-selected":h,"k-disabled":x,"k-indeterminate":d&&!u,"k-loading":f,"k-empty":b,"k-readonly":R,"k-highlighted":H},Object.keys(B).reduce((C,v)=>(v.startsWith("k-")?C[v]=B[v]:C[`k-${v}`]=B[v],C),{}))};function $e(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},A={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},K={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"},p={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 fe=require("react/jsx-runtime"),ie="k-file-box-wrapper",Ve={layout:"horizontal"},le=e=>{let{layout:t=Ve.layout,scrollingPosition:o,...a}=e;return(0,fe.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:i(e.className,ie,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${ie}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${ie}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,fe.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};le.className=ie;le.defaultOptions=Ve;var te=require("react/jsx-runtime"),be="k-font-icon",Kt=[],zt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Ut={},oe=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...u}=e;return a?(0,te.jsx)("span",{...u,className:i(e.className,be,D(be,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,te.jsx)(te.Fragment,{})};oe.states=Kt;oe.options=zt;oe.className=be;oe.defaultOptions=Ut;var We=oe;var J=require("react/jsx-runtime"),xe="k-svg-icon",Ht=[],Dt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[K.outline,K.solid,K.duotone]},Me={viewBox:"0 0 24 24",variant:K.outline},ne=e=>{var f,b;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=Me.viewBox,variant:u=Me.variant,icon:c,...h}=e;if(!c)return(0,J.jsx)(J.Fragment,{});if(c==="none")return(0,J.jsx)("span",{...h,className:i(e.className,xe,D("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,d=typeof c=="object"?u&&((f=c.variants)==null?void 0:f[u])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,J.jsx)("span",{...h,className:i(e.className,xe,D("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:(0,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:d!==void 0?{__html:d}:void 0,children:c?void 0:e.children})})};ne.states=Ht;ne.options=Dt;ne.className=xe;ne.defaultOptions=Me;var he=ne;var Ne=Pt(require("@progress/kendo-svg-icons"));var Xe="icon",Ge="icons";var Qe=require("react");var Je=require("react"),qe=(0,Je.createContext)({iconsType:"svg"});var F=require("react/jsx-runtime"),ue="k-icon",Ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$t=[],Vt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[K.outline,K.solid,K.duotone]},me={viewBox:"0 0 24 24",type:"svg",variant:K.outline},M=e=>{let{iconsType:t}=(0,Qe.useContext)(qe),{size:o,themeColor:a,icon:r,type:l=t||me.type,rotate:u,flip:c,viewBox:h=me.viewBox,variant:x=me.variant,...d}=e;if(!r)return(0,F.jsx)(F.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,F.jsx)(he,{...d,className:i(e.className,ue),icon:r,size:o,variant:x});let b=Ne[r]?r:Ft(`${r}-icon`);return Ne[b]?(0,F.jsx)(he,{...d,className:i(e.className,ue),icon:Ne[b],size:o,themeColor:a,rotate:u,flip:c,viewBox:h,variant:x}):(0,F.jsx)(F.Fragment,{})}return(0,F.jsx)(We,{...d,className:i(e.className,ue),icon:r,size:o,themeColor:a,rotate:u,flip:c})};M.states=$t;M.options=Vt;M.defaultOptions=me;M.className=ue;M.moduleName=Xe;M.folderName=Ge;M.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 Ie="button",Ye=Ie;var _=require("react/jsx-runtime"),re="k-button",Wt=["icon-button"],Xt=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Gt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ve={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:u=ve.showArrow,arrowIconName:c=ve.arrowIconName,variant:h,hover:x,focus:d,active:f,selected:b,disabled:R,togglable:H,ariaDisabled:B,icon:C,text:v,iconClassName:ee,className:Lt,...At}=e,yt=C!==void 0,wt=e.children!==void 0;return(0,_.jsxs)(t,{className:i(Lt,re,$e(re,h),D(re,{size:o,rounded:a,fillMode:r,themeColor:l}),G(re,{hover:x,focus:d,active:f,disabled:R||B,selected:b}),{"k-icon-button":!v&&!wt&&yt}),...At,"aria-pressed":H?b?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:R||void 0,children:[C&&(0,_.jsx)(M,{className:i(ee,"k-button-icon"),icon:C}),v?(0,_.jsxs)(_.Fragment,{children:[v&&(0,_.jsx)("span",{className:"k-button-text",children:v}),e.children]}):e.children&&(0,_.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,_.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,_.jsx)(M,{icon:c})})]})};m.states=Xt;m.options=Gt;m.variants=Wt;m.className=re;m.defaultOptions=ve;m.moduleName=Ie;m.folderName=Ye;m.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var je=require("react/jsx-runtime"),Ze=e=>(0,je.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var tt=require("react/jsx-runtime"),et=e=>(0,tt.jsx)(m,{icon:"folder",children:"Button",...e});var nt=require("react/jsx-runtime"),ot=e=>(0,nt.jsx)(m,{children:"Button",...e});var ce=require("react/jsx-runtime"),Jt=m.options,qt=m.states,Qt={...m.defaultOptions,variant:"text"},Yt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zt=[],Q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ce.jsx)(Ze,{...o,icon:"star"});case"icon-and-text":return(0,ce.jsx)(et,{...o,icon:"star",children:"Button"});default:return(0,ce.jsx)(ot,{...o,children:"Button"})}};Q.options=Jt;Q.states=qt;Q.variants=Yt;Q.defaultOptions=Qt;Q.modifiers=Zt;Q.className=m.className;var ke="menu-button",rt=ke;var st=require("react/jsx-runtime"),at="k-menu-button",jt=[p.hover,p.focus,p.active,p.selected,p.disabled],eo={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ge={showArrow:!0,arrowIconName:"chevron-down"},y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,text:f,showArrow:b=ge.showArrow,arrowIconName:R=ge.arrowIconName,expanded:H,...B}=e;return(0,st.jsx)(m,{...B,className:i(e.className,at),text:f,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,showArrow:b,arrowIconName:R,"aria-expanded":H?"true":"false",...!f&&d&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};y.states=jt;y.options=eo;y.className=at;y.defaultOptions=ge;y.moduleName=ke;y.folderName=rt;y.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var to=require("react/jsx-runtime");var oo=require("react/jsx-runtime");var no=require("react/jsx-runtime");var w="menu",S=w;var $=require("react/jsx-runtime"),Ee="k-menu-item",ro=[p.hover,p.focus,p.active,p.selected,p.disabled],ao={},it={iconPosition:"before"},k=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=it.iconPosition,dir:R,children:H,expanded:B,...C}=e,v=f;return v||(v=R==="rtl"?"chevron-left":"chevron-right"),(0,$.jsxs)("li",{...C,className:i(e.className,Ee,"k-item",G(Ee,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":B?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$.jsxs)("span",{className:i("k-link k-menu-link"),children:[u&&b==="before"&&(0,$.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,$.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,$.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,$.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$.jsx)(M,{icon:v})})]}),H]})};k.states=ro;k.options=ao;k.className=Ee;k.defaultOptions=it;k.moduleName=w;k.folderName=S;var V=require("react/jsx-runtime"),Le="k-menu-item",so=[p.hover,p.focus,p.active,p.selected,p.disabled],io={},Ae={dir:"ltr",iconPosition:"before"},g=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=Ae.iconPosition,dir:R=Ae.dir,children:H,popup:B,expanded:C,...v}=e,ee=f;return ee||(ee=R==="rtl"?"chevron-left":"chevron-right"),(0,V.jsxs)("li",{...v,className:i(e.className,Le,"k-item",G(Le,{focus:o,disabled:l}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":C?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,V.jsxs)("span",{className:i("k-link k-menu-link",G("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[u&&b==="before"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,V.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,V.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,V.jsx)(M,{icon:ee})})]}),H,B]})};g.states=so;g.options=io;g.className=Le;g.defaultOptions=Ae;g.moduleName=w;g.folderName=S;var mt=require("react/jsx-runtime"),lt="k-menu-scroll-wrapper",lo=[],uo={},mo={},q=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,mt.jsx)("div",{...r,className:i(t,lt,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};q.states=lo;q.options=uo;q.className=lt;q.defaultOptions=mo;q.moduleName=w;q.folderName=S;var ut=q;var I=require("react/jsx-runtime"),ye="k-menu",co=[],po={},de={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},N=e=>{let{children:t,orientation:o=de.orientation,header:a=de.header,scrollable:r,scrollButtonsPosition:l=de.scrollButtonsPosition,wrapperStyles:u,dir:c,popup:h,contextMenu:x,...d}=e,f={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,I.jsx)("ul",{dir:c,...d,className:i(e.className,"k-reset",ye,{[`${ye}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,I.jsxs)(I.Fragment,{children:[r?(0,I.jsxs)(ut,{orientation:o,style:u,dir:e.dir,children:[l==="start"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,l==="end"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,h]})};N.states=co;N.options=po;N.className=ye;N.defaultOptions=de;N.moduleName=w;N.folderName=S;N.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var pt=require("react/jsx-runtime"),we="k-separator",ct={orientation:"horizontal"},Y=e=>{let{orientation:t=ct.orientation,...o}=e;return(0,pt.jsx)("li",{...o,className:i(e.className,"k-item",we,{[`${we}-${t}`]:t}),role:"separator"})};Y.className=we;Y.defaultOptions=ct;Y.moduleName=w;Y.folderName=S;var dt=require("react/jsx-runtime");var ft=require("react/jsx-runtime"),Oe="k-menu-group",fo=[],bo={size:[s.undefined,s.small,s.medium,s.large]},xo={},T=e=>{let{children:t,size:o,...a}=e;return(0,ft.jsx)("ul",{...a,className:i(e.className,Oe,D(Oe,{size:o})),role:"menu",children:t})};T.states=fo;T.options=bo;T.className=Oe;T.defaultOptions=xo;T.moduleName=w;T.folderName=S;var P=require("react/jsx-runtime"),Be=e=>(0,P.jsx)(N,{children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(k,{first:!0,text:"Item 1"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,P.jsx)(k,{text:"Item 4"}),(0,P.jsx)(k,{last:!0,text:"Item 5"})]}),...e});var Se="popup",bt=Se;var Te=require("react/jsx-runtime"),xt="k-animation-container",Mo=[],ho={},Mt={positionMode:"absolute"},X=e=>{let{positionMode:t=Mt.positionMode,animationStyle:o,offset:a,...r}=e;return(0,Te.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,xt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Te.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};X.states=Mo;X.options=ho;X.className=xt;X.defaultOptions=Mt;X.moduleName=Se;X.folderName=bt;var Ce="popup",ht=Ce;var _e=require("react/jsx-runtime"),Nt="k-popup",No=[],Io={},It={positionMode:"absolute"},O=e=>{let{offset:t,positionMode:o=It.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:u,...c}=e;return(0,_e.jsx)(X,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":u,children:(0,_e.jsx)("div",{...c,className:i(e.className,Nt),children:e.children})})};O.states=No;O.options=Io;O.className=Nt;O.defaultOptions=It;O.moduleName=Ce;O.folderName=ht;O.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 Pe=require("react/jsx-runtime");var Re=require("react/jsx-runtime");var Ke=require("react/jsx-runtime");var ze=require("react/jsx-runtime");var z=require("react/jsx-runtime"),vo={...N.options,scrollable:{type:"boolean"}},ko=N.states,vt={...N.defaultOptions,variant:"horizontal"},go=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eo=[{name:"opened",title:"Opened"}],Z=e=>{let{variant:t,modifiers:o,...a}={...vt,...e},r={};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!(o!=null&&o[l]),r.popup=(0,z.jsx)(O,{className:"k-menu-popup",children:(0,z.jsxs)(T,{children:[(0,z.jsx)(g,{text:"Item 1"}),(0,z.jsx)(g,{text:"Item 2"}),(0,z.jsx)(Y,{}),(0,z.jsx)(g,{text:"Item 3"})]})}))}),t==="vertical"?(0,z.jsx)(Be,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,z.jsx)(Be,{...a,...r})};Z.options=vo;Z.states=ko;Z.variants=go;Z.defaultOptions=vt;Z.modifiers=Eo;Z.className=N.className;var Ue=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Ao=m.states,kt={...m.defaultOptions,variant:"text"},yo=m.options,wo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oo=[{name:"opened",title:"Opened"}],j=e=>{let{variant:t,modifiers:o,...a}={...kt,...e},r={},l=(0,E.jsx)(O,{className:"k-menu-popup",children:(0,E.jsxs)(T,{size:a.size,children:[(0,E.jsx)(g,{first:!0,text:"Menu Item"}),(0,E.jsx)(g,{text:"Menu Item"}),(0,E.jsx)(g,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star"})});break;case"icon-and-text":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,children:"Dropdown Button"})});break}return(0,E.jsxs)(E.Fragment,{children:[u,(o==null?void 0:o.opened)&&l]})};j.options=yo;j.states=Ao;j.variants=wo;j.defaultOptions=kt;j.modifiers=Oo;j.className=y.className;var He="file-box",gt=He;var U=require("react/jsx-runtime"),Et="k-file-box",Bo=[p.selected],So={},ae={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},W=e=>{let{icon:t=ae.icon,name:o=ae.name,size:a=ae.size,status:r,deleted:l,removeButton:u,showButton:c=ae.showButton,...h}=e,x=[o,a].filter(Boolean).join(" ");return(0,U.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":x||void 0,...h,className:i(Et,e.className,{"k-file-deleted":l}),children:[(0,U.jsx)(M,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,U.jsxs)("div",{className:"k-file-info",children:[o&&(0,U.jsx)("span",{className:"k-file-name",children:o}),a&&(0,U.jsx)("span",{className:"k-file-size",children:a}),r&&(0,U.jsx)("span",{className:"k-file-status",children:r})]}),c&&(u?(0,U.jsx)(m,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,U.jsx)(y,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};W.states=Bo;W.options=So;W.className=Et;W.defaultOptions=ae;W.moduleName=He;W.folderName=gt;W.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var De=require("react/jsx-runtime"),To=e=>(0,De.jsx)(le,{...e,children:(0,De.jsx)(W,{removeButton:!0})});
+var Ot=Object.create;var se=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Tt=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var _t=(e,t)=>{for(var o in t)se(e,o,{get:t[o],enumerable:!0})},Fe=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of St(t))!Ct.call(e,r)&&r!==o&&se(e,r,{get:()=>t[r],enumerable:!(a=Bt(t,r))||a.enumerable});return e};var Pt=(e,t,o)=>(o=e!=null?Ot(Tt(e)):{},Fe(t||!e||!e.__esModule?se(o,"default",{value:e,enumerable:!0}):o,e)),Rt=e=>Fe(se({},"__esModule",{value:!0}),e);var Co={};_t(Co,{FileBoxRemoveButton:()=>To});module.exports=Rt(Co);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 D=(e,t)=>i({[`${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"}),G=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:u,active:c,selected:h,disabled:x,indeterminate:d,loading:f,empty:b,readonly:R,highlighted:H,...B}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":u,"k-active":c,"k-selected":h,"k-disabled":x,"k-indeterminate":d&&!u,"k-loading":f,"k-empty":b,"k-readonly":R,"k-highlighted":H},Object.keys(B).reduce((C,v)=>(v.startsWith("k-")?C[v]=B[v]:C[`k-${v}`]=B[v],C),{}))};function $e(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},A={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},K={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"},p={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 fe=require("react/jsx-runtime"),ie="k-file-box-wrapper",Ve={layout:"horizontal"},le=e=>{let{layout:t=Ve.layout,scrollingPosition:o,...a}=e;return(0,fe.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:i(e.className,ie,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${ie}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${ie}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,fe.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};le.className=ie;le.defaultOptions=Ve;var te=require("react/jsx-runtime"),be="k-font-icon",Kt=[],zt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Ut={},oe=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...u}=e;return a?(0,te.jsx)("span",{...u,className:i(e.className,be,D(be,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,te.jsx)(te.Fragment,{})};oe.states=Kt;oe.options=zt;oe.className=be;oe.defaultOptions=Ut;var We=oe;var J=require("react/jsx-runtime"),xe="k-svg-icon",Ht=[],Dt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[K.outline,K.solid,K.duotone]},Me={viewBox:"0 0 24 24",variant:K.outline},ne=e=>{var f,b;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=Me.viewBox,variant:u=Me.variant,icon:c,...h}=e;if(!c)return(0,J.jsx)(J.Fragment,{});if(c==="none")return(0,J.jsx)("span",{...h,className:i(e.className,xe,D("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,d=typeof c=="object"?u&&((f=c.variants)==null?void 0:f[u])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,J.jsx)("span",{...h,className:i(e.className,xe,D("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:(0,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:d!==void 0?{__html:d}:void 0,children:c?void 0:e.children})})};ne.states=Ht;ne.options=Dt;ne.className=xe;ne.defaultOptions=Me;var he=ne;var Ne=Pt(require("@progress/kendo-svg-icons"));var Xe="icon",Ge="icons";var Qe=require("react");var Je=require("react"),qe=(0,Je.createContext)({iconsType:"svg"});var F=require("react/jsx-runtime"),ue="k-icon",Ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$t=[],Vt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[K.outline,K.solid,K.duotone]},me={viewBox:"0 0 24 24",type:"svg",variant:K.outline},M=e=>{let{iconsType:t}=(0,Qe.useContext)(qe),{size:o,themeColor:a,icon:r,type:l=t||me.type,rotate:u,flip:c,viewBox:h=me.viewBox,variant:x=me.variant,...d}=e;if(!r)return(0,F.jsx)(F.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,F.jsx)(he,{...d,className:i(e.className,ue),icon:r,size:o,variant:x});let b=Ne[r]?r:Ft(`${r}-icon`);return Ne[b]?(0,F.jsx)(he,{...d,className:i(e.className,ue),icon:Ne[b],size:o,themeColor:a,rotate:u,flip:c,viewBox:h,variant:x}):(0,F.jsx)(F.Fragment,{})}return(0,F.jsx)(We,{...d,className:i(e.className,ue),icon:r,size:o,themeColor:a,rotate:u,flip:c})};M.states=$t;M.options=Vt;M.defaultOptions=me;M.className=ue;M.moduleName=Xe;M.folderName=Ge;M.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 Ie="button",Ye=Ie;var _=require("react/jsx-runtime"),re="k-button",Wt=["icon-button"],Xt=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Gt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ve={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:u=ve.showArrow,arrowIconName:c=ve.arrowIconName,variant:h,hover:x,focus:d,active:f,selected:b,disabled:R,togglable:H,ariaDisabled:B,icon:C,text:v,iconClassName:ee,className:Lt,...At}=e,yt=C!==void 0,wt=e.children!==void 0;return(0,_.jsxs)(t,{className:i(Lt,re,$e(re,h),D(re,{size:o,rounded:a,fillMode:r,themeColor:l}),G(re,{hover:x,focus:d,active:f,disabled:R||B,selected:b}),{"k-icon-button":!v&&!wt&&yt}),...At,"aria-pressed":H?b?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:R||void 0,children:[C&&(0,_.jsx)(M,{className:i(ee,"k-button-icon"),icon:C}),v?(0,_.jsxs)(_.Fragment,{children:[v&&(0,_.jsx)("span",{className:"k-button-text",children:v}),e.children]}):e.children&&(0,_.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,_.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,_.jsx)(M,{icon:c})})]})};m.states=Xt;m.options=Gt;m.variants=Wt;m.className=re;m.defaultOptions=ve;m.moduleName=Ie;m.folderName=Ye;m.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var je=require("react/jsx-runtime"),Ze=e=>(0,je.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var tt=require("react/jsx-runtime"),et=e=>(0,tt.jsx)(m,{icon:"folder",children:"Button",...e});var nt=require("react/jsx-runtime"),ot=e=>(0,nt.jsx)(m,{children:"Button",...e});var ce=require("react/jsx-runtime"),Jt=m.options,qt=m.states,Qt={...m.defaultOptions,variant:"text"},Yt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zt=[],Q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ce.jsx)(Ze,{...o,icon:"star"});case"icon-and-text":return(0,ce.jsx)(et,{...o,icon:"star",children:"Button"});default:return(0,ce.jsx)(ot,{...o,children:"Button"})}};Q.options=Jt;Q.states=qt;Q.variants=Yt;Q.defaultOptions=Qt;Q.modifiers=Zt;Q.className=m.className;var ke="menu-button",rt=ke;var st=require("react/jsx-runtime"),at="k-menu-button",jt=[p.hover,p.focus,p.active,p.selected,p.disabled],eo={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ge={showArrow:!0,arrowIconName:"chevron-down"},y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,text:f,showArrow:b=ge.showArrow,arrowIconName:R=ge.arrowIconName,expanded:H,...B}=e;return(0,st.jsx)(m,{...B,className:i(e.className,at),text:f,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,showArrow:b,arrowIconName:R,"aria-expanded":H?"true":"false",...!f&&d&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};y.states=jt;y.options=eo;y.className=at;y.defaultOptions=ge;y.moduleName=ke;y.folderName=rt;y.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var to=require("react/jsx-runtime");var oo=require("react/jsx-runtime");var no=require("react/jsx-runtime");var w="menu",S=w;var $=require("react/jsx-runtime"),Ee="k-menu-item",ro=[p.hover,p.focus,p.active,p.selected,p.disabled],ao={},it={iconPosition:"before"},k=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=it.iconPosition,dir:R,children:H,expanded:B,...C}=e,v=f;return v||(v=R==="rtl"?"chevron-left":"chevron-right"),(0,$.jsxs)("li",{...C,className:i(e.className,Ee,"k-item",G(Ee,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":B?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$.jsxs)("span",{className:i("k-link k-menu-link"),children:[u&&b==="before"&&(0,$.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,$.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,$.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,$.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$.jsx)(M,{icon:v})})]}),H]})};k.states=ro;k.options=ao;k.className=Ee;k.defaultOptions=it;k.moduleName=w;k.folderName=S;var V=require("react/jsx-runtime"),Le="k-menu-item",so=[p.hover,p.focus,p.active,p.selected,p.disabled],io={},Ae={dir:"ltr",iconPosition:"before"},g=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=Ae.iconPosition,dir:R=Ae.dir,children:H,popup:B,expanded:C,...v}=e,ee=f;return ee||(ee=R==="rtl"?"chevron-left":"chevron-right"),(0,V.jsxs)("li",{...v,className:i(e.className,Le,"k-item",G(Le,{focus:o,disabled:l}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":C?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,V.jsxs)("span",{className:i("k-link k-menu-link",G("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[u&&b==="before"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,V.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,V.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,V.jsx)(M,{icon:ee})})]}),H,B]})};g.states=so;g.options=io;g.className=Le;g.defaultOptions=Ae;g.moduleName=w;g.folderName=S;var mt=require("react/jsx-runtime"),lt="k-menu-scroll-wrapper",lo=[],uo={},mo={},q=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,mt.jsx)("div",{...r,className:i(t,lt,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};q.states=lo;q.options=uo;q.className=lt;q.defaultOptions=mo;q.moduleName=w;q.folderName=S;var ut=q;var I=require("react/jsx-runtime"),ye="k-menu",co=[],po={},de={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},N=e=>{let{children:t,orientation:o=de.orientation,header:a=de.header,scrollable:r,scrollButtonsPosition:l=de.scrollButtonsPosition,wrapperStyles:u,dir:c,popup:h,contextMenu:x,...d}=e,f={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,I.jsx)("ul",{dir:c,...d,className:i(e.className,"k-reset",ye,{[`${ye}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,I.jsxs)(I.Fragment,{children:[r?(0,I.jsxs)(ut,{orientation:o,style:u,dir:e.dir,children:[l==="start"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,l==="end"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,h]})};N.states=co;N.options=po;N.className=ye;N.defaultOptions=de;N.moduleName=w;N.folderName=S;N.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var pt=require("react/jsx-runtime"),we="k-separator",ct={orientation:"horizontal"},Y=e=>{let{orientation:t=ct.orientation,...o}=e;return(0,pt.jsx)("li",{...o,className:i(e.className,"k-item",we,{[`${we}-${t}`]:t}),role:"separator"})};Y.className=we;Y.defaultOptions=ct;Y.moduleName=w;Y.folderName=S;var dt=require("react/jsx-runtime");var ft=require("react/jsx-runtime"),Oe="k-menu-group",fo=[],bo={size:[s.undefined,s.small,s.medium,s.large]},xo={},T=e=>{let{children:t,size:o,...a}=e;return(0,ft.jsx)("ul",{...a,className:i(e.className,Oe,D(Oe,{size:o})),role:"menu",children:t})};T.states=fo;T.options=bo;T.className=Oe;T.defaultOptions=xo;T.moduleName=w;T.folderName=S;var P=require("react/jsx-runtime"),Be=e=>(0,P.jsx)(N,{children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(k,{first:!0,text:"Item 1"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,P.jsx)(k,{text:"Item 4"}),(0,P.jsx)(k,{last:!0,text:"Item 5"})]}),...e});var Se="popup",bt=Se;var Te=require("react/jsx-runtime"),xt="k-animation-container",Mo=[],ho={},Mt={positionMode:"absolute"},X=e=>{let{positionMode:t=Mt.positionMode,animationStyle:o,offset:a,...r}=e;return(0,Te.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,xt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Te.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};X.states=Mo;X.options=ho;X.className=xt;X.defaultOptions=Mt;X.moduleName=Se;X.folderName=bt;var Ce="popup",ht=Ce;var _e=require("react/jsx-runtime"),Nt="k-popup",No=[],Io={},It={positionMode:"absolute"},O=e=>{let{offset:t,positionMode:o=It.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:u,...c}=e;return(0,_e.jsx)(X,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":u,children:(0,_e.jsx)("div",{...c,className:i(e.className,Nt),children:e.children})})};O.states=No;O.options=Io;O.className=Nt;O.defaultOptions=It;O.moduleName=Ce;O.folderName=ht;O.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 Pe=require("react/jsx-runtime");var Re=require("react/jsx-runtime");var Ke=require("react/jsx-runtime");var ze=require("react/jsx-runtime");var z=require("react/jsx-runtime"),vo={...N.options,scrollable:{type:"boolean"}},ko=N.states,vt={...N.defaultOptions,variant:"horizontal"},go=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eo=[{name:"opened",title:"Opened"}],Z=e=>{let{variant:t,modifiers:o,...a}={...vt,...e},r={};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!(o!=null&&o[l]),r.popup=(0,z.jsx)(O,{className:"k-menu-popup",children:(0,z.jsxs)(T,{children:[(0,z.jsx)(g,{text:"Item 1"}),(0,z.jsx)(g,{text:"Item 2"}),(0,z.jsx)(Y,{}),(0,z.jsx)(g,{text:"Item 3"})]})}))}),t==="vertical"?(0,z.jsx)(Be,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,z.jsx)(Be,{...a,...r})};Z.options=vo;Z.states=ko;Z.variants=go;Z.defaultOptions=vt;Z.modifiers=Eo;Z.className=N.className;var Ue=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Ao=m.states,kt={...m.defaultOptions,variant:"text"},yo=m.options,wo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oo=[{name:"opened",title:"Opened"}],j=e=>{let{variant:t,modifiers:o,...a}={...kt,...e},r={},l=(0,E.jsx)(O,{className:"k-menu-popup",children:(0,E.jsxs)(T,{size:a.size,children:[(0,E.jsx)(g,{first:!0,text:"Menu Item"}),(0,E.jsx)(g,{text:"Menu Item"}),(0,E.jsx)(g,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star"})});break;case"icon-and-text":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,children:"Dropdown Button"})});break}return(0,E.jsxs)(E.Fragment,{children:[u,(o==null?void 0:o.opened)&&l]})};j.options=yo;j.states=Ao;j.variants=wo;j.defaultOptions=kt;j.modifiers=Oo;j.className=y.className;var He="file-box",gt=He;var U=require("react/jsx-runtime"),Et="k-file-box",Bo=[p.selected],So={},ae={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},W=e=>{let{icon:t=ae.icon,name:o=ae.name,size:a=ae.size,status:r,deleted:l,removeButton:u,showButton:c=ae.showButton,...h}=e,x=[o,a].filter(Boolean).join(" ");return(0,U.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":x||void 0,...h,className:i(Et,e.className,{"k-file-deleted":l}),children:[(0,U.jsx)(M,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,U.jsxs)("div",{className:"k-file-info",children:[o&&(0,U.jsx)("span",{className:"k-file-name",children:o}),a&&(0,U.jsx)("span",{className:"k-file-size",children:a}),r&&(0,U.jsx)("span",{className:"k-file-status",children:r})]}),c&&(u?(0,U.jsx)(m,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,U.jsx)(y,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};W.states=Bo;W.options=So;W.className=Et;W.defaultOptions=ae;W.moduleName=He;W.folderName=gt;W.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var De=require("react/jsx-runtime"),To=e=>(0,De.jsx)(le,{...e,children:(0,De.jsx)(W,{removeButton:!0})});

package/dist/cjs/file-box/templates/file-box-vertical.js

@@ -1 +1 @@
-var Ot=Object.create;var ie=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Tt=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var _t=(e,t)=>{for(var o in t)ie(e,o,{get:t[o],enumerable:!0})},Fe=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of St(t))!Ct.call(e,r)&&r!==o&&ie(e,r,{get:()=>t[r],enumerable:!(a=Bt(t,r))||a.enumerable});return e};var Pt=(e,t,o)=>(o=e!=null?Ot(Tt(e)):{},Fe(t||!e||!e.__esModule?ie(o,"default",{value:e,enumerable:!0}):o,e)),Kt=e=>Fe(ie({},"__esModule",{value:!0}),e);var Co={};_t(Co,{FileBoxVertical:()=>To});module.exports=Kt(Co);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 F=(e,t)=>i({[`${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"}),G=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:u,active:c,selected:h,disabled:x,indeterminate:d,loading:f,empty:b,readonly:K,highlighted:D,...B}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":u,"k-active":c,"k-selected":h,"k-disabled":x,"k-indeterminate":d&&!u,"k-loading":f,"k-empty":b,"k-readonly":K,"k-highlighted":D},Object.keys(B).reduce((C,v)=>(v.startsWith("k-")?C[v]=B[v]:C[`k-${v}`]=B[v],C),{}))};function $e(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},A={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},R={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"},p={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 be=require("react/jsx-runtime"),le="k-file-box-wrapper",Ve={layout:"horizontal"},ue=e=>{let{layout:t=Ve.layout,scrollingPosition:o,...a}=e;return(0,be.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:i(e.className,le,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${le}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${le}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,be.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ue.className=le;ue.defaultOptions=Ve;var te=require("react/jsx-runtime"),xe="k-font-icon",Rt=[],zt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Ut={},oe=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...u}=e;return a?(0,te.jsx)("span",{...u,className:i(e.className,xe,F(xe,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,te.jsx)(te.Fragment,{})};oe.states=Rt;oe.options=zt;oe.className=xe;oe.defaultOptions=Ut;var We=oe;var J=require("react/jsx-runtime"),Me="k-svg-icon",Ht=[],Dt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[R.outline,R.solid,R.duotone]},he={viewBox:"0 0 24 24",variant:R.outline},ne=e=>{var f,b;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=he.viewBox,variant:u=he.variant,icon:c,...h}=e;if(!c)return(0,J.jsx)(J.Fragment,{});if(c==="none")return(0,J.jsx)("span",{...h,className:i(e.className,Me,F("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,d=typeof c=="object"?u&&((f=c.variants)==null?void 0:f[u])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,J.jsx)("span",{...h,className:i(e.className,Me,F("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:(0,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:d!==void 0?{__html:d}:void 0,children:c?void 0:e.children})})};ne.states=Ht;ne.options=Dt;ne.className=Me;ne.defaultOptions=he;var Ne=ne;var Ie=Pt(require("@progress/kendo-svg-icons"));var Xe="icon",Ge="icons";var Qe=require("react");var Je=require("react"),qe=(0,Je.createContext)({iconsType:"svg"});var $=require("react/jsx-runtime"),me="k-icon",Ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$t=[],Vt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[R.outline,R.solid,R.duotone]},ce={viewBox:"0 0 24 24",type:"svg",variant:R.outline},M=e=>{let{iconsType:t}=(0,Qe.useContext)(qe),{size:o,themeColor:a,icon:r,type:l=t||ce.type,rotate:u,flip:c,viewBox:h=ce.viewBox,variant:x=ce.variant,...d}=e;if(!r)return(0,$.jsx)($.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,$.jsx)(Ne,{...d,className:i(e.className,me),icon:r,size:o,variant:x});let b=Ie[r]?r:Ft(`${r}-icon`);return Ie[b]?(0,$.jsx)(Ne,{...d,className:i(e.className,me),icon:Ie[b],size:o,themeColor:a,rotate:u,flip:c,viewBox:h,variant:x}):(0,$.jsx)($.Fragment,{})}return(0,$.jsx)(We,{...d,className:i(e.className,me),icon:r,size:o,themeColor:a,rotate:u,flip:c})};M.states=$t;M.options=Vt;M.defaultOptions=ce;M.className=me;M.moduleName=Xe;M.folderName=Ge;M.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 ve="button",Ye=ve;var _=require("react/jsx-runtime"),re="k-button",Wt=["icon-button"],Xt=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Gt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ke={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:u=ke.showArrow,arrowIconName:c=ke.arrowIconName,variant:h,hover:x,focus:d,active:f,selected:b,disabled:K,togglable:D,ariaDisabled:B,icon:C,text:v,iconClassName:ee,className:Lt,...At}=e,yt=C!==void 0,wt=e.children!==void 0;return(0,_.jsxs)(t,{className:i(Lt,re,$e(re,h),F(re,{size:o,rounded:a,fillMode:r,themeColor:l}),G(re,{hover:x,focus:d,active:f,disabled:K||B,selected:b}),{"k-icon-button":!v&&!wt&&yt}),...At,"aria-pressed":D?b?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:K||void 0,children:[C&&(0,_.jsx)(M,{className:i(ee,"k-button-icon"),icon:C}),v?(0,_.jsxs)(_.Fragment,{children:[v&&(0,_.jsx)("span",{className:"k-button-text",children:v}),e.children]}):e.children&&(0,_.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,_.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,_.jsx)(M,{icon:c})})]})};m.states=Xt;m.options=Gt;m.variants=Wt;m.className=re;m.defaultOptions=ke;m.moduleName=ve;m.folderName=Ye;m.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var je=require("react/jsx-runtime"),Ze=e=>(0,je.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var tt=require("react/jsx-runtime"),et=e=>(0,tt.jsx)(m,{icon:"folder",children:"Button",...e});var nt=require("react/jsx-runtime"),ot=e=>(0,nt.jsx)(m,{children:"Button",...e});var pe=require("react/jsx-runtime"),Jt=m.options,qt=m.states,Qt={...m.defaultOptions,variant:"text"},Yt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zt=[],Q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,pe.jsx)(Ze,{...o,icon:"star"});case"icon-and-text":return(0,pe.jsx)(et,{...o,icon:"star",children:"Button"});default:return(0,pe.jsx)(ot,{...o,children:"Button"})}};Q.options=Jt;Q.states=qt;Q.variants=Yt;Q.defaultOptions=Qt;Q.modifiers=Zt;Q.className=m.className;var ge="menu-button",rt=ge;var st=require("react/jsx-runtime"),at="k-menu-button",jt=[p.hover,p.focus,p.active,p.selected,p.disabled],eo={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},Ee={showArrow:!0,arrowIconName:"chevron-down"},y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,text:f,showArrow:b=Ee.showArrow,arrowIconName:K=Ee.arrowIconName,expanded:D,...B}=e;return(0,st.jsx)(m,{...B,className:i(e.className,at),text:f,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,showArrow:b,arrowIconName:K,"aria-expanded":D?"true":"false",...!f&&d&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};y.states=jt;y.options=eo;y.className=at;y.defaultOptions=Ee;y.moduleName=ge;y.folderName=rt;y.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var to=require("react/jsx-runtime");var oo=require("react/jsx-runtime");var no=require("react/jsx-runtime");var w="menu",S=w;var V=require("react/jsx-runtime"),Le="k-menu-item",ro=[p.hover,p.focus,p.active,p.selected,p.disabled],ao={},it={iconPosition:"before"},k=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=it.iconPosition,dir:K,children:D,expanded:B,...C}=e,v=f;return v||(v=K==="rtl"?"chevron-left":"chevron-right"),(0,V.jsxs)("li",{...C,className:i(e.className,Le,"k-item",G(Le,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":B?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,V.jsxs)("span",{className:i("k-link k-menu-link"),children:[u&&b==="before"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,V.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,V.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,V.jsx)(M,{icon:v})})]}),D]})};k.states=ro;k.options=ao;k.className=Le;k.defaultOptions=it;k.moduleName=w;k.folderName=S;var W=require("react/jsx-runtime"),Ae="k-menu-item",so=[p.hover,p.focus,p.active,p.selected,p.disabled],io={},ye={dir:"ltr",iconPosition:"before"},g=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=ye.iconPosition,dir:K=ye.dir,children:D,popup:B,expanded:C,...v}=e,ee=f;return ee||(ee=K==="rtl"?"chevron-left":"chevron-right"),(0,W.jsxs)("li",{...v,className:i(e.className,Ae,"k-item",G(Ae,{focus:o,disabled:l}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":C?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,W.jsxs)("span",{className:i("k-link k-menu-link",G("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[u&&b==="before"&&(0,W.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,W.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,W.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,W.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,W.jsx)(M,{icon:ee})})]}),D,B]})};g.states=so;g.options=io;g.className=Ae;g.defaultOptions=ye;g.moduleName=w;g.folderName=S;var mt=require("react/jsx-runtime"),lt="k-menu-scroll-wrapper",lo=[],uo={},mo={},q=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,mt.jsx)("div",{...r,className:i(t,lt,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};q.states=lo;q.options=uo;q.className=lt;q.defaultOptions=mo;q.moduleName=w;q.folderName=S;var ut=q;var I=require("react/jsx-runtime"),we="k-menu",co=[],po={},fe={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},N=e=>{let{children:t,orientation:o=fe.orientation,header:a=fe.header,scrollable:r,scrollButtonsPosition:l=fe.scrollButtonsPosition,wrapperStyles:u,dir:c,popup:h,contextMenu:x,...d}=e,f={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,I.jsx)("ul",{dir:c,...d,className:i(e.className,"k-reset",we,{[`${we}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,I.jsxs)(I.Fragment,{children:[r?(0,I.jsxs)(ut,{orientation:o,style:u,dir:e.dir,children:[l==="start"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,l==="end"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,h]})};N.states=co;N.options=po;N.className=we;N.defaultOptions=fe;N.moduleName=w;N.folderName=S;N.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var pt=require("react/jsx-runtime"),Oe="k-separator",ct={orientation:"horizontal"},Y=e=>{let{orientation:t=ct.orientation,...o}=e;return(0,pt.jsx)("li",{...o,className:i(e.className,"k-item",Oe,{[`${Oe}-${t}`]:t}),role:"separator"})};Y.className=Oe;Y.defaultOptions=ct;Y.moduleName=w;Y.folderName=S;var dt=require("react/jsx-runtime");var ft=require("react/jsx-runtime"),Be="k-menu-group",fo=[],bo={size:[s.undefined,s.small,s.medium,s.large]},xo={},T=e=>{let{children:t,size:o,...a}=e;return(0,ft.jsx)("ul",{...a,className:i(e.className,Be,F(Be,{size:o})),role:"menu",children:t})};T.states=fo;T.options=bo;T.className=Be;T.defaultOptions=xo;T.moduleName=w;T.folderName=S;var P=require("react/jsx-runtime"),Se=e=>(0,P.jsx)(N,{children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(k,{first:!0,text:"Item 1"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,P.jsx)(k,{text:"Item 4"}),(0,P.jsx)(k,{last:!0,text:"Item 5"})]}),...e});var Te="popup",bt=Te;var Ce=require("react/jsx-runtime"),xt="k-animation-container",Mo=[],ho={},Mt={positionMode:"absolute"},X=e=>{let{positionMode:t=Mt.positionMode,animationStyle:o,offset:a,...r}=e;return(0,Ce.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,xt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ce.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};X.states=Mo;X.options=ho;X.className=xt;X.defaultOptions=Mt;X.moduleName=Te;X.folderName=bt;var _e="popup",ht=_e;var Pe=require("react/jsx-runtime"),Nt="k-popup",No=[],Io={},It={positionMode:"absolute"},O=e=>{let{offset:t,positionMode:o=It.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:u,...c}=e;return(0,Pe.jsx)(X,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":u,children:(0,Pe.jsx)("div",{...c,className:i(e.className,Nt),children:e.children})})};O.states=No;O.options=Io;O.className=Nt;O.defaultOptions=It;O.moduleName=_e;O.folderName=ht;O.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 Ke=require("react/jsx-runtime");var Re=require("react/jsx-runtime");var ze=require("react/jsx-runtime");var Ue=require("react/jsx-runtime");var z=require("react/jsx-runtime"),vo={...N.options,scrollable:{type:"boolean"}},ko=N.states,vt={...N.defaultOptions,variant:"horizontal"},go=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eo=[{name:"opened",title:"Opened"}],Z=e=>{let{variant:t,modifiers:o,...a}={...vt,...e},r={};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!(o!=null&&o[l]),r.popup=(0,z.jsx)(O,{className:"k-menu-popup",children:(0,z.jsxs)(T,{children:[(0,z.jsx)(g,{text:"Item 1"}),(0,z.jsx)(g,{text:"Item 2"}),(0,z.jsx)(Y,{}),(0,z.jsx)(g,{text:"Item 3"})]})}))}),t==="vertical"?(0,z.jsx)(Se,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,z.jsx)(Se,{...a,...r})};Z.options=vo;Z.states=ko;Z.variants=go;Z.defaultOptions=vt;Z.modifiers=Eo;Z.className=N.className;var He=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Ao=m.states,kt={...m.defaultOptions,variant:"text"},yo=m.options,wo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oo=[{name:"opened",title:"Opened"}],j=e=>{let{variant:t,modifiers:o,...a}={...kt,...e},r={},l=(0,E.jsx)(O,{className:"k-menu-popup",children:(0,E.jsxs)(T,{size:a.size,children:[(0,E.jsx)(g,{first:!0,text:"Menu Item"}),(0,E.jsx)(g,{text:"Menu Item"}),(0,E.jsx)(g,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star"})});break;case"icon-and-text":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,children:"Dropdown Button"})});break}return(0,E.jsxs)(E.Fragment,{children:[u,(o==null?void 0:o.opened)&&l]})};j.options=yo;j.states=Ao;j.variants=wo;j.defaultOptions=kt;j.modifiers=Oo;j.className=y.className;var De="file-box",gt=De;var U=require("react/jsx-runtime"),Et="k-file-box",Bo=[p.selected],So={},ae={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},H=e=>{let{icon:t=ae.icon,name:o=ae.name,size:a=ae.size,status:r,deleted:l,removeButton:u,showButton:c=ae.showButton,...h}=e,x=[o,a].filter(Boolean).join(" ");return(0,U.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":x||void 0,...h,className:i(Et,e.className,{"k-file-deleted":l}),children:[(0,U.jsx)(M,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,U.jsxs)("div",{className:"k-file-info",children:[o&&(0,U.jsx)("span",{className:"k-file-name",children:o}),a&&(0,U.jsx)("span",{className:"k-file-size",children:a}),r&&(0,U.jsx)("span",{className:"k-file-status",children:r})]}),c&&(u?(0,U.jsx)(m,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,U.jsx)(y,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};H.states=Bo;H.options=So;H.className=Et;H.defaultOptions=ae;H.moduleName=De;H.folderName=gt;H.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var se=require("react/jsx-runtime"),To=e=>(0,se.jsxs)(ue,{layout:"vertical",...e,children:[(0,se.jsx)(H,{tabIndex:0}),(0,se.jsx)(H,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1})]});
+var Ot=Object.create;var ie=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Tt=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var _t=(e,t)=>{for(var o in t)ie(e,o,{get:t[o],enumerable:!0})},Fe=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of St(t))!Ct.call(e,r)&&r!==o&&ie(e,r,{get:()=>t[r],enumerable:!(a=Bt(t,r))||a.enumerable});return e};var Pt=(e,t,o)=>(o=e!=null?Ot(Tt(e)):{},Fe(t||!e||!e.__esModule?ie(o,"default",{value:e,enumerable:!0}):o,e)),Kt=e=>Fe(ie({},"__esModule",{value:!0}),e);var Co={};_t(Co,{FileBoxVertical:()=>To});module.exports=Kt(Co);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 F=(e,t)=>i({[`${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"}),G=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:u,active:c,selected:h,disabled:x,indeterminate:d,loading:f,empty:b,readonly:K,highlighted:D,...B}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":u,"k-active":c,"k-selected":h,"k-disabled":x,"k-indeterminate":d&&!u,"k-loading":f,"k-empty":b,"k-readonly":K,"k-highlighted":D},Object.keys(B).reduce((C,v)=>(v.startsWith("k-")?C[v]=B[v]:C[`k-${v}`]=B[v],C),{}))};function $e(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},A={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},R={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"},p={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 be=require("react/jsx-runtime"),le="k-file-box-wrapper",Ve={layout:"horizontal"},ue=e=>{let{layout:t=Ve.layout,scrollingPosition:o,...a}=e;return(0,be.jsx)("ul",{role:"list","aria-label":"Attached files",...a,className:i(e.className,le,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${le}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${le}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,be.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};ue.className=le;ue.defaultOptions=Ve;var te=require("react/jsx-runtime"),xe="k-font-icon",Rt=[],zt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},Ut={},oe=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...u}=e;return a?(0,te.jsx)("span",{...u,className:i(e.className,xe,F(xe,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,te.jsx)(te.Fragment,{})};oe.states=Rt;oe.options=zt;oe.className=xe;oe.defaultOptions=Ut;var We=oe;var J=require("react/jsx-runtime"),Me="k-svg-icon",Ht=[],Dt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[R.outline,R.solid,R.duotone]},he={viewBox:"0 0 24 24",variant:R.outline},ne=e=>{var f,b;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=he.viewBox,variant:u=he.variant,icon:c,...h}=e;if(!c)return(0,J.jsx)(J.Fragment,{});if(c==="none")return(0,J.jsx)("span",{...h,className:i(e.className,Me,F("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof c=="object"&&c.name&&c.name,d=typeof c=="object"?u&&((f=c.variants)==null?void 0:f[u])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,J.jsx)("span",{...h,className:i(e.className,Me,F("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:(0,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:d!==void 0?{__html:d}:void 0,children:c?void 0:e.children})})};ne.states=Ht;ne.options=Dt;ne.className=Me;ne.defaultOptions=he;var Ne=ne;var Ie=Pt(require("@progress/kendo-svg-icons"));var Xe="icon",Ge="icons";var Qe=require("react");var Je=require("react"),qe=(0,Je.createContext)({iconsType:"svg"});var $=require("react/jsx-runtime"),me="k-icon",Ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$t=[],Vt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[R.outline,R.solid,R.duotone]},ce={viewBox:"0 0 24 24",type:"svg",variant:R.outline},M=e=>{let{iconsType:t}=(0,Qe.useContext)(qe),{size:o,themeColor:a,icon:r,type:l=t||ce.type,rotate:u,flip:c,viewBox:h=ce.viewBox,variant:x=ce.variant,...d}=e;if(!r)return(0,$.jsx)($.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,$.jsx)(Ne,{...d,className:i(e.className,me),icon:r,size:o,variant:x});let b=Ie[r]?r:Ft(`${r}-icon`);return Ie[b]?(0,$.jsx)(Ne,{...d,className:i(e.className,me),icon:Ie[b],size:o,themeColor:a,rotate:u,flip:c,viewBox:h,variant:x}):(0,$.jsx)($.Fragment,{})}return(0,$.jsx)(We,{...d,className:i(e.className,me),icon:r,size:o,themeColor:a,rotate:u,flip:c})};M.states=$t;M.options=Vt;M.defaultOptions=ce;M.className=me;M.moduleName=Xe;M.folderName=Ge;M.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 ve="button",Ye=ve;var _=require("react/jsx-runtime"),re="k-button",Wt=["icon-button"],Xt=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Gt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ke={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:u=ke.showArrow,arrowIconName:c=ke.arrowIconName,variant:h,hover:x,focus:d,active:f,selected:b,disabled:K,togglable:D,ariaDisabled:B,icon:C,text:v,iconClassName:ee,className:Lt,...At}=e,yt=C!==void 0,wt=e.children!==void 0;return(0,_.jsxs)(t,{className:i(Lt,re,$e(re,h),F(re,{size:o,rounded:a,fillMode:r,themeColor:l}),G(re,{hover:x,focus:d,active:f,disabled:K||B,selected:b}),{"k-icon-button":!v&&!wt&&yt}),...At,"aria-pressed":D?b?"true":"false":void 0,"aria-disabled":B?"true":void 0,disabled:K||void 0,children:[C&&(0,_.jsx)(M,{className:i(ee,"k-button-icon"),icon:C}),v?(0,_.jsxs)(_.Fragment,{children:[v&&(0,_.jsx)("span",{className:"k-button-text",children:v}),e.children]}):e.children&&(0,_.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,_.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,_.jsx)(M,{icon:c})})]})};m.states=Xt;m.options=Gt;m.variants=Wt;m.className=re;m.defaultOptions=ke;m.moduleName=ve;m.folderName=Ye;m.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var je=require("react/jsx-runtime"),Ze=e=>(0,je.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var tt=require("react/jsx-runtime"),et=e=>(0,tt.jsx)(m,{icon:"folder",children:"Button",...e});var nt=require("react/jsx-runtime"),ot=e=>(0,nt.jsx)(m,{children:"Button",...e});var pe=require("react/jsx-runtime"),Jt=m.options,qt=m.states,Qt={...m.defaultOptions,variant:"text"},Yt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zt=[],Q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,pe.jsx)(Ze,{...o,icon:"star"});case"icon-and-text":return(0,pe.jsx)(et,{...o,icon:"star",children:"Button"});default:return(0,pe.jsx)(ot,{...o,children:"Button"})}};Q.options=Jt;Q.states=qt;Q.variants=Yt;Q.defaultOptions=Qt;Q.modifiers=Zt;Q.className=m.className;var ge="menu-button",rt=ge;var st=require("react/jsx-runtime"),at="k-menu-button",jt=[p.hover,p.focus,p.active,p.selected,p.disabled],eo={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[L.undefined,L.none,L.small,L.medium,L.large,L.full],fillMode:[A.undefined,A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},Ee={showArrow:!0,arrowIconName:"chevron-down"},y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,text:f,showArrow:b=Ee.showArrow,arrowIconName:K=Ee.arrowIconName,expanded:D,...B}=e;return(0,st.jsx)(m,{...B,className:i(e.className,at),text:f,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:c,selected:h,disabled:x,icon:d,showArrow:b,arrowIconName:K,"aria-expanded":D?"true":"false",...!f&&d&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};y.states=jt;y.options=eo;y.className=at;y.defaultOptions=Ee;y.moduleName=ge;y.folderName=rt;y.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var to=require("react/jsx-runtime");var oo=require("react/jsx-runtime");var no=require("react/jsx-runtime");var w="menu",S=w;var V=require("react/jsx-runtime"),Le="k-menu-item",ro=[p.hover,p.focus,p.active,p.selected,p.disabled],ao={},it={iconPosition:"before"},k=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=it.iconPosition,dir:K,children:D,expanded:B,...C}=e,v=f;return v||(v=K==="rtl"?"chevron-left":"chevron-right"),(0,V.jsxs)("li",{...C,className:i(e.className,Le,"k-item",G(Le,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":B?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,V.jsxs)("span",{className:i("k-link k-menu-link"),children:[u&&b==="before"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,V.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,V.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,V.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,V.jsx)(M,{icon:v})})]}),D]})};k.states=ro;k.options=ao;k.className=Le;k.defaultOptions=it;k.moduleName=w;k.folderName=S;var W=require("react/jsx-runtime"),Ae="k-menu-item",so=[p.hover,p.focus,p.active,p.selected,p.disabled],io={},ye={dir:"ltr",iconPosition:"before"},g=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:c,first:h,last:x,showArrow:d,arrowIconName:f,iconPosition:b=ye.iconPosition,dir:K=ye.dir,children:D,popup:B,expanded:C,...v}=e,ee=f;return ee||(ee=K==="rtl"?"chevron-left":"chevron-right"),(0,W.jsxs)("li",{...v,className:i(e.className,Ae,"k-item",G(Ae,{focus:o,disabled:l}),{"k-first":h,"k-last":x}),role:"menuitem",...d&&{"aria-haspopup":"menu"},...d&&{"aria-expanded":C?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,W.jsxs)("span",{className:i("k-link k-menu-link",G("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[u&&b==="before"&&(0,W.jsx)(M,{className:"k-menu-link-icon",icon:u}),(0,W.jsx)("span",{className:"k-menu-link-text",children:c}),u&&b==="after"&&(0,W.jsx)(M,{className:"k-menu-link-icon",icon:u}),d&&(0,W.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,W.jsx)(M,{icon:ee})})]}),D,B]})};g.states=so;g.options=io;g.className=Ae;g.defaultOptions=ye;g.moduleName=w;g.folderName=S;var mt=require("react/jsx-runtime"),lt="k-menu-scroll-wrapper",lo=[],uo={},mo={},q=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,mt.jsx)("div",{...r,className:i(t,lt,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};q.states=lo;q.options=uo;q.className=lt;q.defaultOptions=mo;q.moduleName=w;q.folderName=S;var ut=q;var I=require("react/jsx-runtime"),we="k-menu",co=[],po={},fe={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},N=e=>{let{children:t,orientation:o=fe.orientation,header:a=fe.header,scrollable:r,scrollButtonsPosition:l=fe.scrollButtonsPosition,wrapperStyles:u,dir:c,popup:h,contextMenu:x,...d}=e,f={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,I.jsx)("ul",{dir:c,...d,className:i(e.className,"k-reset",we,{[`${we}-${o}`]:o,"k-header":a}),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,I.jsxs)(I.Fragment,{children:[r?(0,I.jsxs)(ut,{orientation:o,style:u,dir:e.dir,children:[l==="start"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,l==="end"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,h]})};N.states=co;N.options=po;N.className=we;N.defaultOptions=fe;N.moduleName=w;N.folderName=S;N.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var pt=require("react/jsx-runtime"),Oe="k-separator",ct={orientation:"horizontal"},Y=e=>{let{orientation:t=ct.orientation,...o}=e;return(0,pt.jsx)("li",{...o,className:i(e.className,"k-item",Oe,{[`${Oe}-${t}`]:t}),role:"separator"})};Y.className=Oe;Y.defaultOptions=ct;Y.moduleName=w;Y.folderName=S;var dt=require("react/jsx-runtime");var ft=require("react/jsx-runtime"),Be="k-menu-group",fo=[],bo={size:[s.undefined,s.small,s.medium,s.large]},xo={},T=e=>{let{children:t,size:o,...a}=e;return(0,ft.jsx)("ul",{...a,className:i(e.className,Be,F(Be,{size:o})),role:"menu",children:t})};T.states=fo;T.options=bo;T.className=Be;T.defaultOptions=xo;T.moduleName=w;T.folderName=S;var P=require("react/jsx-runtime"),Se=e=>(0,P.jsx)(N,{children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(k,{first:!0,text:"Item 1"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,P.jsx)(k,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,P.jsx)(k,{text:"Item 4"}),(0,P.jsx)(k,{last:!0,text:"Item 5"})]}),...e});var Te="popup",bt=Te;var Ce=require("react/jsx-runtime"),xt="k-animation-container",Mo=[],ho={},Mt={positionMode:"absolute"},X=e=>{let{positionMode:t=Mt.positionMode,animationStyle:o,offset:a,...r}=e;return(0,Ce.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,xt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ce.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};X.states=Mo;X.options=ho;X.className=xt;X.defaultOptions=Mt;X.moduleName=Te;X.folderName=bt;var _e="popup",ht=_e;var Pe=require("react/jsx-runtime"),Nt="k-popup",No=[],Io={},It={positionMode:"absolute"},O=e=>{let{offset:t,positionMode:o=It.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:u,...c}=e;return(0,Pe.jsx)(X,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":u,children:(0,Pe.jsx)("div",{...c,className:i(e.className,Nt),children:e.children})})};O.states=No;O.options=Io;O.className=Nt;O.defaultOptions=It;O.moduleName=_e;O.folderName=ht;O.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 Ke=require("react/jsx-runtime");var Re=require("react/jsx-runtime");var ze=require("react/jsx-runtime");var Ue=require("react/jsx-runtime");var z=require("react/jsx-runtime"),vo={...N.options,scrollable:{type:"boolean"}},ko=N.states,vt={...N.defaultOptions,variant:"horizontal"},go=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Eo=[{name:"opened",title:"Opened"}],Z=e=>{let{variant:t,modifiers:o,...a}={...vt,...e},r={};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!(o!=null&&o[l]),r.popup=(0,z.jsx)(O,{className:"k-menu-popup",children:(0,z.jsxs)(T,{children:[(0,z.jsx)(g,{text:"Item 1"}),(0,z.jsx)(g,{text:"Item 2"}),(0,z.jsx)(Y,{}),(0,z.jsx)(g,{text:"Item 3"})]})}))}),t==="vertical"?(0,z.jsx)(Se,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,z.jsx)(Se,{...a,...r})};Z.options=vo;Z.states=ko;Z.variants=go;Z.defaultOptions=vt;Z.modifiers=Eo;Z.className=N.className;var He=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var E=require("react/jsx-runtime"),Ao=m.states,kt={...m.defaultOptions,variant:"text"},yo=m.options,wo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Oo=[{name:"opened",title:"Opened"}],j=e=>{let{variant:t,modifiers:o,...a}={...kt,...e},r={},l=(0,E.jsx)(O,{className:"k-menu-popup",children:(0,E.jsxs)(T,{size:a.size,children:[(0,E.jsx)(g,{first:!0,text:"Menu Item"}),(0,E.jsx)(g,{text:"Menu Item"}),(0,E.jsx)(g,{last:!0,text:"Menu Item"})]})}),u;switch(t){case"icon-only":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star"})});break;case"icon-and-text":u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:u=(0,E.jsx)("div",{children:(0,E.jsx)(y,{...a,...r,children:"Dropdown Button"})});break}return(0,E.jsxs)(E.Fragment,{children:[u,(o==null?void 0:o.opened)&&l]})};j.options=yo;j.states=Ao;j.variants=wo;j.defaultOptions=kt;j.modifiers=Oo;j.className=y.className;var De="file-box",gt=De;var U=require("react/jsx-runtime"),Et="k-file-box",Bo=[p.selected],So={},ae={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},H=e=>{let{icon:t=ae.icon,name:o=ae.name,size:a=ae.size,status:r,deleted:l,removeButton:u,showButton:c=ae.showButton,...h}=e,x=[o,a].filter(Boolean).join(" ");return(0,U.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":x||void 0,...h,className:i(Et,e.className,{"k-file-deleted":l}),children:[(0,U.jsx)(M,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,U.jsxs)("div",{className:"k-file-info",children:[o&&(0,U.jsx)("span",{className:"k-file-name",children:o}),a&&(0,U.jsx)("span",{className:"k-file-size",children:a}),r&&(0,U.jsx)("span",{className:"k-file-status",children:r})]}),c&&(u?(0,U.jsx)(m,{as:"span",icon:"x-circle",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,U.jsx)(y,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};H.states=Bo;H.options=So;H.className=Et;H.defaultOptions=ae;H.moduleName=De;H.folderName=gt;H.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var se=require("react/jsx-runtime"),To=e=>(0,se.jsxs)(ue,{layout:"vertical",...e,children:[(0,se.jsx)(H,{tabIndex:0}),(0,se.jsx)(H,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1})]});