mainstack-design-system 1.23.1 → 1.23.2

package/dist/mainstack-design-system29.js

@@ -1,20 +1,20 @@
 'use client';
 import { jsx as e, jsxs as d, Fragment as y } from "react/jsx-runtime";
-import { ButtonIcon as c } from "./mainstack-design-system405.js";
-import { ButtonLabel as F } from "./mainstack-design-system406.js";
-import { ButtonRoot as f } from "./mainstack-design-system407.js";
+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 b } from "./mainstack-design-system409.js";
 import "./mainstack-design-system370.js";
-import I from "./mainstack-design-system55.js";
-import v from "./mainstack-design-system110.js";
-import P 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 R } from "./mainstack-design-system548.js";
 import { ModalClose as N } from "./mainstack-design-system549.js";
-import { ModalContentSlot as U } from "./mainstack-design-system550.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";
@@ -23,43 +23,48 @@ 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 V } from "./mainstack-design-system554.js";
-import { DropzoneUploadArea as W } from "./mainstack-design-system634.js";
-const q = (o) => Math.min(100, Math.max(0, o ?? 0));
-function G({
-  open: o,
-  onOpenChange: t,
+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: g,
-  onFilesSelected: M,
-  onUpload: p,
-  onCancelUpload: h,
-  uploadProgress: w,
-  isUploading: i = !1,
-  isDisabled: z,
-  accept: C,
+  onValuesChange: M,
+  onFilesSelected: g,
+  onUpload: f,
+  onCancelUpload: p,
+  uploadProgress: h,
+  isUploading: l = !1,
+  isDisabled: w,
+  accept: z,
   maxFiles: a,
-  minSize: B,
-  maxSize: k,
+  minSize: C,
+  maxSize: B,
   multiple: u = !0,
-  title: E = "Upload files",
-  uploadLabel: $ = "Upload files",
-  uploadingLabel: j = "Uploading files"
+  title: k = "Upload files",
+  uploadLabel: v = "Upload files",
+  uploadingLabel: E = "Uploading files"
 }) {
-  const l = i, A = u && (!a || r.length < a), x = (s) => {
-    const m = r.filter((n) => n.id !== s);
-    g(m), m.length === 0 && t(!1);
-  }, D = (s) => {
-    x(s.id), h?.(s);
+  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(T, { open: o, onOpenChange: t, children: /* @__PURE__ */ d(_, { children: [
+  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(U, { children: [
+    /* @__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: E }),
+        /* @__PURE__ */ e(O, { className: "mds:body-medium-bold", children: k }),
         /* @__PURE__ */ e(N, {})
       ] }),
-      /* @__PURE__ */ d(V, { 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",
@@ -68,8 +73,8 @@ function G({
             "data-slot": "uploader-modal-files",
             className: "mds:flex mds:flex-col mds:gap-12",
             children: [
-              r.map((s) => {
-                const m = q(w?.[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",
                   {
@@ -77,8 +82,8 @@ function G({
                     "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: l ? /* @__PURE__ */ d(y, { 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: [
@@ -108,8 +113,8 @@ function G({
                         /* @__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 })
                       ] }) }),
-                      l && h ? /* @__PURE__ */ e(
-                        f,
+                      o && p ? /* @__PURE__ */ e(
+                        c,
                         {
                           type: "button",
                           size: "tiny",
@@ -118,11 +123,11 @@ function G({
                           iconOnly: !0,
                           "data-slot": "uploader-modal-cancel-upload",
                           "aria-label": `Cancel upload of ${s.fileName || "file"}`,
-                          onClick: () => D(s),
-                          children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(v, { className: "mds:size-16" }) })
+                          onClick: () => j(s),
+                          children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(I, { className: "mds:size-16" }) })
                         }
-                      ) : l ? null : /* @__PURE__ */ e(
-                        f,
+                      ) : o ? null : /* @__PURE__ */ e(
+                        c,
                         {
                           type: "button",
                           size: "tiny",
@@ -131,7 +136,7 @@ function G({
                           iconOnly: !0,
                           "aria-label": `Remove ${s.fileName || "file"}`,
                           onClick: () => x(s.id),
-                          children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(P, { className: "mds:size-16" }) })
+                          children: /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(U, { className: "mds:size-16" }) })
                         }
                       )
                     ]
@@ -139,19 +144,19 @@ function G({
                   s.id
                 );
               }),
-              !l && A ? /* @__PURE__ */ e(
-                W,
+              !o && V ? /* @__PURE__ */ e(
+                q,
                 {
                   noDrag: !0,
                   asChild: !0,
-                  accept: C,
+                  accept: z,
                   maxFiles: a,
-                  minSize: B,
-                  maxSize: k,
+                  minSize: C,
+                  maxSize: B,
                   multiple: u,
-                  onDrop: M,
+                  onDrop: g,
                   children: /* @__PURE__ */ d(
-                    f,
+                    c,
                     {
                       type: "button",
                       size: "sm",
@@ -159,8 +164,8 @@ function G({
                       rounded: "sm",
                       className: "mds:w-full",
                       children: [
-                        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(I, { className: "mds:size-20" }) }),
-                        /* @__PURE__ */ e(F, { children: "Add more file" })
+                        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(F, { className: "mds:size-20" }) }),
+                        /* @__PURE__ */ e(D, { children: "Add more file" })
                       ]
                     }
                   )
@@ -189,22 +194,22 @@ function G({
             variant: "special",
             rounded: "sm",
             className: "mds:flex-1",
-            disabled: z || i || r.length === 0,
+            disabled: w || l || r.length === 0,
             onClick: () => {
-              if (p) {
-                p(r);
+              if (f) {
+                f(r);
                 return;
               }
-              t(!1);
+              i(!1);
             },
-            children: i ? j : $
+            children: l ? E : v
           }
         )
       ] })
     ] }) })
   ] }) });
 }
-G.displayName = "UploaderModal";
+Q.displayName = "UploaderModal";
 export {
-  G 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;

package/dist/mainstack-design-system31.js

@@ -1,38 +1,71 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { c as t } from "./utils-C21jc49d.js";
-import { useFileUploaderContext as a } from "./mainstack-design-system37.js";
-import { BodyText as d } from "./mainstack-design-system392.js";
-const p = ({
-  children: l,
-  className: s,
-  ...m
+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-system621.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: e, multiple: r } = a();
-  return /* @__PURE__ */ o(
+  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",
     {
-      role: "list",
-      "data-slot": "file-uploader-preview",
-      className: t("mds:flex mds:flex-col mds:gap-12", s),
-      ...m,
+      "data-slot": "file-uploader-preview-item",
+      className: x(
+        "mds:flex mds:justify-between mds:items-center mds:w-full",
+        l
+      ),
       children: [
-        r && e.length > 0 && /* @__PURE__ */ i(
-          d,
+        /* @__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: "extrasmall",
-            weight: "medium",
-            className: "mds:mt-12  mds:mb-4",
-            children: "Uploads"
+            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" }) })
           }
-        ),
-        l({
-          values: e
-        })
+        )
       ]
     }
   );
 };
-p.displayName = "FileUploaderPreview";
+N.displayName = "FileUploaderPreviewItem";
 export {
-  p as FileUploaderPreview
+  N as FileUploaderPreviewItem
 };

package/dist/mainstack-design-system32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");const o=require("./mainstack-design-system449.cjs");require("./mainstack-design-system450.cjs");require("./mainstack-design-system451.cjs");require("./mainstack-design-system452.cjs");require("./mainstack-design-system453.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system370.cjs");require("react");require("./player-CWqTo6h8.cjs");const t=require("./mainstack-design-system37.cjs"),u=()=>{const{error:r}=t.useFileUploaderContext();return r?e.jsx(o.FormErrorStatus,{className:"mds:mt-8",children:r}):null};exports.FileUploaderError=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-CpiHnfHs.cjs"),a=require("./mainstack-design-system621.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;

package/dist/mainstack-design-system32.js

@@ -1,21 +1,38 @@
-import { jsx as o } from "react/jsx-runtime";
-import "./mainstack-design-system446.js";
-import "./mainstack-design-system447.js";
-import "./mainstack-design-system448.js";
-import { FormErrorStatus as t } from "./mainstack-design-system449.js";
-import "./mainstack-design-system450.js";
-import "./mainstack-design-system451.js";
-import "./mainstack-design-system452.js";
-import "./mainstack-design-system453.js";
-import "./mainstack-design-system402.js";
-import "./mainstack-design-system370.js";
-import "react";
-import "./player-DRUnlXe4.js";
-import { useFileUploaderContext as m } from "./mainstack-design-system37.js";
-const U = () => {
-  const { error: r } = m();
-  return r ? /* @__PURE__ */ o(t, { className: "mds:mt-8", children: r }) : null;
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { c as t } from "./utils-C21jc49d.js";
+import { useFileUploaderContext as a } from "./mainstack-design-system621.js";
+import { BodyText as d } from "./mainstack-design-system392.js";
+const p = ({
+  children: l,
+  className: s,
+  ...m
+}) => {
+  const { values: e, multiple: r } = a();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      role: "list",
+      "data-slot": "file-uploader-preview",
+      className: t("mds:flex mds:flex-col mds:gap-12", s),
+      ...m,
+      children: [
+        r && e.length > 0 && /* @__PURE__ */ i(
+          d,
+          {
+            size: "extrasmall",
+            weight: "medium",
+            className: "mds:mt-12  mds:mb-4",
+            children: "Uploads"
+          }
+        ),
+        l({
+          values: e
+        })
+      ]
+    }
+  );
 };
+p.displayName = "FileUploaderPreview";
 export {
-  U as FileUploaderError
+  p as FileUploaderPreview
 };

package/dist/mainstack-design-system33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-CpiHnfHs.cjs"),e=({className:l,...t})=>o.jsx("h5",{"data-slot":"file-uploader-dropzone-title",className:r.cn("mds:body-small-medium mds:text-primary mds:mt-12",l),...t});e.displayName="FileUploaderDropzoneTitle";exports.FileUploaderDropzoneTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");const o=require("./mainstack-design-system449.cjs");require("./mainstack-design-system450.cjs");require("./mainstack-design-system451.cjs");require("./mainstack-design-system452.cjs");require("./mainstack-design-system453.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system370.cjs");require("react");require("./player-CWqTo6h8.cjs");const t=require("./mainstack-design-system621.cjs"),u=()=>{const{error:r}=t.useFileUploaderContext();return r?e.jsx(o.FormErrorStatus,{className:"mds:mt-8",children:r}):null};exports.FileUploaderError=u;

package/dist/mainstack-design-system33.js

@@ -1,20 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "./utils-C21jc49d.js";
-const m = ({
-  className: e,
-  ...o
-}) => /* @__PURE__ */ r(
-  "h5",
-  {
-    "data-slot": "file-uploader-dropzone-title",
-    className: l(
-      "mds:body-small-medium mds:text-primary mds:mt-12",
-      e
-    ),
-    ...o
-  }
-);
-m.displayName = "FileUploaderDropzoneTitle";
+import { jsx as o } from "react/jsx-runtime";
+import "./mainstack-design-system446.js";
+import "./mainstack-design-system447.js";
+import "./mainstack-design-system448.js";
+import { FormErrorStatus as t } from "./mainstack-design-system449.js";
+import "./mainstack-design-system450.js";
+import "./mainstack-design-system451.js";
+import "./mainstack-design-system452.js";
+import "./mainstack-design-system453.js";
+import "./mainstack-design-system402.js";
+import "./mainstack-design-system370.js";
+import "react";
+import "./player-DRUnlXe4.js";
+import { useFileUploaderContext as m } from "./mainstack-design-system621.js";
+const U = () => {
+  const { error: r } = m();
+  return r ? /* @__PURE__ */ o(t, { className: "mds:mt-8", children: r }) : null;
+};
 export {
-  m as FileUploaderDropzoneTitle
+  U as FileUploaderError
 };

package/dist/mainstack-design-system34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./utils-CpiHnfHs.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"file-uploader-dropzoneSubtext",className:l.cn("mds:body-extrasmall-regular mds:text-secondary",t),...o});e.displayName="FileUploaderDropzoneSubtext";exports.FileUploaderDropzoneSubtext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-CpiHnfHs.cjs"),e=({className:l,...t})=>o.jsx("h5",{"data-slot":"file-uploader-dropzone-title",className:r.cn("mds:body-small-medium mds:text-primary mds:mt-12",l),...t});e.displayName="FileUploaderDropzoneTitle";exports.FileUploaderDropzoneTitle=e;

package/dist/mainstack-design-system34.js

@@ -1,20 +1,20 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as t } from "./utils-C21jc49d.js";
-const a = ({
+import { c as l } from "./utils-C21jc49d.js";
+const m = ({
   className: e,
   ...o
 }) => /* @__PURE__ */ r(
-  "p",
+  "h5",
   {
-    "data-slot": "file-uploader-dropzoneSubtext",
-    className: t(
-      "mds:body-extrasmall-regular mds:text-secondary",
+    "data-slot": "file-uploader-dropzone-title",
+    className: l(
+      "mds:body-small-medium mds:text-primary mds:mt-12",
       e
     ),
     ...o
   }
 );
-a.displayName = "FileUploaderDropzoneSubtext";
+m.displayName = "FileUploaderDropzoneTitle";
 export {
-  a as FileUploaderDropzoneSubtext
+  m as FileUploaderDropzoneTitle
 };

package/dist/mainstack-design-system35.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system405.cjs"),n=require("./mainstack-design-system406.cjs"),t=require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.cjs");require("./mainstack-design-system409.cjs");require("./mainstack-design-system370.cjs");const l=require("./mainstack-design-system111.cjs"),d=require("./mainstack-design-system134.cjs");require("react");require("./player-CWqTo6h8.cjs");const a=require("./utils-CpiHnfHs.cjs"),r=({className:s,children:i,onLibrarySelect:c,...u})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("mds:flex mds:justify-center mds:items-center mds:gap-8 mds:mt-16",s),...u,children:i||e.jsxs(e.Fragment,{children:[e.jsxs(t.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(o.ButtonIcon,{children:e.jsx(d,{})}),e.jsx(n.ButtonLabel,{children:"Upload from device"})]}),e.jsxs(t.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:c,children:[e.jsx(o.ButtonIcon,{children:e.jsx(l,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./utils-CpiHnfHs.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"file-uploader-dropzoneSubtext",className:l.cn("mds:body-extrasmall-regular mds:text-secondary",t),...o});e.displayName="FileUploaderDropzoneSubtext";exports.FileUploaderDropzoneSubtext=e;