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

package/dist/esm/file-box/templates/file-box-remove-button.mjs

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

package/dist/esm/file-box/templates/file-box-vertical.mjs

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