mainstack-design-system 1.23.0 → 1.23.2

package/dist/mainstack-design-system20.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("./utils-CpiHnfHs.cjs"),n=require("./mainstack-design-system405.cjs"),t=require("./mainstack-design-system406.cjs"),r=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const q=require("./mainstack-design-system111.cjs"),I=require("./mainstack-design-system134.cjs");require("react");require("./player-CWqTo6h8.cjs");const g=require("./mainstack-design-system26.cjs"),B=require("./mainstack-design-system634.cjs"),s=({className:i,onLibrarySelect:a,children:o,...c})=>{const{accept:d,maxFiles:l,minSize:u,maxSize:m,onFilesSelected:p}=g.useImageUploaderContext();return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:j.cn("mds:flex mds:absolute mds:left-1/2 mds:-translate-x-1/2 mds:bottom-24 mds:justify-center mds:items-center mds:gap-8",i),...c,children:o||e.jsxs(e.Fragment,{children:[e.jsx(B.DropzoneUploadArea,{onDrop:(x,_)=>p(x,_,"replace"),accept:d,maxFiles:l,minSize:u,maxSize:m,noDrag:!0,asChild:!0,children:e.jsxs(r.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(n.ButtonIcon,{children:e.jsx(I,{})}),e.jsx(t.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(r.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:a,children:[e.jsx(n.ButtonIcon,{children:e.jsx(q,{})}),e.jsx(t.ButtonLabel,{children:"Select from library"})]})]})})};s.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("./utils-CpiHnfHs.cjs"),n=require("./mainstack-design-system405.cjs"),t=require("./mainstack-design-system406.cjs"),r=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const q=require("./mainstack-design-system111.cjs"),I=require("./mainstack-design-system134.cjs");require("react");require("./player-CWqTo6h8.cjs");const g=require("./mainstack-design-system26.cjs"),B=require("./mainstack-design-system635.cjs"),s=({className:i,onLibrarySelect:a,children:o,...c})=>{const{accept:d,maxFiles:l,minSize:u,maxSize:m,onFilesSelected:p}=g.useImageUploaderContext();return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:j.cn("mds:flex mds:absolute mds:left-1/2 mds:-translate-x-1/2 mds:bottom-24 mds:justify-center mds:items-center mds:gap-8",i),...c,children:o||e.jsxs(e.Fragment,{children:[e.jsx(B.DropzoneUploadArea,{onDrop:(x,_)=>p(x,_,"replace"),accept:d,maxFiles:l,minSize:u,maxSize:m,noDrag:!0,asChild:!0,children:e.jsxs(r.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(n.ButtonIcon,{children:e.jsx(I,{})}),e.jsx(t.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(r.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:a,children:[e.jsx(n.ButtonIcon,{children:e.jsx(q,{})}),e.jsx(t.ButtonLabel,{children:"Select from library"})]})]})})};s.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=s;

package/dist/mainstack-design-system20.js

@@ -12,7 +12,7 @@ import z from "./mainstack-design-system134.js";
 import "react";
 import "./player-DRUnlXe4.js";
 import { useImageUploaderContext as I } from "./mainstack-design-system26.js";
-import { DropzoneUploadArea as U } from "./mainstack-design-system634.js";
+import { DropzoneUploadArea as U } from "./mainstack-design-system635.js";
 const y = ({
   className: a,
   onLibrarySelect: n,

package/dist/mainstack-design-system25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./utils-CpiHnfHs.cjs"),u=require("./mainstack-design-system634.cjs"),g=require("./mainstack-design-system26.cjs");require("./mainstack-design-system370.cjs");const x=require("./mainstack-design-system57.cjs");require("react");require("./player-CWqTo6h8.cjs");const o=({className:r,children:t,...n})=>{const{onFilesSelected:a,accept:s,minSize:l,maxSize:d,maxFiles:i}=g.useImageUploaderContext();return e.jsxs(u.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:c.cn("mds:flex mds:relative mds:flex-col mds:items-center mds:gap-8 mds:justify-center mds:p-24 mds:text-center mds:h-full",r),onDrop:(m,p)=>a(m,p,"replace"),accept:s,maxFiles:i,minSize:l,maxSize:d,asChild:!0,...n,children:[e.jsx(x,{variant:"filled"}),t]})};o.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./utils-CpiHnfHs.cjs"),u=require("./mainstack-design-system635.cjs"),g=require("./mainstack-design-system26.cjs");require("./mainstack-design-system370.cjs");const x=require("./mainstack-design-system57.cjs");require("react");require("./player-CWqTo6h8.cjs");const o=({className:r,children:t,...n})=>{const{onFilesSelected:a,accept:s,minSize:l,maxSize:d,maxFiles:i}=g.useImageUploaderContext();return e.jsxs(u.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:c.cn("mds:flex mds:relative mds:flex-col mds:items-center mds:gap-8 mds:justify-center mds:p-24 mds:text-center mds:h-full",r),onDrop:(m,p)=>a(m,p,"replace"),accept:s,maxFiles:i,minSize:l,maxSize:d,asChild:!0,...n,children:[e.jsx(x,{variant:"filled"}),t]})};o.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=o;

package/dist/mainstack-design-system25.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { c } from "./utils-C21jc49d.js";
-import { DropzoneUploadArea as f } from "./mainstack-design-system634.js";
+import { DropzoneUploadArea as f } from "./mainstack-design-system635.js";
 import { useImageUploaderContext as x } from "./mainstack-design-system26.js";
 import "./mainstack-design-system370.js";
 import u from "./mainstack-design-system57.js";

package/dist/mainstack-design-system27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system28.cjs"),o=require("./mainstack-design-system36.cjs"),r=require("./mainstack-design-system33.cjs"),l=require("./mainstack-design-system34.cjs"),p=require("./mainstack-design-system31.cjs"),i=require("./mainstack-design-system30.cjs"),a=require("./mainstack-design-system35.cjs"),t=require("./mainstack-design-system32.cjs"),d={Root:e.FileUploaderRoot,DropZone:o.FileUploaderDropzone,DropZoneTitle:r.FileUploaderDropzoneTitle,DropZoneSubtext:l.FileUploaderDropzoneSubtext,DropzoneActions:a.FileUploaderDropzoneActions,Preview:p.FileUploaderPreview,PreviewItem:i.FileUploaderPreviewItem,Error:t.FileUploaderError};exports.FileUploaderRoot=e.FileUploaderRoot;exports.FileUploaderDropzone=o.FileUploaderDropzone;exports.FileUploaderDropzoneTitle=r.FileUploaderDropzoneTitle;exports.FileUploaderDropzoneSubtext=l.FileUploaderDropzoneSubtext;exports.FileUploaderPreview=p.FileUploaderPreview;exports.FileUploaderPreviewItem=i.FileUploaderPreviewItem;exports.FileUploaderError=t.FileUploaderError;exports.FileUploaderGroup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system28.cjs"),o=require("./mainstack-design-system37.cjs"),r=require("./mainstack-design-system34.cjs"),l=require("./mainstack-design-system35.cjs"),p=require("./mainstack-design-system32.cjs"),i=require("./mainstack-design-system31.cjs"),a=require("./mainstack-design-system36.cjs"),t=require("./mainstack-design-system33.cjs"),d={Root:e.FileUploaderRoot,DropZone:o.FileUploaderDropzone,DropZoneTitle:r.FileUploaderDropzoneTitle,DropZoneSubtext:l.FileUploaderDropzoneSubtext,DropzoneActions:a.FileUploaderDropzoneActions,Preview:p.FileUploaderPreview,PreviewItem:i.FileUploaderPreviewItem,Error:t.FileUploaderError};exports.FileUploaderRoot=e.FileUploaderRoot;exports.FileUploaderDropzone=o.FileUploaderDropzone;exports.FileUploaderDropzoneTitle=r.FileUploaderDropzoneTitle;exports.FileUploaderDropzoneSubtext=l.FileUploaderDropzoneSubtext;exports.FileUploaderPreview=p.FileUploaderPreview;exports.FileUploaderPreviewItem=i.FileUploaderPreviewItem;exports.FileUploaderError=t.FileUploaderError;exports.FileUploaderGroup=d;

package/dist/mainstack-design-system27.js

@@ -1,11 +1,11 @@
 import { FileUploaderRoot as o } from "./mainstack-design-system28.js";
-import { FileUploaderDropzone as r } from "./mainstack-design-system36.js";
-import { FileUploaderDropzoneTitle as e } from "./mainstack-design-system33.js";
-import { FileUploaderDropzoneSubtext as p } from "./mainstack-design-system34.js";
-import { FileUploaderPreview as i } from "./mainstack-design-system31.js";
-import { FileUploaderPreviewItem as t } from "./mainstack-design-system30.js";
-import { FileUploaderDropzoneActions as l } from "./mainstack-design-system35.js";
-import { FileUploaderError as m } from "./mainstack-design-system32.js";
+import { FileUploaderDropzone as r } from "./mainstack-design-system37.js";
+import { FileUploaderDropzoneTitle as e } from "./mainstack-design-system34.js";
+import { FileUploaderDropzoneSubtext as p } from "./mainstack-design-system35.js";
+import { FileUploaderPreview as i } from "./mainstack-design-system32.js";
+import { FileUploaderPreviewItem as t } from "./mainstack-design-system31.js";
+import { FileUploaderDropzoneActions as l } from "./mainstack-design-system36.js";
+import { FileUploaderError as m } from "./mainstack-design-system33.js";
 const v = {
   Root: o,
   DropZone: r,

package/dist/mainstack-design-system28.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),Y=require("./mainstack-design-system37.cjs"),_=require("./index-C8aODXfJ.cjs"),w=require("./utils-CpiHnfHs.cjs"),a=require("react"),G=require("./mainstack-design-system29.cjs"),F=({values:O,onValuesChange:P,defaultValues:y=[],isDisabled:i,accept:U={"file/*":[".pdf",".txt",".docx"]},maxFiles:t=4,minSize:b,maxSize:s,multiple:c=!0,onError:p,children:S,className:V,isError:v,uploadModalOpen:j,defaultUploadModalOpen:k=!1,onUploadModalOpenChange:z,onUpload:B,uploadProgress:R,isUploading:T,...A})=>{const[o,q]=_.useControllableState({prop:O,defaultProp:y,onChange:P}),[I,f]=a.useState(null),[L,g]=_.useControllableState({prop:j,defaultProp:k,onChange:z}),u=a.useCallback(e=>{f(null),q(e)},[q]),n=a.useCallback(e=>{const l=e instanceof Error?e.message:"An error occurred";f(l),p&&p(e)},[p]),E=a.useCallback(async(e,l)=>{const H=o.length,N=t-H;if(e.length>N||l.length>0){if(e.length>N||l.some(r=>r.errors.some(d=>d.code==="too-many-files")))return n(new Error(`You can only upload a maximum of ${t} files.`));if(l.some(r=>r.errors.some(d=>d.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return n(new Error(`File size exceeds the ${r}MB limit.`))}return n(new Error("Invalid file type or criteria."))}try{const r=w.getFileMetadata(e).filter(m=>!o.some(C=>C.fileName===m.fileName&&C.fileSize===m.fileSize&&C.lastModified===m.lastModified)),d=[...o,...r].slice(0,t);r.length>0&&(u(d),g(!0))}catch(h){n(h)}},[t,s,n,u,g,o]),$=!c||o.length>=t,x=o.length>0&&$,D=a.Children.map(S,e=>a.isValidElement(e)&&e.type?.displayName==="FileUploaderDropzone"&&x?null:e);return M.jsxs(Y.FileUploaderContext.Provider,{value:{values:o,defaultValues:y,isDisabled:i,accept:U,maxFiles:t,minSize:b,maxSize:s,multiple:c,error:I,setError:f,onValuesChange:u,onFilesSelected:E,onError:n,isError:v},children:[M.jsx("div",{"data-disabled":i,"aria-disabled":i,"data-error":v,"data-slot":"file-uploader-root",className:w.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",V),...A,children:D}),M.jsx(G.UploaderModal,{open:!!L,onOpenChange:g,values:o,onValuesChange:u,onFilesSelected:E,onUpload:B,uploadProgress:R,isUploading:T,isDisabled:i,accept:U,maxFiles:t,minSize:b,maxSize:s,multiple:c})]})};F.displayName="FileUploaderRoot";exports.FileUploaderRoot=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-runtime"),G=require("./mainstack-design-system621.cjs"),_=require("./index-C8aODXfJ.cjs"),w=require("./utils-CpiHnfHs.cjs"),a=require("react"),J=require("./mainstack-design-system29.cjs"),F=({values:O,onValuesChange:P,defaultValues:y=[],isDisabled:i,accept:U={"file/*":[".pdf",".txt",".docx"]},maxFiles:t=4,minSize:b,maxSize:s,multiple:c=!0,onError:p,children:S,className:V,isError:v,uploadModalOpen:j,defaultUploadModalOpen:k=!1,onUploadModalOpenChange:z,onUpload:B,onCancelUpload:R,uploadProgress:T,isUploading:A,...I})=>{const[o,q]=_.useControllableState({prop:O,defaultProp:y,onChange:P}),[L,f]=a.useState(null),[$,g]=_.useControllableState({prop:j,defaultProp:k,onChange:z}),u=a.useCallback(e=>{f(null),q(e)},[q]),n=a.useCallback(e=>{const l=e instanceof Error?e.message:"An error occurred";f(l),p&&p(e)},[p]),E=a.useCallback(async(e,l)=>{const Y=o.length,N=t-Y;if(e.length>N||l.length>0){if(e.length>N||l.some(r=>r.errors.some(d=>d.code==="too-many-files")))return n(new Error(`You can only upload a maximum of ${t} files.`));if(l.some(r=>r.errors.some(d=>d.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return n(new Error(`File size exceeds the ${r}MB limit.`))}return n(new Error("Invalid file type or criteria."))}try{const r=w.getFileMetadata(e).filter(m=>!o.some(C=>C.fileName===m.fileName&&C.fileSize===m.fileSize&&C.lastModified===m.lastModified)),d=[...o,...r].slice(0,t);r.length>0&&(u(d),g(!0))}catch(h){n(h)}},[t,s,n,u,g,o]),x=!c||o.length>=t,D=o.length>0&&x,H=a.Children.map(S,e=>a.isValidElement(e)&&e.type?.displayName==="FileUploaderDropzone"&&D?null:e);return M.jsxs(G.FileUploaderContext.Provider,{value:{values:o,defaultValues:y,isDisabled:i,accept:U,maxFiles:t,minSize:b,maxSize:s,multiple:c,error:L,setError:f,onValuesChange:u,onFilesSelected:E,onError:n,isError:v},children:[M.jsx("div",{"data-disabled":i,"aria-disabled":i,"data-error":v,"data-slot":"file-uploader-root",className:w.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",V),...I,children:H}),M.jsx(J.UploaderModal,{open:!!$,onOpenChange:g,values:o,onValuesChange:u,onFilesSelected:E,onUpload:B,onCancelUpload:R,uploadProgress:T,isUploading:A,isDisabled:i,accept:U,maxFiles:t,minSize:b,maxSize:s,multiple:c})]})};F.displayName="FileUploaderRoot";exports.FileUploaderRoot=F;

package/dist/mainstack-design-system28.js

@@ -1,11 +1,11 @@
 'use client';
-import { jsxs as j, jsx as V } from "react/jsx-runtime";
-import { FileUploaderContext as G } from "./mainstack-design-system37.js";
+import { jsxs as G, jsx as V } from "react/jsx-runtime";
+import { FileUploaderContext as J } from "./mainstack-design-system621.js";
 import { u as z } from "./index-437EL2iq.js";
-import { a as J, c as K } from "./utils-C21jc49d.js";
-import B, { useState as Q, useCallback as C } from "react";
-import { UploaderModal as W } from "./mainstack-design-system29.js";
-const X = ({
+import { a as K, c as Q } from "./utils-C21jc49d.js";
+import B, { useState as W, useCallback as C } from "react";
+import { UploaderModal as X } from "./mainstack-design-system29.js";
+const Z = ({
   values: O,
   onValuesChange: P,
   defaultValues: M = [],
@@ -23,15 +23,16 @@ const X = ({
   defaultUploadModalOpen: L = !1,
   onUploadModalOpenChange: T,
   onUpload: _,
-  uploadProgress: $,
-  isUploading: k,
-  ...q
+  onCancelUpload: $,
+  uploadProgress: k,
+  isUploading: q,
+  ...D
 }) => {
   const [e, E] = z({
     prop: O,
     defaultProp: M,
     onChange: P
-  }), [D, u] = Q(null), [F, c] = z({
+  }), [F, u] = W(null), [H, c] = z({
     prop: I,
     defaultProp: L,
     onChange: T
@@ -48,7 +49,7 @@ const X = ({
     [f]
   ), N = C(
     async (o, a) => {
-      const Y = e.length, w = t - Y;
+      const j = e.length, w = t - j;
       if (o.length > w || a.length > 0) {
         if (o.length > w || a.some(
           (r) => r.errors.some((s) => s.code === "too-many-files")
@@ -69,7 +70,7 @@ const X = ({
         return n(new Error("Invalid file type or criteria."));
       }
       try {
-        const r = J(o).filter(
+        const r = K(o).filter(
           (g) => !e.some(
             (h) => h.fileName === g.fileName && h.fileSize === g.fileSize && h.lastModified === g.lastModified
           )
@@ -80,9 +81,9 @@ const X = ({
       }
     },
     [t, l, n, i, c, e]
-  ), H = !p || e.length >= t, R = e.length > 0 && H, S = B.Children.map(b, (o) => B.isValidElement(o) && o.type?.displayName === "FileUploaderDropzone" && R ? null : o);
-  return /* @__PURE__ */ j(
-    G.Provider,
+  ), R = !p || e.length >= t, S = e.length > 0 && R, Y = B.Children.map(b, (o) => B.isValidElement(o) && o.type?.displayName === "FileUploaderDropzone" && S ? null : o);
+  return /* @__PURE__ */ G(
+    J.Provider,
     {
       value: {
         values: e,
@@ -93,7 +94,7 @@ const X = ({
         minSize: v,
         maxSize: l,
         multiple: p,
-        error: D,
+        error: F,
         setError: u,
         onValuesChange: i,
         onFilesSelected: N,
@@ -108,25 +109,26 @@ const X = ({
             "aria-disabled": d,
             "data-error": U,
             "data-slot": "file-uploader-root",
-            className: K(
+            className: Q(
               "mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",
               A
             ),
-            ...q,
-            children: S
+            ...D,
+            children: Y
           }
         ),
         /* @__PURE__ */ V(
-          W,
+          X,
           {
-            open: !!F,
+            open: !!H,
             onOpenChange: c,
             values: e,
             onValuesChange: i,
             onFilesSelected: N,
             onUpload: _,
-            uploadProgress: $,
-            isUploading: k,
+            onCancelUpload: $,
+            uploadProgress: k,
+            isUploading: q,
             isDisabled: d,
             accept: y,
             maxFiles: t,
@@ -139,7 +141,7 @@ const X = ({
     }
   );
 };
-X.displayName = "FileUploaderRoot";
+Z.displayName = "FileUploaderRoot";
 export {
-  X as FileUploaderRoot
+  Z as FileUploaderRoot
 };

package/dist/mainstack-design-system29.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./mainstack-design-system405.cjs"),O=require("./mainstack-design-system406.cjs"),x=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");const p=require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const z=require("./mainstack-design-system55.cjs"),I=require("./mainstack-design-system289.cjs");require("react");require("./player-CWqTo6h8.cjs");require("./mainstack-design-system402.cjs");const R=require("./mainstack-design-system548.cjs"),f=require("./mainstack-design-system549.cjs"),F=require("./mainstack-design-system550.cjs"),A=require("./mainstack-design-system555.cjs"),D=require("./mainstack-design-system556.cjs");require("./mainstack-design-system557.cjs");require("./mainstack-design-system559.cjs");const E=require("./mainstack-design-system558.cjs"),P=require("./mainstack-design-system551.cjs"),S=require("./mainstack-design-system552.cjs"),U=require("./mainstack-design-system553.cjs"),k=require("./mainstack-design-system554.cjs"),T=require("./mainstack-design-system634.cjs"),$=d=>Math.min(100,Math.max(0,d??0));function h({open:d,onOpenChange:l,values:t,onValuesChange:_,onFilesSelected:y,onUpload:m,uploadProgress:M,isUploading:n=!1,isDisabled:j,accept:b,maxFiles:r,minSize:q,maxSize:N,multiple:c=!0,title:g="Upload files",uploadLabel:B="Upload files",uploadingLabel:v="Uploading files"}){const a=n,C=c&&(!r||t.length<r),w=s=>{const o=t.filter(i=>i.id!==s);_(o),o.length===0&&l(!1)};return e.jsx(D.ModalRoot,{open:d,onOpenChange:l,children:e.jsxs(E.ModalPortal,{children:[e.jsx(A.ModalOverlay,{}),e.jsx(R.ModalBody,{className:"mds:w-[calc(100%_-_40px)] mds:max-w-[620px]",children:e.jsxs(F.ModalContentSlot,{children:[e.jsxs(P.ModalContentHeader,{children:[e.jsx(U.ModalContentTitle,{className:"mds:body-medium-bold",children:g}),e.jsx(f.ModalClose,{})]}),e.jsxs(k.ModalContentMain,{className:"mds:flex mds:flex-col mds:gap-16 mds:pt-8 mds:pb-12",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold mds:text-primary",children:"Files"}),e.jsxs("div",{role:"list","data-slot":"uploader-modal-files",className:"mds:flex mds:flex-col mds:gap-12",children:[t.map(s=>{const o=$(M?.[s.id]),i=s.fileExtension?s.fileExtension.startsWith(".")?s.fileExtension:`.${s.fileExtension}`:"file";return e.jsxs("div",{role:"listitem","data-slot":"uploader-modal-file",className:"mds:flex mds:w-full mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:h-43 mds:w-48 mds:shrink-0 mds:items-center mds:justify-center mds:rounded-8 mds:bg-surface-neutral-l5 mds:px-8 mds:py-10",children:e.jsx("span",{className:"mds:body-extrasmall-semibold mds:text-secondary",children:i})}),e.jsx("div",{className:"mds:flex mds:min-w-0 mds:flex-1 mds:flex-col mds:justify-center",children:a?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"mds:flex mds:w-full mds:items-center mds:gap-8",children:[e.jsx("p",{className:"mds:min-w-0 mds:flex-1 mds:truncate mds:body-extrasmall-medium mds:text-primary",children:s.fileName}),e.jsxs("span",{className:"mds:body-extrasmall-book mds:text-secondary",children:[Math.round(o),"%"]})]}),e.jsx("div",{role:"progressbar","aria-label":`${s.fileName||"File"} upload progress`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,className:"mds:mt-8 mds:h-2 mds:w-full mds:overflow-hidden mds:rounded-full mds:bg-surface-neutral-l5",children:e.jsx("div",{className:"mds:h-full mds:rounded-full mds:bg-border-interactive-primary-active mds:transition-[width] mds:duration-300",style:{width:`${o}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"mds:truncate mds:body-extrasmall-medium mds:text-primary",children:s.fileName}),e.jsx("span",{className:"mds:truncate mds:body-tiny-medium mds:text-secondary",children:s.formatedFileSize})]})}),a?null:e.jsx(x.ButtonRoot,{type:"button",size:"tiny",variant:"ghost",rounded:"sm",iconOnly:!0,"aria-label":`Remove ${s.fileName||"file"}`,onClick:()=>w(s.id),children:e.jsx(u.ButtonIcon,{children:e.jsx(I,{className:"mds:size-16"})})})]},s.id)}),!a&&C?e.jsx(T.DropzoneUploadArea,{noDrag:!0,asChild:!0,accept:b,maxFiles:r,minSize:q,maxSize:N,multiple:c,onDrop:y,children:e.jsxs(x.ButtonRoot,{type:"button",size:"sm",variant:"outline",rounded:"sm",className:"mds:w-full",children:[e.jsx(u.ButtonIcon,{children:e.jsx(z,{className:"mds:size-20"})}),e.jsx(O.ButtonLabel,{children:"Add more file"})]})}):null]})]}),e.jsxs(S.ModalContentFooter,{children:[e.jsx(f.ModalClose,{children:e.jsx(p.Button,{type:"button",size:"sm",variant:"secondary",rounded:"sm",children:"Close"})}),e.jsx(p.Button,{type:"button",size:"sm",variant:"special",rounded:"sm",className:"mds:flex-1",disabled:j||n||t.length===0,onClick:()=>{if(m){m(t);return}l(!1)},children:n?v:B})]})]})})]})})}h.displayName="UploaderModal";exports.UploaderModal=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./mainstack-design-system405.cjs"),U=require("./mainstack-design-system406.cjs"),m=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");const h=require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const F=require("./mainstack-design-system55.cjs"),k=require("./mainstack-design-system110.cjs"),A=require("./mainstack-design-system289.cjs");require("react");require("./player-CWqTo6h8.cjs");require("./mainstack-design-system402.cjs");const D=require("./mainstack-design-system548.cjs"),_=require("./mainstack-design-system549.cjs"),E=require("./mainstack-design-system550.cjs"),S=require("./mainstack-design-system555.cjs"),V=require("./mainstack-design-system556.cjs");require("./mainstack-design-system557.cjs");require("./mainstack-design-system559.cjs");const $=require("./mainstack-design-system558.cjs"),P=require("./mainstack-design-system551.cjs"),T=require("./mainstack-design-system552.cjs"),H=require("./mainstack-design-system553.cjs"),L=require("./mainstack-design-system554.cjs"),W=require("./mainstack-design-system635.cjs"),y=require("./mainstack-design-system30.cjs"),G=d=>Math.min(100,Math.max(0,d??0));function j({open:d,onOpenChange:r,values:t,onValuesChange:M,onFilesSelected:b,onUpload:c,onCancelUpload:u,uploadProgress:x,isUploading:l=!1,isDisabled:q,accept:N,maxFiles:a,minSize:B,maxSize:g,multiple:p=!0,title:v="Upload files",uploadLabel:C="Upload files",uploadingLabel:w="Uploading files"}){const n=l,O=p&&(!a||t.length<a),z=y.getVisibleUploaderValues(t,l,x),f=s=>{const o=y.removeUploaderValue(t,s);M(o),o.length===0&&r(!1)},I=s=>{f(s.id),u?.(s)};return e.jsx(V.ModalRoot,{open:d,onOpenChange:r,children:e.jsxs($.ModalPortal,{children:[e.jsx(S.ModalOverlay,{}),e.jsx(D.ModalBody,{className:"mds:w-[calc(100%_-_40px)] mds:max-w-[620px]",children:e.jsxs(E.ModalContentSlot,{children:[e.jsxs(P.ModalContentHeader,{children:[e.jsx(H.ModalContentTitle,{className:"mds:body-medium-bold",children:v}),e.jsx(_.ModalClose,{})]}),e.jsxs(L.ModalContentMain,{className:"mds:flex mds:flex-col mds:gap-16 mds:pt-8 mds:pb-12",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold mds:text-primary",children:"Files"}),e.jsxs("div",{role:"list","data-slot":"uploader-modal-files",className:"mds:flex mds:flex-col mds:gap-12",children:[z.map(s=>{const o=G(x?.[s.id]),R=s.fileExtension?s.fileExtension.startsWith(".")?s.fileExtension:`.${s.fileExtension}`:"file";return e.jsxs("div",{role:"listitem","data-slot":"uploader-modal-file",className:"mds:flex mds:w-full mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:h-43 mds:w-48 mds:shrink-0 mds:items-center mds:justify-center mds:rounded-8 mds:bg-surface-neutral-l5 mds:px-8 mds:py-10",children:e.jsx("span",{className:"mds:body-extrasmall-semibold mds:text-secondary",children:R})}),e.jsx("div",{className:"mds:flex mds:min-w-0 mds:flex-1 mds:flex-col mds:justify-center",children:n?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"mds:flex mds:w-full mds:items-center mds:gap-8",children:[e.jsx("p",{className:"mds:min-w-0 mds:flex-1 mds:truncate mds:body-extrasmall-medium mds:text-primary",children:s.fileName}),e.jsxs("span",{className:"mds:body-extrasmall-book mds:text-secondary",children:[Math.round(o),"%"]})]}),e.jsx("div",{role:"progressbar","aria-label":`${s.fileName||"File"} upload progress`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,className:"mds:mt-8 mds:h-2 mds:w-full mds:overflow-hidden mds:rounded-full mds:bg-surface-neutral-l5",children:e.jsx("div",{className:"mds:h-full mds:rounded-full mds:bg-border-interactive-primary-active mds:transition-[width] mds:duration-300",style:{width:`${o}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"mds:truncate mds:body-extrasmall-medium mds:text-primary",children:s.fileName}),e.jsx("span",{className:"mds:truncate mds:body-tiny-medium mds:text-secondary",children:s.formatedFileSize})]})}),n&&u?e.jsx(m.ButtonRoot,{type:"button",size:"tiny",variant:"ghost",rounded:"sm",iconOnly:!0,"data-slot":"uploader-modal-cancel-upload","aria-label":`Cancel upload of ${s.fileName||"file"}`,onClick:()=>I(s),children:e.jsx(i.ButtonIcon,{children:e.jsx(k,{className:"mds:size-16"})})}):n?null:e.jsx(m.ButtonRoot,{type:"button",size:"tiny",variant:"ghost",rounded:"sm",iconOnly:!0,"aria-label":`Remove ${s.fileName||"file"}`,onClick:()=>f(s.id),children:e.jsx(i.ButtonIcon,{children:e.jsx(A,{className:"mds:size-16"})})})]},s.id)}),!n&&O?e.jsx(W.DropzoneUploadArea,{noDrag:!0,asChild:!0,accept:N,maxFiles:a,minSize:B,maxSize:g,multiple:p,onDrop:b,children:e.jsxs(m.ButtonRoot,{type:"button",size:"sm",variant:"outline",rounded:"sm",className:"mds:w-full",children:[e.jsx(i.ButtonIcon,{children:e.jsx(F,{className:"mds:size-20"})}),e.jsx(U.ButtonLabel,{children:"Add more file"})]})}):null]})]}),e.jsxs(T.ModalContentFooter,{children:[e.jsx(_.ModalClose,{children:e.jsx(h.Button,{type:"button",size:"sm",variant:"secondary",rounded:"sm",children:"Close"})}),e.jsx(h.Button,{type:"button",size:"sm",variant:"special",rounded:"sm",className:"mds:flex-1",disabled:q||l||t.length===0,onClick:()=>{if(c){c(t);return}r(!1)},children:l?w:C})]})]})})]})})}j.displayName="UploaderModal";exports.UploaderModal=j;

package/dist/mainstack-design-system29.js

@@ -1,61 +1,70 @@
 'use client';
-import { jsx as e, jsxs as d, Fragment as p } from "react/jsx-runtime";
-import { ButtonIcon as h } from "./mainstack-design-system405.js";
-import { ButtonLabel as A } from "./mainstack-design-system406.js";
-import { ButtonRoot as u } from "./mainstack-design-system407.js";
+import { jsx as e, jsxs as d, Fragment as y } from "react/jsx-runtime";
+import { ButtonIcon as n } from "./mainstack-design-system405.js";
+import { ButtonLabel as D } from "./mainstack-design-system406.js";
+import { ButtonRoot as c } from "./mainstack-design-system407.js";
 import "./mainstack-design-system408.js";
-import { Button as x } from "./mainstack-design-system409.js";
+import { Button as b } from "./mainstack-design-system409.js";
 import "./mainstack-design-system370.js";
-import D from "./mainstack-design-system55.js";
-import F from "./mainstack-design-system289.js";
+import F from "./mainstack-design-system55.js";
+import I from "./mainstack-design-system110.js";
+import U from "./mainstack-design-system289.js";
 import "react";
 import "./player-DRUnlXe4.js";
 import "./mainstack-design-system402.js";
-import { ModalBody as $ } from "./mainstack-design-system548.js";
-import { ModalClose as y } from "./mainstack-design-system549.js";
-import { ModalContentSlot as I } from "./mainstack-design-system550.js";
-import { ModalOverlay as P } from "./mainstack-design-system555.js";
-import { ModalRoot as R } from "./mainstack-design-system556.js";
+import { ModalBody as R } from "./mainstack-design-system548.js";
+import { ModalClose as N } from "./mainstack-design-system549.js";
+import { ModalContentSlot as P } from "./mainstack-design-system550.js";
+import { ModalOverlay as S } from "./mainstack-design-system555.js";
+import { ModalRoot as T } from "./mainstack-design-system556.js";
 import "./mainstack-design-system557.js";
 import "./mainstack-design-system559.js";
-import { ModalPortal as U } from "./mainstack-design-system558.js";
-import { ModalContentHeader as S } from "./mainstack-design-system551.js";
-import { ModalContentFooter as T } from "./mainstack-design-system552.js";
-import { ModalContentTitle as _ } from "./mainstack-design-system553.js";
-import { ModalContentMain as H } from "./mainstack-design-system554.js";
-import { DropzoneUploadArea as L } from "./mainstack-design-system634.js";
-const V = (l) => Math.min(100, Math.max(0, l ?? 0));
-function W({
-  open: l,
-  onOpenChange: o,
+import { ModalPortal as _ } from "./mainstack-design-system558.js";
+import { ModalContentHeader as H } from "./mainstack-design-system551.js";
+import { ModalContentFooter as L } from "./mainstack-design-system552.js";
+import { ModalContentTitle as O } from "./mainstack-design-system553.js";
+import { ModalContentMain as W } from "./mainstack-design-system554.js";
+import { DropzoneUploadArea as q } from "./mainstack-design-system635.js";
+import { getVisibleUploaderValues as G, removeUploaderValue as J } from "./mainstack-design-system30.js";
+const K = (t) => Math.min(100, Math.max(0, t ?? 0));
+function Q({
+  open: t,
+  onOpenChange: i,
   values: r,
-  onValuesChange: b,
-  onFilesSelected: N,
-  onUpload: c,
-  uploadProgress: M,
-  isUploading: t = !1,
-  isDisabled: g,
-  accept: w,
-  maxFiles: i,
-  minSize: z,
-  maxSize: C,
-  multiple: f = !0,
-  title: B = "Upload files",
+  onValuesChange: M,
+  onFilesSelected: g,
+  onUpload: f,
+  onCancelUpload: p,
+  uploadProgress: h,
+  isUploading: l = !1,
+  isDisabled: w,
+  accept: z,
+  maxFiles: a,
+  minSize: C,
+  maxSize: B,
+  multiple: u = !0,
+  title: k = "Upload files",
   uploadLabel: v = "Upload files",
   uploadingLabel: E = "Uploading files"
 }) {
-  const a = t, j = f && (!i || r.length < i), k = (s) => {
-    const m = r.filter((n) => n.id !== s);
-    b(m), m.length === 0 && o(!1);
+  const o = l, V = u && (!a || r.length < a), $ = G(
+    r,
+    l,
+    h
+  ), x = (s) => {
+    const m = J(r, s);
+    M(m), m.length === 0 && i(!1);
+  }, j = (s) => {
+    x(s.id), p?.(s);
   };
-  return /* @__PURE__ */ e(R, { open: l, onOpenChange: o, children: /* @__PURE__ */ d(U, { children: [
-    /* @__PURE__ */ e(P, {}),
-    /* @__PURE__ */ e($, { className: "mds:w-[calc(100%_-_40px)] mds:max-w-[620px]", children: /* @__PURE__ */ d(I, { children: [
-      /* @__PURE__ */ d(S, { children: [
-        /* @__PURE__ */ e(_, { className: "mds:body-medium-bold", children: B }),
-        /* @__PURE__ */ e(y, {})
+  return /* @__PURE__ */ e(T, { open: t, onOpenChange: i, children: /* @__PURE__ */ d(_, { children: [
+    /* @__PURE__ */ e(S, {}),
+    /* @__PURE__ */ e(R, { className: "mds:w-[calc(100%_-_40px)] mds:max-w-[620px]", children: /* @__PURE__ */ d(P, { children: [
+      /* @__PURE__ */ d(H, { children: [
+        /* @__PURE__ */ e(O, { className: "mds:body-medium-bold", children: k }),
+        /* @__PURE__ */ e(N, {})
       ] }),
-      /* @__PURE__ */ d(H, { className: "mds:flex mds:flex-col mds:gap-16 mds:pt-8 mds:pb-12", children: [
+      /* @__PURE__ */ d(W, { className: "mds:flex mds:flex-col mds:gap-16 mds:pt-8 mds:pb-12", children: [
         /* @__PURE__ */ e("p", { className: "mds:body-extrasmall-semibold mds:text-primary", children: "Files" }),
         /* @__PURE__ */ d(
           "div",
@@ -64,8 +73,8 @@ function W({
             "data-slot": "uploader-modal-files",
             className: "mds:flex mds:flex-col mds:gap-12",
             children: [
-              r.map((s) => {
-                const m = V(M?.[s.id]), n = s.fileExtension ? s.fileExtension.startsWith(".") ? s.fileExtension : `.${s.fileExtension}` : "file";
+              $.map((s) => {
+                const m = K(h?.[s.id]), A = s.fileExtension ? s.fileExtension.startsWith(".") ? s.fileExtension : `.${s.fileExtension}` : "file";
                 return /* @__PURE__ */ d(
                   "div",
                   {
@@ -73,8 +82,8 @@ function W({
                     "data-slot": "uploader-modal-file",
                     className: "mds:flex mds:w-full mds:items-center mds:gap-8",
                     children: [
-                      /* @__PURE__ */ e("div", { className: "mds:flex mds:h-43 mds:w-48 mds:shrink-0 mds:items-center mds:justify-center mds:rounded-8 mds:bg-surface-neutral-l5 mds:px-8 mds:py-10", children: /* @__PURE__ */ e("span", { className: "mds:body-extrasmall-semibold mds:text-secondary", children: n }) }),
-                      /* @__PURE__ */ e("div", { className: "mds:flex mds:min-w-0 mds:flex-1 mds:flex-col mds:justify-center", children: a ? /* @__PURE__ */ d(p, { children: [
+                      /* @__PURE__ */ e("div", { className: "mds:flex mds:h-43 mds:w-48 mds:shrink-0 mds:items-center mds:justify-center mds:rounded-8 mds:bg-surface-neutral-l5 mds:px-8 mds:py-10", children: /* @__PURE__ */ e("span", { className: "mds:body-extrasmall-semibold mds:text-secondary", children: A }) }),
+                      /* @__PURE__ */ e("div", { className: "mds:flex mds:min-w-0 mds:flex-1 mds:flex-col mds:justify-center", children: o ? /* @__PURE__ */ d(y, { children: [
                         /* @__PURE__ */ d("div", { className: "mds:flex mds:w-full mds:items-center mds:gap-8", children: [
                           /* @__PURE__ */ e("p", { className: "mds:min-w-0 mds:flex-1 mds:truncate mds:body-extrasmall-medium mds:text-primary", children: s.fileName }),
                           /* @__PURE__ */ d("span", { className: "mds:body-extrasmall-book mds:text-secondary", children: [
@@ -100,12 +109,25 @@ function W({
                             )
                           }
                         )
-                      ] }) : /* @__PURE__ */ d(p, { children: [
+                      ] }) : /* @__PURE__ */ d(y, { children: [
                         /* @__PURE__ */ e("p", { className: "mds:truncate mds:body-extrasmall-medium mds:text-primary", children: s.fileName }),
                         /* @__PURE__ */ e("span", { className: "mds:truncate mds:body-tiny-medium mds:text-secondary", children: s.formatedFileSize })
                       ] }) }),
-                      a ? null : /* @__PURE__ */ e(
-                        u,
+                      o && p ? /* @__PURE__ */ e(
+                        c,
+                        {
+                          type: "button",
+                          size: "tiny",
+                          variant: "ghost",
+                          rounded: "sm",
+                          iconOnly: !0,
+                          "data-slot": "uploader-modal-cancel-upload",
+                          "aria-label": `Cancel upload of ${s.fileName || "file"}`,
+                          onClick: () => j(s),
+                          children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(I, { className: "mds:size-16" }) })
+                        }
+                      ) : o ? null : /* @__PURE__ */ e(
+                        c,
                         {
                           type: "button",
                           size: "tiny",
@@ -113,8 +135,8 @@ function W({
                           rounded: "sm",
                           iconOnly: !0,
                           "aria-label": `Remove ${s.fileName || "file"}`,
-                          onClick: () => k(s.id),
-                          children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(F, { className: "mds:size-16" }) })
+                          onClick: () => x(s.id),
+                          children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(U, { className: "mds:size-16" }) })
                         }
                       )
                     ]
@@ -122,19 +144,19 @@ function W({
                   s.id
                 );
               }),
-              !a && j ? /* @__PURE__ */ e(
-                L,
+              !o && V ? /* @__PURE__ */ e(
+                q,
                 {
                   noDrag: !0,
                   asChild: !0,
-                  accept: w,
-                  maxFiles: i,
-                  minSize: z,
-                  maxSize: C,
-                  multiple: f,
-                  onDrop: N,
+                  accept: z,
+                  maxFiles: a,
+                  minSize: C,
+                  maxSize: B,
+                  multiple: u,
+                  onDrop: g,
                   children: /* @__PURE__ */ d(
-                    u,
+                    c,
                     {
                       type: "button",
                       size: "sm",
@@ -142,8 +164,8 @@ function W({
                       rounded: "sm",
                       className: "mds:w-full",
                       children: [
-                        /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(D, { className: "mds:size-20" }) }),
-                        /* @__PURE__ */ e(A, { children: "Add more file" })
+                        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(F, { className: "mds:size-20" }) }),
+                        /* @__PURE__ */ e(D, { children: "Add more file" })
                       ]
                     }
                   )
@@ -153,9 +175,9 @@ function W({
           }
         )
       ] }),
-      /* @__PURE__ */ d(T, { children: [
-        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
-          x,
+      /* @__PURE__ */ d(L, { children: [
+        /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
+          b,
           {
             type: "button",
             size: "sm",
@@ -165,29 +187,29 @@ function W({
           }
         ) }),
         /* @__PURE__ */ e(
-          x,
+          b,
           {
             type: "button",
             size: "sm",
             variant: "special",
             rounded: "sm",
             className: "mds:flex-1",
-            disabled: g || t || r.length === 0,
+            disabled: w || l || r.length === 0,
             onClick: () => {
-              if (c) {
-                c(r);
+              if (f) {
+                f(r);
                 return;
               }
-              o(!1);
+              i(!1);
             },
-            children: t ? E : v
+            children: l ? E : v
           }
         )
       ] })
     ] }) })
   ] }) });
 }
-W.displayName = "UploaderModal";
+Q.displayName = "UploaderModal";
 export {
-  W as UploaderModal
+  Q as UploaderModal
 };

package/dist/mainstack-design-system30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-CpiHnfHs.cjs"),h=require("./mainstack-design-system37.cjs"),f=require("./mainstack-design-system405.cjs");require("./mainstack-design-system406.cjs");const j=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const v=require("./mainstack-design-system289.cjs");require("./player-CWqTo6h8.cjs");const i=({children:t,className:l,fileId:r,fileName:o,formatedSize:a,fileExtension:c})=>{const{values:d,onValuesChange:n}=h.useFileUploaderContext(),u=p.useCallback(()=>{const s=[...d],m=s.findIndex(x=>x.id===r);m>-1&&(s.splice(m,1),n(s))},[n,r,d]);return t||e.jsxs("div",{"data-slot":"file-uploader-preview-item",className:y.cn("mds:flex mds:justify-between mds:items-center mds:w-full",l),children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8 mds:grow",children:[e.jsx("div",{className:"mds:relative mds:flex mds:size-10 mds:shrink-0 mds:px-8 mds:py-10 mds:rounded-8 mds:bg-surface-neutral-l5 mds:body-extrasmall-medium mds:text-secondary mds:items-center mds:justify-center mds:w-48 mds:h-40",children:e.jsx("p",{className:"mds:text-secondary mds:body-extrasmall-medium",children:c})}),e.jsxs("div",{className:"mds:min-w-0 mds:flex mds:flex-col",children:[e.jsx("p",{className:"mds:truncate mds:body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ",children:o}),e.jsx("span",{className:"mds:truncate mds:body-tiny-regular mds:text-secondary",children:a})]})]}),e.jsx(j.ButtonRoot,{size:"tiny",variant:"ghost",iconOnly:!0,status:"default",onClick:u,children:e.jsx(f.ButtonIcon,{children:e.jsx(v,{className:"mds:h-20 mds:w-20"})})})]})};i.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=(e,t,r)=>t?r?e.filter(l=>Object.prototype.hasOwnProperty.call(r,l.id)):[]:e,o=(e,t)=>e.filter(r=>r.id!==t);exports.getVisibleUploaderValues=i;exports.removeUploaderValue=o;

package/dist/mainstack-design-system30.js

@@ -1,71 +1,7 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { useCallback as f } from "react";
-import { c as x } from "./utils-C21jc49d.js";
-import { useFileUploaderContext as h } from "./mainstack-design-system37.js";
-import { ButtonIcon as y } from "./mainstack-design-system405.js";
-import "./mainstack-design-system406.js";
-import { ButtonRoot as w } from "./mainstack-design-system407.js";
-import "./mainstack-design-system408.js";
-import "./mainstack-design-system409.js";
-import "./mainstack-design-system370.js";
-import v from "./mainstack-design-system289.js";
-import "./player-DRUnlXe4.js";
-const N = ({
-  children: d,
-  className: l,
-  fileId: t,
-  fileName: o,
-  formatedSize: n,
-  fileExtension: c
-}) => {
-  const { values: r, onValuesChange: i } = h(), p = f(() => {
-    const s = [...r], a = s.findIndex((u) => u.id === t);
-    a > -1 && (s.splice(a, 1), i(s));
-  }, [i, t, r]);
-  return d || /* @__PURE__ */ m(
-    "div",
-    {
-      "data-slot": "file-uploader-preview-item",
-      className: x(
-        "mds:flex mds:justify-between mds:items-center mds:w-full",
-        l
-      ),
-      children: [
-        /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:gap-8 mds:grow", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "mds:relative mds:flex mds:size-10 mds:shrink-0 mds:px-8 mds:py-10 mds:rounded-8 mds:bg-surface-neutral-l5 mds:body-extrasmall-medium mds:text-secondary mds:items-center mds:justify-center mds:w-48 mds:h-40",
-              children: /* @__PURE__ */ e("p", { className: "mds:text-secondary mds:body-extrasmall-medium", children: c })
-            }
-          ),
-          /* @__PURE__ */ m("div", { className: "mds:min-w-0 mds:flex mds:flex-col", children: [
-            /* @__PURE__ */ e("p", { className: "mds:truncate mds:body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ", children: o }),
-            /* @__PURE__ */ e(
-              "span",
-              {
-                className: "mds:truncate mds:body-tiny-regular mds:text-secondary",
-                children: n
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e(
-          w,
-          {
-            size: "tiny",
-            variant: "ghost",
-            iconOnly: !0,
-            status: "default",
-            onClick: p,
-            children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(v, { className: "mds:h-20 mds:w-20" }) })
-          }
-        )
-      ]
-    }
-  );
-};
-N.displayName = "FileUploaderPreviewItem";
+const l = (e, t, r) => t ? r ? e.filter(
+  (i) => Object.prototype.hasOwnProperty.call(r, i.id)
+) : [] : e, o = (e, t) => e.filter((r) => r.id !== t);
 export {
-  N as FileUploaderPreviewItem
+  l as getVisibleUploaderValues,
+  o as removeUploaderValue
 };

package/dist/mainstack-design-system31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-CpiHnfHs.cjs"),a=require("./mainstack-design-system37.cjs"),n=require("./mainstack-design-system392.cjs"),o=({children:s,className:t,...r})=>{const{values:e,multiple:i}=a.useFileUploaderContext();return l.jsxs("div",{role:"list","data-slot":"file-uploader-preview",className:d.cn("mds:flex mds:flex-col mds:gap-12",t),...r,children:[i&&e.length>0&&l.jsx(n.BodyText,{size:"extrasmall",weight:"medium",className:"mds:mt-12  mds:mb-4",children:"Uploads"}),s({values:e})]})};o.displayName="FileUploaderPreview";exports.FileUploaderPreview=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-CpiHnfHs.cjs"),h=require("./mainstack-design-system621.cjs"),f=require("./mainstack-design-system405.cjs");require("./mainstack-design-system406.cjs");const j=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const v=require("./mainstack-design-system289.cjs");require("./player-CWqTo6h8.cjs");const i=({children:t,className:l,fileId:r,fileName:o,formatedSize:a,fileExtension:c})=>{const{values:d,onValuesChange:n}=h.useFileUploaderContext(),u=p.useCallback(()=>{const s=[...d],m=s.findIndex(x=>x.id===r);m>-1&&(s.splice(m,1),n(s))},[n,r,d]);return t||e.jsxs("div",{"data-slot":"file-uploader-preview-item",className:y.cn("mds:flex mds:justify-between mds:items-center mds:w-full",l),children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8 mds:grow",children:[e.jsx("div",{className:"mds:relative mds:flex mds:size-10 mds:shrink-0 mds:px-8 mds:py-10 mds:rounded-8 mds:bg-surface-neutral-l5 mds:body-extrasmall-medium mds:text-secondary mds:items-center mds:justify-center mds:w-48 mds:h-40",children:e.jsx("p",{className:"mds:text-secondary mds:body-extrasmall-medium",children:c})}),e.jsxs("div",{className:"mds:min-w-0 mds:flex mds:flex-col",children:[e.jsx("p",{className:"mds:truncate mds:body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ",children:o}),e.jsx("span",{className:"mds:truncate mds:body-tiny-regular mds:text-secondary",children:a})]})]}),e.jsx(j.ButtonRoot,{size:"tiny",variant:"ghost",iconOnly:!0,status:"default",onClick:u,children:e.jsx(f.ButtonIcon,{children:e.jsx(v,{className:"mds:h-20 mds:w-20"})})})]})};i.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=i;