@progress/kendo-themes-html/dist/esm/upload/templates/upload-with-action-buttons.mjs

A collection of HTML helpers used for developing Kendo UI themes

var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var O=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),y=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:l,checked:p,active:i,selected:m,disabled:h,indeterminate:g,loading:z,empty:M,readonly:Q,highlighted:de,...K}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":l,"k-checked":p,"k-active":i,"k-selected":m,"k-disabled":h,"k-indeterminate":g&&!p,"k-loading":z,"k-empty":M,"k-readonly":Q,"k-highlighted":de},Object.keys(K).reduce((k,L)=>(L.startsWith("k-")?k[L]=K[L]:k[`k-${L}`]=K[L],k),{}))};function Oe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},I={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},P={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},B={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},f={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var pe="action-buttons",Ie=pe;import{jsx as it}from"react/jsx-runtime";var Y="k-actions",nt=[],rt={},ce={alignment:"start",orientation:"horizontal"},T=e=>{let{alignment:t=ce.alignment,orientation:o=ce.orientation,...a}=e;return it("div",{...a,className:r(Y,{[`${Y}-${t}`]:t,[`${Y}-${o}`]:o},e.className),children:e.children})};T.states=nt;T.options=rt;T.className=Y;T.defaultOptions=ce;T.moduleName=pe;T.folderName=Ie;var Pe=T;import{Fragment as ct,jsx as Te}from"react/jsx-runtime";var ue="k-font-icon",lt=[],dt={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},pt={},H=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:l,...p}=e;return a?Te("span",{...p,className:r(e.className,ue,O(ue,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):Te(ct,{})};H.states=lt;H.options=dt;H.className=ue;H.defaultOptions=pt;var _e=H;import{Fragment as ft,jsx as j}from"react/jsx-runtime";var me="k-svg-icon",ut=[],mt={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[B.outline,B.solid,B.duotone]},fe={viewBox:"0 0 24 24",variant:B.outline},$=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:l=fe.viewBox,variant:p=fe.variant,icon:i,...m}=e;if(!i)return j(ft,{});if(i==="none")return j("span",{...m,className:r(e.className,me,O("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let h=typeof i=="object"&&i.name&&i.name,g=typeof i=="object"?p&&i.variants?.[p]||i.variants?.outline||i.content:void 0;return j("span",{...m,className:r(e.className,me,O("k-icon",{size:t}),{[`k-svg-i-${h}`]:h,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:j("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:l,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:i?void 0:e.children})})};$.states=ut;$.options=mt;$.className=me;$.defaultOptions=fe;var ge=$;import*as be from"@progress/kendo-svg-icons";var Ee="icon",ze="icons";import{useContext as bt}from"react";import{createContext as gt}from"react";var Ke=gt({iconsType:"svg"});import{Fragment as we,jsx as V}from"react/jsx-runtime";var ee="k-icon",ht=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),vt=[],xt={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[B.outline,B.solid,B.duotone]},te={viewBox:"0 0 24 24",type:"svg",variant:B.outline},b=e=>{let{iconsType:t}=bt(Ke),{size:o,themeColor:a,icon:n,type:l=t||te.type,rotate:p,flip:i,viewBox:m=te.viewBox,variant:h=te.variant,...g}=e;if(!n)return V(we,{});if((t||l)==="svg"){if(n==="none")return V(ge,{...g,className:r(e.className,ee),icon:n,size:o,variant:h});let M=be[n]?n:ht(`${n}-icon`);return be[M]?V(ge,{...g,className:r(e.className,ee),icon:be[M],size:o,themeColor:a,rotate:p,flip:i,viewBox:m,variant:h}):V(we,{})}return V(_e,{...g,className:r(e.className,ee),icon:n,size:o,themeColor:a,rotate:p,flip:i})};b.states=vt;b.options=xt;b.defaultOptions=te;b.className=ee;b.moduleName=Ee;b.folderName=ze;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 he="button",Re=he;import{Fragment as Fe,jsx as w,jsxs as De}from"react/jsx-runtime";var G="k-button",kt=["icon-button"],Nt=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],yt={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[I.undefined,I.none,I.small,I.medium,I.large,I.full],fillMode:[P.undefined,P.solid,P.flat,P.outline,P.clear,P.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.inverse]},ve={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:l,showArrow:p=ve.showArrow,arrowIconName:i=ve.arrowIconName,variant:m,hover:h,focus:g,active:z,selected:M,disabled:Q,togglable:de,ariaDisabled:K,icon:k,iconSize:L,text:X,iconClassName:et,className:tt,...ot}=e,at=k!=null,st=e.children!==void 0;return De(t,{className:r(tt,G,Oe(G,m),O(G,{size:o,rounded:a,fillMode:n,themeColor:l}),y(G,{hover:h,focus:g,active:z,disabled:Q||K,selected:M}),{"k-icon-button":!X&&!st&&at}),"aria-pressed":de?M?"true":"false":void 0,...ot,"aria-disabled":K?"true":void 0,disabled:Q||void 0,children:[typeof k=="string"&&k&&w(b,{className:r(et,"k-button-icon"),icon:k,size:L}),k&&typeof k!="string"&&w(Fe,{children:k}),X?De(Fe,{children:[X&&w("span",{className:"k-button-text",children:X}),e.children]}):e.children&&w("span",{className:"k-button-text",children:e.children}),p&&w("span",{className:"k-menu-button-arrow k-button-arrow",children:w(b,{icon:i})})]})};c.states=Nt;c.options=yt;c.variants=kt;c.className=G;c.defaultOptions=ve;c.moduleName=he;c.folderName=Re;c.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 Bt}from"react/jsx-runtime";var He=e=>Bt(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Mt}from"react/jsx-runtime";var $e=e=>Mt(c,{icon:"folder",children:"Button",...e});import{jsx as At}from"react/jsx-runtime";var Ve=e=>At(c,{children:"Button",...e});import{jsx as xe}from"react/jsx-runtime";var Ct=c.options,Ut=c.states,St={...c.defaultOptions,variant:"text"},Lt=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ot=[],R=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return xe(He,{...o,icon:"star"});case"icon-and-text":return xe($e,{...o,icon:"star",children:"Button"});default:return xe(Ve,{...o,children:"Button"})}};R.options=Ct;R.states=Ut;R.variants=Lt;R.defaultOptions=St;R.modifiers=Ot;R.className=c.className;import{Fragment as oe,jsx as U,jsxs as q}from"react/jsx-runtime";var ke="k-upload-dropzone",It=[f.hover],ae=e=>{let{hover:t,status:o,disabled:a,hasFiles:n,filesId:l,...p}=e,i;switch(o){case"uploading":i=q(oe,{children:[U(b,{icon:"upload"}),"Uploading..."]});break;case"done":i=q(oe,{children:[U(b,{icon:"check"}),"Done"]});break;case"failed":i=q(oe,{children:[U(b,{icon:"exclamation-circle"}),"Done"]});break;default:i=U(oe,{});break}return q("div",{...p,className:r(e.className,ke,"k-dropzone",y(ke,{hover:t})),children:[q("div",{className:"k-upload-button-wrap",children:[U(c,{className:"k-upload-button","aria-disabled":a?"true":"false",...n&&l?{"aria-controls":l}:{},children:"Select files..."}),U("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),U("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&U("span",{className:"k-upload-status",children:i})]})};ae.states=It;ae.className=ke;var Ne="upload",Ge=Ne;import{jsx as se,jsxs as We}from"react/jsx-runtime";var ye="k-upload",Pt=[f.hover,f.disabled],Tt={},Ze={actionsLayout:"end"},qe="upload-files-list",u=e=>{let{async:t,empty:o,actions:a,actionsLayout:n=Ze.actionsLayout,hover:l,status:p,disabled:i,...m}=e,h=!!e.children;return We("div",{...m,className:r(e.className,ye,y(ye,{disabled:i}),{"k-upload-async":t,"k-upload-empty":o}),children:[se(ae,{status:p,hover:l,disabled:i,hasFiles:h,filesId:qe}),h&&se("ul",{className:"k-upload-files",role:"list",id:qe,children:e.children}),a&&h&&We(Pe,{alignment:n,orientation:"horizontal",children:[se(c,{className:"k-clear-selected",children:"Clear"}),se(c,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};u.states=Pt;u.options=Tt;u.className=ye;u.defaultOptions=Ze;u.moduleName=Ne;u.folderName=Ge;u.ariaSpec={selector:".k-upload",rules:[{selector:".k-upload .k-upload-button",attribute:"aria-disabled",usage:"Announces the disabled state of the upload button."},{selector:".k-upload .k-upload-button",attribute:"aria-controls (when present)",usage:"Creates the relationship between the button and the list of selected files when the list is present."},{selector:".k-upload input",attribute:"tabindex=-1",usage:"Assures that the input element inside the upload is not focusable."},{selector:".k-upload input",attribute:"aria-hidden=true",usage:"The input needs to be hidden from screen readers."},{selector:".k-upload-files",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-upload-files",attribute:"id",usage:"Unique and deterministic id linked to the button aria-controls attribute."},{selector:".k-upload-files .k-file",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-upload .k-file .k-file-validation-message",attribute:"aria-live=polite",usage:"Announces the change in the upload status of the file."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"aria-label",usage:"Provides accessible names for the file action buttons."},{selector:".k-upload .k-upload-actions .k-upload-action",attribute:"tabindex=-1",usage:"The list file action buttons are not focusable elements."}]};var W="progressbar",ne=W;import{jsx as Me,jsxs as Be}from"react/jsx-runtime";var N="k-progressbar",_t=[f.disabled,f.indeterminate],Et={orientation:["horizontal","vertical"]},_={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},v=e=>{let{disabled:t,height:o,indeterminate:a=_.indeterminate,label:n=_.label,labelPosition:l=_.labelPosition,orientation:p=_.orientation,reverse:i=_.reverse,value:m=_.value,width:h,style:g,ariaLabel:z,...M}=e;return Be("div",{...M,className:r(e.className,N,y(N,{disabled:t}),{[`${N}-${p}`]:p,[`${N}-indeterminate`]:a,[`${N}-reverse`]:i}),style:{...g,"--kendo-progressbar-value":m,[p==="horizontal"?"height":"width"]:p==="horizontal"?o:h},role:"progressbar","aria-label":z||"progress","aria-valuenow":a?void 0:Number(m),"aria-valuemin":0,"aria-valuemax":100,children:[Me("span",{className:r("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!a}),children:n&&Be("span",{className:"k-progress-status",children:[m,"%"]})}),!a&&Me("div",{className:"k-progressbar-value k-selected",children:Me("span",{className:r("k-progress-status-wrap",{[`k-progress-${l}`]:l}),children:n&&Be("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};v.states=_t;v.options=Et;v.className=N;v.defaultOptions=_;v.moduleName=W;v.folderName=ne;v.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var Je=v;import{jsx as Ae}from"react/jsx-runtime";var Qe="k-chunk-progressbar",zt=(e,t)=>t<=e-1,Kt=[f.disabled,f.indeterminate],wt={},re={chunkCount:5,orientation:"horizontal",progress:0},E=e=>{let{disabled:t,chunkCount:o=re.chunkCount,indeterminate:a,orientation:n=re.orientation,progress:l=re.progress,reverse:p,ariaLabel:i,...m}=e;return Ae("div",{...m,className:r(e.className,N,Qe,y(N,{disabled:t}),{[`${N}-${n}`]:n,[`${N}-indeterminate`]:a,[`${N}-reverse`]:p}),role:"progressbar","aria-label":i||"progress","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":o,children:Ae("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((h,g)=>Ae("li",{className:r("k-progressbar-chunk",{"k-first":g===0,"k-last":g===[...Array(o)].length-1,"k-selected":zt(l,g)})},g))})})};E.states=Kt;E.options=wt;E.className=Qe;E.defaultOptions=re;E.moduleName=W;E.folderName=ne;E.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};import{jsx as Rt}from"react/jsx-runtime";var Z=e=>Rt(Je,{...e});import{jsx as $a}from"react/jsx-runtime";import{jsx as S}from"react/jsx-runtime";var Ft=v.options,Dt=v.states,Xe={...v.defaultOptions,variant:"start"},Ht=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],$t=[],F=e=>{let{variant:t,modifiers:o,...a}={...Xe,...e},n={},l={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(p=>{switch(p){case"reverse":n.reverse=!!o?.[p];break;case"vertical":n.orientation=o?.[p]?"vertical":void 0,l.style=o?.[p]?void 0:{width:"324px"};break}}),t){case"end":return S("div",{...l,children:S(Z,{...a,...n,labelPosition:"end",value:"50"})});case"center":return S("div",{...l,children:S(Z,{...a,...n,labelPosition:"center",value:"50"})});case"empty":return S("div",{...l,children:S(Z,{...a,...n,label:!1,value:"50"})});default:return S("div",{...l,children:S(Z,{...a,...n,labelPosition:"start",value:"50"})})}};F.options=Ft;F.states=Dt;F.variants=Ht;F.defaultOptions=Xe;F.modifiers=$t;F.className=v.className;import{jsx as Ce,jsxs as Gt}from"react/jsx-runtime";var Vt="k-file-info",Ue=e=>{let{name:t,size:o,validationMsg:a,...n}=e;return Gt("div",{...n,className:r(e.className,Vt),children:[t&&Ce("span",{className:"k-file-name",children:t}),o&&Ce("span",{className:"k-file-size",children:o}),a&&Ce("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Wt,jsx as A,jsxs as ie}from"react/jsx-runtime";var qt="k-file",x=e=>{let{status:t,progress:o,name:a,icon:n,size:l,state:p,validationMsg:i,...m}=e;return A("li",{...m,className:r(e.className,qt,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:ie("div",{className:"k-file-single",children:[A(v,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),ie("span",{className:"k-file-icon-wrapper",children:[A(b,{className:"k-file-icon",icon:n,size:"xxlarge"}),p&&A("span",{className:"k-file-state",children:p})]}),A(Ue,{name:a,size:l,validationMsg:i}),A("div",{className:"k-upload-actions",children:t==="progress"?ie(Wt,{children:[ie("span",{className:"k-upload-pct",children:[o,"%"]}),A(c,{icon:"pause-sm",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),A(c,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):A(c,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as xs,jsx as hs,jsxs as vs}from"react/jsx-runtime";import{Fragment as Zt,jsx as Se,jsxs as Jt}from"react/jsx-runtime";var J=e=>Se(u,{async:!0,children:Jt(Zt,{children:[Se(x,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Se(x,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as Ls,jsx as Us,jsxs as Ss}from"react/jsx-runtime";import{jsx as Qt}from"react/jsx-runtime";var Ye=e=>Qt(u,{async:!0,empty:!0,...e});import{Fragment as Ks,jsx as zs,jsxs as ws}from"react/jsx-runtime";import{jsx as C,jsxs as le}from"react/jsx-runtime";var Xt=u.options,Yt=u.states,je={...u.defaultOptions,variant:"empty"},jt=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],eo=[],D=e=>{let{variant:t,...o}={...je,...e};switch(t){case"success":return le(J,{status:"done",style:{width:"586px"},...o,children:[C(x,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),C(x,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return le(J,{status:"failed",style:{width:"586px"},...o,children:[C(x,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),C(x,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return le(J,{status:"uploading",style:{width:"586px"},...o,children:[C(x,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),C(x,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return le(J,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[C(x,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),C(x,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return C(Ye,{async:!0,status:"upload",style:{width:"586px"},...o})}};D.options=Xt;D.states=Yt;D.variants=jt;D.defaultOptions=je;D.modifiers=eo;D.className=u.className;import{Fragment as to,jsx as Le,jsxs as oo}from"react/jsx-runtime";var rn=e=>Le(u,{async:!0,actions:!0,children:oo(to,{children:[Le(x,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Le(x,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});export{rn as UploadWithActionButtons};