mainstack-design-system 1.9.0 → 1.9.1

package/dist/mainstack-design-system18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),c=require("./utils-Dxf9lCRG.cjs");require("./mainstack-design-system356.cjs");const R=require("./mainstack-design-system54.cjs"),M=require("./mainstack-design-system224.cjs"),S=require("./mainstack-design-system240.cjs"),B=require("./mainstack-design-system285.cjs");require("./player-BhPsxk-M.cjs");const A=require("./mainstack-design-system24.cjs"),F=require("./mainstack-design-system603.cjs"),l=require("./index-4R9KShCu.cjs"),m=require("./mainstack-design-system386.cjs"),q=require("./mainstack-design-system387.cjs"),u=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const C=({className:j,children:b,previewImgSrc:p,previewId:s,isPlaceholder:y,onClick:z,...N})=>{const{values:n,maxFiles:h,accept:k,maxSize:U,onValuesChange:d,onError:v,setMainPreviewFile:o,mainPreviewFile:r}=A.useImageUploaderContext(),[D,I]=_.useState(!1),x=r?.id===s,P=_.useCallback(()=>{const t=[...n],a=t.findIndex(i=>i.id===s),f=r?.id===s;a>-1&&(t.splice(a,1),d(t),f&&o(t[0]||null))},[d,s,o,n,r]),O=_.useCallback(async t=>{const a=h||0,f=Math.max(0,a-n.length),i=t.slice(0,f);if(!(i.length===0||i.length>=a))try{const g=await c.generateImageFilePreview(i),w=[...n,...g];d(w),r||o(w[0]||null)}catch(g){v&&v(g)}},[r,h,d,o,n,v]);return b||(y?e.jsx(F.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"mds:w-fit",noDrag:!0,accept:k,maxFiles:h,maxSize:U,onDrop:O,children:e.jsx("button",{className:c.cn("mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-16 mds:h-88 mds:shrink-0 mds:w-117 mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:hover:bg-interactive-secondary",j),onClick:z,...N,children:e.jsx(R,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":x,className:c.cn("mds:relative mds:h-88 mds:rounded-16 mds:shrink-0 mds:w-117 mds:overflow-hidden mds:cursor-pointer mds:data-[active-preview=true]:outline-2 mds:data-[active-preview=true]:outline-offset-2 mds:data-[active-preview=true]:outline-border-interactive-neutral-active"),children:[e.jsx("img",{className:c.cn("mds:object-cover mds:h-full mds:w-full ",j),src:p,alt:`Image uploaded with id ${s}`,onClick:()=>{x||o({id:s,previewSrc:p})}}),x?e.jsx(u.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>{t.stopPropagation(),P()},children:e.jsx(m.ButtonIcon,{children:e.jsx(B,{className:"mds:size-16 mds:text-interactive-error"})})}):e.jsxs(l.Popover,{open:D,onOpenChange:I,children:[e.jsx(l.PopoverTrigger,{asChild:!0,children:e.jsx(u.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>t.stopPropagation(),children:e.jsx(m.ButtonIcon,{children:e.jsx(M,{className:"mds:size-16"})})})}),e.jsx(l.PopoverPortal,{children:e.jsxs(l.PopoverContent,{side:"bottom",sideOffset:2,align:"end",className:c.cn("mds:flex mds:flex-col mds:p-8 mds:bg-surface-neutral-l1 mds:rounded-18 mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out "),children:[e.jsxs(u.ButtonRoot,{onClick:()=>{o({id:s,previewSrc:p}),I(!1)},size:"xs",variant:"ghost",children:[e.jsx(m.ButtonIcon,{children:e.jsx(S,{className:"mds:size-20"})}),e.jsx(q.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(u.ButtonRoot,{className:"mds:justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(m.ButtonIcon,{children:e.jsx(B,{className:"mds:size-20 mds:text-interactive-error"})}),e.jsx(q.ButtonLabel,{className:" mds:text-interactive-error",children:"Delete"})]})]})})]})]}))};C.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),c=require("./utils-DjhkvmrR.cjs");require("./mainstack-design-system356.cjs");const R=require("./mainstack-design-system54.cjs"),M=require("./mainstack-design-system224.cjs"),S=require("./mainstack-design-system240.cjs"),B=require("./mainstack-design-system285.cjs");require("./player-BgCieQgv.cjs");const A=require("./mainstack-design-system24.cjs"),F=require("./mainstack-design-system604.cjs"),l=require("./index-4R9KShCu.cjs"),m=require("./mainstack-design-system387.cjs"),q=require("./mainstack-design-system388.cjs"),u=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");const C=({className:j,children:b,previewImgSrc:p,previewId:s,isPlaceholder:y,onClick:z,...N})=>{const{values:n,maxFiles:h,accept:k,maxSize:U,onValuesChange:d,onError:x,setMainPreviewFile:o,mainPreviewFile:r}=A.useImageUploaderContext(),[D,I]=_.useState(!1),v=r?.id===s,P=_.useCallback(()=>{const t=[...n],a=t.findIndex(i=>i.id===s),f=r?.id===s;a>-1&&(t.splice(a,1),d(t),f&&o(t[0]||null))},[d,s,o,n,r]),O=_.useCallback(async t=>{const a=h||0,f=Math.max(0,a-n.length),i=t.slice(0,f);if(!(i.length===0||i.length>=a))try{const g=await c.generateImageFilePreview(i),w=[...n,...g];d(w),r||o(w[0]||null)}catch(g){x&&x(g)}},[r,h,d,o,n,x]);return b||(y?e.jsx(F.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"mds:w-fit",noDrag:!0,accept:k,maxFiles:h,maxSize:U,onDrop:O,children:e.jsx("button",{className:c.cn("mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-16 mds:h-88 mds:shrink-0 mds:w-117 mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:hover:bg-interactive-secondary",j),onClick:z,...N,children:e.jsx(R,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":v,className:c.cn("mds:relative mds:h-88 mds:rounded-16 mds:shrink-0 mds:w-117 mds:overflow-hidden mds:cursor-pointer mds:data-[active-preview=true]:outline-2 mds:data-[active-preview=true]:outline-offset-2 mds:data-[active-preview=true]:outline-border-interactive-neutral-active"),children:[e.jsx("img",{className:c.cn("mds:object-cover mds:h-full mds:w-full ",j),src:p,alt:`Image uploaded with id ${s}`,onClick:()=>{v||o({id:s,previewSrc:p})}}),v?e.jsx(u.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>{t.stopPropagation(),P()},children:e.jsx(m.ButtonIcon,{children:e.jsx(B,{className:"mds:size-16 mds:text-interactive-error"})})}):e.jsxs(l.Popover,{open:D,onOpenChange:I,children:[e.jsx(l.PopoverTrigger,{asChild:!0,children:e.jsx(u.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>t.stopPropagation(),children:e.jsx(m.ButtonIcon,{children:e.jsx(M,{className:"mds:size-16"})})})}),e.jsx(l.PopoverPortal,{children:e.jsxs(l.PopoverContent,{side:"bottom",sideOffset:2,align:"end",className:c.cn("mds:flex mds:flex-col mds:p-8 mds:bg-surface-neutral-l1 mds:rounded-18 mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out "),children:[e.jsxs(u.ButtonRoot,{onClick:()=>{o({id:s,previewSrc:p}),I(!1)},size:"xs",variant:"ghost",children:[e.jsx(m.ButtonIcon,{children:e.jsx(S,{className:"mds:size-20 mds:text-tertiary"})}),e.jsx(q.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(u.ButtonRoot,{className:"mds:justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(m.ButtonIcon,{children:e.jsx(B,{className:"mds:size-20 mds:text-interactive-error"})}),e.jsx(q.ButtonLabel,{className:" mds:text-interactive-error",children:"Delete"})]})]})})]})]}))};C.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=C;

package/dist/mainstack-design-system18.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useState as M, useCallback as N } from "react";
-import { g as U, c as l } from "./utils-BZCL7Pmr.js";
+import { useState as M, useCallback as z } from "react";
+import { g as U, c as l } from "./utils-DXE0XS2l.js";
 import "./mainstack-design-system356.js";
 import A from "./mainstack-design-system54.js";
 import H from "./mainstack-design-system224.js";
 import S from "./mainstack-design-system240.js";
-import y from "./mainstack-design-system285.js";
-import "./player-Ck7gm4q6.js";
+import N from "./mainstack-design-system285.js";
+import "./player-DZwh_QyI.js";
 import { useImageUploaderContext as T } from "./mainstack-design-system24.js";
-import { DropzoneUploadArea as E } from "./mainstack-design-system603.js";
+import { DropzoneUploadArea as E } from "./mainstack-design-system604.js";
 import { P as L, a as R, b as V, c as $ } from "./index-RoCFhqzC.js";
-import { ButtonIcon as c } from "./mainstack-design-system386.js";
-import { ButtonLabel as k } from "./mainstack-design-system387.js";
-import { ButtonRoot as p } from "./mainstack-design-system388.js";
-import "./mainstack-design-system389.js";
+import { ButtonIcon as c } from "./mainstack-design-system387.js";
+import { ButtonLabel as k } from "./mainstack-design-system388.js";
+import { ButtonRoot as p } from "./mainstack-design-system389.js";
+import "./mainstack-design-system390.js";
 const q = ({
   className: P,
   children: b,
@@ -24,26 +24,26 @@ const q = ({
   ...I
 }) => {
   const {
-    values: s,
+    values: o,
     maxFiles: f,
     accept: O,
     maxSize: j,
     onValuesChange: m,
     onError: h,
-    setMainPreviewFile: o,
+    setMainPreviewFile: s,
     mainPreviewFile: i
-  } = T(), [B, w] = M(!1), v = i?.id === t, C = N(() => {
-    const r = [...s], a = r.findIndex((n) => n.id === t), g = i?.id === t;
-    a > -1 && (r.splice(a, 1), m(r), g && o(r[0] || null));
-  }, [m, t, o, s, i]), F = N(
+  } = T(), [B, w] = M(!1), v = i?.id === t, C = z(() => {
+    const r = [...o], a = r.findIndex((n) => n.id === t), g = i?.id === t;
+    a > -1 && (r.splice(a, 1), m(r), g && s(r[0] || null));
+  }, [m, t, s, o, i]), F = z(
     async (r) => {
-      const a = f || 0, g = Math.max(0, a - s.length), n = r.slice(0, g);
+      const a = f || 0, g = Math.max(0, a - o.length), n = r.slice(0, g);
       if (!(n.length === 0 || n.length >= a))
         try {
           const x = await U(
             n
-          ), z = [...s, ...x];
-          m(z), i || o(z[0] || null);
+          ), y = [...o, ...x];
+          m(y), i || s(y[0] || null);
         } catch (x) {
           h && h(x);
         }
@@ -52,8 +52,8 @@ const q = ({
       i,
       f,
       m,
-      o,
       s,
+      o,
       h
     ]
   );
@@ -96,7 +96,7 @@ const q = ({
             src: u,
             alt: `Image uploaded with id ${t}`,
             onClick: () => {
-              v || o({ id: t, previewSrc: u });
+              v || s({ id: t, previewSrc: u });
             }
           }
         ),
@@ -111,7 +111,7 @@ const q = ({
             onClick: (r) => {
               r.stopPropagation(), C();
             },
-            children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(y, { className: "mds:size-16 mds:text-interactive-error" }) })
+            children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(N, { className: "mds:size-16 mds:text-interactive-error" }) })
           }
         ) : /* @__PURE__ */ d(
           L,
@@ -145,7 +145,7 @@ const q = ({
                       p,
                       {
                         onClick: () => {
-                          o({
+                          s({
                             id: t,
                             previewSrc: u
                           }), w(!1);
@@ -153,7 +153,7 @@ const q = ({
                         size: "xs",
                         variant: "ghost",
                         children: [
-                          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(S, { className: "mds:size-20" }) }),
+                          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(S, { className: "mds:size-20 mds:text-tertiary" }) }),
                           /* @__PURE__ */ e(k, { children: "Set as cover image" })
                         ]
                       }
@@ -166,7 +166,7 @@ const q = ({
                         variant: "ghost",
                         onClick: C,
                         children: [
-                          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(y, { className: "mds:size-20 mds:text-interactive-error" }) }),
+                          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(N, { className: "mds:size-20 mds:text-interactive-error" }) }),
                           /* @__PURE__ */ e(k, { className: " mds:text-interactive-error", children: "Delete" })
                         ]
                       }

package/dist/mainstack-design-system19.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./utils-Dxf9lCRG.cjs"),i=require("./mainstack-design-system386.cjs"),c=require("./mainstack-design-system387.cjs"),l=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system108.cjs"),B=require("./mainstack-design-system130.cjs");require("./player-BhPsxk-M.cjs");const h=require("./mainstack-design-system24.cjs"),b=require("./mainstack-design-system603.cjs"),d=({className:u,onLibrarySelect:m,children:t,...p})=>{const{accept:x,maxFiles:_,maxSize:g,onValuesChange:r,onError:n,setMainPreviewFile:s}=h.useImageUploaderContext(),j=q.useCallback(async I=>{try{const o=await a.generateImageFilePreview(I);r(o),s(o[0])}catch(o){n&&n(o)}},[r,s,n]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:a.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",u),...p,children:t||e.jsxs(e.Fragment,{children:[e.jsx(b.DropzoneUploadArea,{onDrop:j,accept:x,maxFiles:_,maxSize:g,noDrag:!0,asChild:!0,children:e.jsxs(l.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(i.ButtonIcon,{children:e.jsx(B,{})}),e.jsx(c.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(l.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:m,children:[e.jsx(i.ButtonIcon,{children:e.jsx(v,{})}),e.jsx(c.ButtonLabel,{children:"Select from library"})]})]})})};d.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./utils-DjhkvmrR.cjs"),i=require("./mainstack-design-system387.cjs"),c=require("./mainstack-design-system388.cjs"),l=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system108.cjs"),B=require("./mainstack-design-system130.cjs");require("./player-BgCieQgv.cjs");const h=require("./mainstack-design-system24.cjs"),b=require("./mainstack-design-system604.cjs"),d=({className:u,onLibrarySelect:m,children:t,...p})=>{const{accept:x,maxFiles:_,maxSize:g,onValuesChange:r,onError:n,setMainPreviewFile:s}=h.useImageUploaderContext(),j=q.useCallback(async I=>{try{const o=await a.generateImageFilePreview(I);r(o),s(o[0])}catch(o){n&&n(o)}},[r,s,n]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:a.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",u),...p,children:t||e.jsxs(e.Fragment,{children:[e.jsx(b.DropzoneUploadArea,{onDrop:j,accept:x,maxFiles:_,maxSize:g,noDrag:!0,asChild:!0,children:e.jsxs(l.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(i.ButtonIcon,{children:e.jsx(B,{})}),e.jsx(c.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(l.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:m,children:[e.jsx(i.ButtonIcon,{children:e.jsx(v,{})}),e.jsx(c.ButtonLabel,{children:"Select from library"})]})]})})};d.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=d;

package/dist/mainstack-design-system19.js

@@ -1,17 +1,17 @@
 'use client';
 import { jsx as e, jsxs as t, Fragment as x } from "react/jsx-runtime";
 import { useCallback as y } from "react";
-import { g as I, c as w } from "./utils-BZCL7Pmr.js";
-import { ButtonIcon as n } from "./mainstack-design-system386.js";
-import { ButtonLabel as s } from "./mainstack-design-system387.js";
-import { ButtonRoot as d } from "./mainstack-design-system388.js";
-import "./mainstack-design-system389.js";
+import { g as I, c as w } from "./utils-DXE0XS2l.js";
+import { ButtonIcon as n } from "./mainstack-design-system387.js";
+import { ButtonLabel as s } from "./mainstack-design-system388.js";
+import { ButtonRoot as d } from "./mainstack-design-system389.js";
+import "./mainstack-design-system390.js";
 import "./mainstack-design-system356.js";
 import C from "./mainstack-design-system108.js";
 import U from "./mainstack-design-system130.js";
-import "./player-Ck7gm4q6.js";
+import "./player-DZwh_QyI.js";
 import { useImageUploaderContext as b } from "./mainstack-design-system24.js";
-import { DropzoneUploadArea as z } from "./mainstack-design-system603.js";
+import { DropzoneUploadArea as z } from "./mainstack-design-system604.js";
 const D = ({
   className: c,
   onLibrarySelect: l,

package/dist/mainstack-design-system2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system13.cjs"),s=require("./mainstack-design-system14.cjs"),i=require("./mainstack-design-system385.cjs");require("react");exports.useElementWidth=e.useElementWidth;exports.useDisclosure=s.useDisclosure;exports.useContainerMatchMedia=i.useContainerMatchMedia;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system13.cjs"),s=require("./mainstack-design-system14.cjs"),i=require("./mainstack-design-system386.cjs");require("react");exports.useElementWidth=e.useElementWidth;exports.useDisclosure=s.useDisclosure;exports.useContainerMatchMedia=i.useContainerMatchMedia;

package/dist/mainstack-design-system2.js

@@ -1,6 +1,6 @@
 import { useElementWidth as t } from "./mainstack-design-system13.js";
 import { useDisclosure as m } from "./mainstack-design-system14.js";
-import { useContainerMatchMedia as p } from "./mainstack-design-system385.js";
+import { useContainerMatchMedia as p } from "./mainstack-design-system386.js";
 import "react";
 export {
   p as useContainerMatchMedia,

package/dist/mainstack-design-system20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const v=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system356.cjs");const p=require("./mainstack-design-system285.cjs");require("react");require("./player-BhPsxk-M.cjs");const g=require("./utils-Dxf9lCRG.cjs"),b=require("./mainstack-design-system24.cjs"),o=({className:n,children:a,...i})=>{const{mainPreviewFile:r,onValuesChange:d,values:l,setMainPreviewFile:m}=b.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:g.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:w-504 mds:data-[active-preview=true]:overflow-hidden  mds:h-378 mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral  mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed ",n),...i,children:r?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r.previewSrc,alt:"Image Uploader Main Preview image ",className:"mds:absolute mds:top-0 mds:left-0 mds:w-full mds:h-full mds:object-cover"}),e.jsx(v.ButtonRoot,{rounded:"sm",size:"tiny",status:"default",variant:"secondary",iconOnly:!0,className:"mds:absolute mds:right-20 mds:top-20 mds:z-10",onClick:()=>{const t=[...l],s=t.findIndex(c=>c.id===r.id);s>-1&&(t.splice(s,1),d(t),m(t[0]||null))},children:e.jsx(u.ButtonIcon,{children:e.jsx(p,{variant:"outlined",className:"mds:h-16 mds:w-16 mds:text-error"})})})]}):a})};o.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const v=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");require("./mainstack-design-system356.cjs");const p=require("./mainstack-design-system285.cjs");require("react");require("./player-BgCieQgv.cjs");const g=require("./utils-DjhkvmrR.cjs"),b=require("./mainstack-design-system24.cjs"),o=({className:n,children:a,...i})=>{const{mainPreviewFile:r,onValuesChange:d,values:l,setMainPreviewFile:m}=b.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:g.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:w-504 mds:data-[active-preview=true]:overflow-hidden  mds:h-378 mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral  mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed ",n),...i,children:r?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r.previewSrc,alt:"Image Uploader Main Preview image ",className:"mds:absolute mds:top-0 mds:left-0 mds:w-full mds:h-full mds:object-cover"}),e.jsx(v.ButtonRoot,{rounded:"sm",size:"tiny",status:"default",variant:"secondary",iconOnly:!0,className:"mds:absolute mds:right-20 mds:top-20 mds:z-10",onClick:()=>{const t=[...l],s=t.findIndex(c=>c.id===r.id);s>-1&&(t.splice(s,1),d(t),m(t[0]||null))},children:e.jsx(u.ButtonIcon,{children:e.jsx(p,{variant:"outlined",className:"mds:h-16 mds:w-16 mds:text-error"})})})]}):a})};o.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=o;

package/dist/mainstack-design-system20.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as c, Fragment as p } from "react/jsx-runtime";
-import { ButtonIcon as u } from "./mainstack-design-system386.js";
-import "./mainstack-design-system387.js";
-import { ButtonRoot as v } from "./mainstack-design-system388.js";
-import "./mainstack-design-system389.js";
+import { ButtonIcon as u } from "./mainstack-design-system387.js";
+import "./mainstack-design-system388.js";
+import { ButtonRoot as v } from "./mainstack-design-system389.js";
+import "./mainstack-design-system390.js";
 import "./mainstack-design-system356.js";
 import g from "./mainstack-design-system285.js";
 import "react";
-import "./player-Ck7gm4q6.js";
-import { c as f } from "./utils-BZCL7Pmr.js";
+import "./player-DZwh_QyI.js";
+import { c as f } from "./utils-DXE0XS2l.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system24.js";
 const w = ({
   className: a,

package/dist/mainstack-design-system21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-Dxf9lCRG.cjs"),e=({className:o,...t})=>r.jsx("h5",{"data-slot":"image-uploader-dropzone-title",className:a.cn("mds:body-small-medium mds:text-primary",o),...t});e.displayName="ImageUploaderDropzoneTitle";exports.ImageUploaderDropzoneTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-DjhkvmrR.cjs"),e=({className:o,...t})=>r.jsx("h5",{"data-slot":"image-uploader-dropzone-title",className:a.cn("mds:body-small-medium mds:text-primary",o),...t});e.displayName="ImageUploaderDropzoneTitle";exports.ImageUploaderDropzoneTitle=e;

package/dist/mainstack-design-system21.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as m } from "./utils-BZCL7Pmr.js";
+import { c as m } from "./utils-DXE0XS2l.js";
 const r = ({
   className: e,
   ...o

package/dist/mainstack-design-system22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-Dxf9lCRG.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"image-uploader-dropzoneSubtext",className:a.cn("mds:body-extrasmall-regular mds:text-secondary",t),...o});e.displayName="ImageUploaderDropzoneSubtext";exports.ImageUploaderDropzoneSubtext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-DjhkvmrR.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"image-uploader-dropzoneSubtext",className:a.cn("mds:body-extrasmall-regular mds:text-secondary",t),...o});e.displayName="ImageUploaderDropzoneSubtext";exports.ImageUploaderDropzoneSubtext=e;

package/dist/mainstack-design-system22.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as r } from "./utils-BZCL7Pmr.js";
+import { c as r } from "./utils-DXE0XS2l.js";
 const t = ({
   className: e,
   ...o

package/dist/mainstack-design-system23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),n=require("./utils-Dxf9lCRG.cjs"),_=require("./mainstack-design-system603.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system356.cjs");const f=require("./mainstack-design-system54.cjs");require("./player-BhPsxk-M.cjs");const s=({className:l,children:i,...c})=>{const{onValuesChange:o,setMainPreviewFile:a,accept:d,maxSize:m,maxFiles:p,onError:r}=I.useImageUploaderContext(),u=x.useCallback(async g=>{try{const e=await n.generateImageFilePreview(g);o(e),a(e[0])}catch(e){r&&r(e)}},[o,a,r]);return t.jsxs(_.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:n.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",l),onDrop:u,accept:d,maxFiles:p,maxSize:m,asChild:!0,...c,children:[t.jsx(f,{variant:"filled"}),i]})};s.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),n=require("./utils-DjhkvmrR.cjs"),_=require("./mainstack-design-system604.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system356.cjs");const f=require("./mainstack-design-system54.cjs");require("./player-BgCieQgv.cjs");const s=({className:l,children:i,...c})=>{const{onValuesChange:o,setMainPreviewFile:a,accept:d,maxSize:m,maxFiles:p,onError:r}=I.useImageUploaderContext(),u=x.useCallback(async g=>{try{const e=await n.generateImageFilePreview(g);o(e),a(e[0])}catch(e){r&&r(e)}},[o,a,r]);return t.jsxs(_.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:n.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",l),onDrop:u,accept:d,maxFiles:p,maxSize:m,asChild:!0,...c,children:[t.jsx(f,{variant:"filled"}),i]})};s.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=s;

package/dist/mainstack-design-system23.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as f } from "react/jsx-runtime";
 import { useCallback as g } from "react";
-import { g as x, c as u } from "./utils-BZCL7Pmr.js";
-import { DropzoneUploadArea as h } from "./mainstack-design-system603.js";
+import { g as x, c as u } from "./utils-DXE0XS2l.js";
+import { DropzoneUploadArea as h } from "./mainstack-design-system604.js";
 import { useImageUploaderContext as v } from "./mainstack-design-system24.js";
 import "./mainstack-design-system356.js";
 import z from "./mainstack-design-system54.js";
-import "./player-Ck7gm4q6.js";
+import "./player-DZwh_QyI.js";
 const I = ({
   className: t,
   children: m,

package/dist/mainstack-design-system25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system26.cjs"),o=require("./mainstack-design-system32.cjs"),r=require("./mainstack-design-system29.cjs"),l=require("./mainstack-design-system30.cjs"),p=require("./mainstack-design-system28.cjs"),i=require("./mainstack-design-system27.cjs"),t=require("./mainstack-design-system31.cjs"),n={Root:e.FileUploaderRoot,DropZone:o.FileUploaderDropzone,DropZoneTitle:r.FileUploaderDropzoneTitle,DropZoneSubtext:l.FileUploaderDropzoneSubtext,DropzoneActions:t.FileUploaderDropzoneActions,Preview:p.FileUploaderPreview,PreviewItem:i.FileUploaderPreviewItem};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.FileUploaderGroup=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system26.cjs"),o=require("./mainstack-design-system33.cjs"),r=require("./mainstack-design-system30.cjs"),l=require("./mainstack-design-system31.cjs"),p=require("./mainstack-design-system28.cjs"),i=require("./mainstack-design-system27.cjs"),a=require("./mainstack-design-system32.cjs"),t=require("./mainstack-design-system29.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-system25.js

@@ -1,24 +1,27 @@
 import { FileUploaderRoot as o } from "./mainstack-design-system26.js";
-import { FileUploaderDropzone as e } from "./mainstack-design-system32.js";
-import { FileUploaderDropzoneTitle as r } from "./mainstack-design-system29.js";
-import { FileUploaderDropzoneSubtext as p } from "./mainstack-design-system30.js";
+import { FileUploaderDropzone as r } from "./mainstack-design-system33.js";
+import { FileUploaderDropzoneTitle as e } from "./mainstack-design-system30.js";
+import { FileUploaderDropzoneSubtext as p } from "./mainstack-design-system31.js";
 import { FileUploaderPreview as i } from "./mainstack-design-system28.js";
 import { FileUploaderPreviewItem as t } from "./mainstack-design-system27.js";
-import { FileUploaderDropzoneActions as l } from "./mainstack-design-system31.js";
-const f = {
+import { FileUploaderDropzoneActions as l } from "./mainstack-design-system32.js";
+import { FileUploaderError as m } from "./mainstack-design-system29.js";
+const v = {
   Root: o,
-  DropZone: e,
-  DropZoneTitle: r,
+  DropZone: r,
+  DropZoneTitle: e,
   DropZoneSubtext: p,
   DropzoneActions: l,
   Preview: i,
-  PreviewItem: t
+  PreviewItem: t,
+  Error: m
 };
 export {
-  e as FileUploaderDropzone,
+  r as FileUploaderDropzone,
   p as FileUploaderDropzoneSubtext,
-  r as FileUploaderDropzoneTitle,
-  f as FileUploaderGroup,
+  e as FileUploaderDropzoneTitle,
+  m as FileUploaderError,
+  v as FileUploaderGroup,
   i as FileUploaderPreview,
   t as FileUploaderPreviewItem,
   o as FileUploaderRoot

package/dist/mainstack-design-system26.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),F=require("./mainstack-design-system33.cjs"),U=require("./index-C8aODXfJ.cjs"),h=require("./utils-Dxf9lCRG.cjs"),n=require("react"),a=({values:d,onValuesChange:i,defaultValues:r=[],isDisabled:o,accept:s={"file/*":[".pdf",".txt",".docx"]},maxFiles:p=4,maxSize:u,multiple:c=!0,onError:m,children:f,className:x,...C})=>{const[l,g]=U.useControllableState({prop:d,defaultProp:r,onChange:i}),v=!c&&l.length>0,y=n.Children.map(f,e=>n.isValidElement(e)&&e.type?.displayName==="FileUploaderDropzone"&&v?null:e);return t.jsx(F.FileUploaderContext.Provider,{value:{values:l,defaultValues:r,isDisabled:o,accept:s,maxFiles:p,maxSize:u,onValuesChange:g,onError:m},children:t.jsx("div",{"data-disabled":o,"aria-disabled":o,"data-slot":"file-uploader-root",className:h.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",x),...C,children:y})})};a.displayName="FileUploaderRoot";exports.FileUploaderRoot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),j=require("./mainstack-design-system34.cjs"),z=require("./index-C8aODXfJ.cjs"),S=require("./utils-DjhkvmrR.cjs"),o=require("react"),p=({values:m,onValuesChange:f,defaultValues:s=[],isDisabled:r,accept:C={"file/*":[".pdf",".txt",".docx"]},maxFiles:a=4,maxSize:g,multiple:i=!0,onError:t,children:y,className:b,...h})=>{const[n,d]=z.useControllableState({prop:m,defaultProp:s,onChange:f}),[v,l]=o.useState(null),x=o.useCallback(e=>{l(null),d(e)},[d]),U=o.useCallback(e=>{const u=e instanceof Error?e.message:"An error occurred";l(u),t&&t(e)},[t]),F=!i||n.length>=a,q=n.length>0&&F,R=o.Children.map(y,e=>o.isValidElement(e)&&e.type?.displayName==="FileUploaderDropzone"&&q?null:e);return c.jsx(j.FileUploaderContext.Provider,{value:{values:n,defaultValues:s,isDisabled:r,accept:C,maxFiles:a,maxSize:g,multiple:i,error:v,setError:l,onValuesChange:x,onError:U},children:c.jsx("div",{"data-disabled":r,"aria-disabled":r,"data-slot":"file-uploader-root",className:S.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",b),...h,children:R})})};p.displayName="FileUploaderRoot";exports.FileUploaderRoot=p;

package/dist/mainstack-design-system26.js

@@ -1,59 +1,73 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
-import { FileUploaderContext as g } from "./mainstack-design-system33.js";
-import { u as y } from "./index-437EL2iq.js";
-import { c as z } from "./utils-BZCL7Pmr.js";
-import l from "react";
-const F = ({
-  values: n,
-  onValuesChange: d,
-  defaultValues: r = [],
-  isDisabled: o,
-  accept: i = { "file/*": [".pdf", ".txt", ".docx"] },
-  maxFiles: p = 4,
-  maxSize: s,
-  multiple: m = !0,
-  onError: f,
-  children: u,
-  className: c,
-  ...x
+import { jsx as p } from "react/jsx-runtime";
+import { FileUploaderContext as N } from "./mainstack-design-system34.js";
+import { u as R } from "./index-437EL2iq.js";
+import { c as V } from "./utils-DXE0XS2l.js";
+import m, { useState as A, useCallback as c } from "react";
+const D = ({
+  values: u,
+  onValuesChange: f,
+  defaultValues: n = [],
+  isDisabled: e,
+  accept: C = { "file/*": [".pdf", ".txt", ".docx"] },
+  maxFiles: s = 4,
+  maxSize: g,
+  multiple: l = !0,
+  onError: r,
+  children: h,
+  className: v,
+  ...y
 }) => {
-  const [t, C] = y({
-    prop: n,
-    defaultProp: r,
-    onChange: d
-  }), h = !m && t.length > 0, v = l.Children.map(u, (e) => l.isValidElement(e) && e.type?.displayName === "FileUploaderDropzone" && h ? null : e);
-  return /* @__PURE__ */ a(
-    g.Provider,
+  const [t, d] = R({
+    prop: u,
+    defaultProp: n,
+    onChange: f
+  }), [x, a] = A(null), z = c(
+    (o) => {
+      a(null), d(o);
+    },
+    [d]
+  ), U = c(
+    (o) => {
+      const i = o instanceof Error ? o.message : "An error occurred";
+      a(i), r && r(o);
+    },
+    [r]
+  ), b = !l || t.length >= s, E = t.length > 0 && b, F = m.Children.map(h, (o) => m.isValidElement(o) && o.type?.displayName === "FileUploaderDropzone" && E ? null : o);
+  return /* @__PURE__ */ p(
+    N.Provider,
     {
       value: {
         values: t,
-        defaultValues: r,
-        isDisabled: o,
-        accept: i,
-        maxFiles: p,
-        maxSize: s,
-        onValuesChange: C,
-        onError: f
+        defaultValues: n,
+        isDisabled: e,
+        accept: C,
+        maxFiles: s,
+        maxSize: g,
+        multiple: l,
+        error: x,
+        setError: a,
+        onValuesChange: z,
+        onError: U
       },
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ p(
         "div",
         {
-          "data-disabled": o,
-          "aria-disabled": o,
+          "data-disabled": e,
+          "aria-disabled": e,
           "data-slot": "file-uploader-root",
-          className: z(
+          className: V(
             "mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",
-            c
+            v
           ),
-          ...x,
-          children: v
+          ...y,
+          children: F
         }
       )
     }
   );
 };
-F.displayName = "FileUploaderRoot";
+D.displayName = "FileUploaderRoot";
 export {
-  F as FileUploaderRoot
+  D as FileUploaderRoot
 };

package/dist/mainstack-design-system27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-Dxf9lCRG.cjs"),h=require("./mainstack-design-system33.cjs"),f=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const j=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system285.cjs");require("./player-BhPsxk-M.cjs");const l=({children:t,className:i,fileId:d,fileName:o,formatedSize:a,fileExtension:c})=>{const{values:r,onValuesChange:n}=h.useFileUploaderContext(),u=p.useCallback(()=>{const s=[...r],m=s.findIndex(x=>x.id===d);m>-1&&(s.splice(m,1),n(s))},[n,d,r]);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",i),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"})})})]})};l.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-DjhkvmrR.cjs"),h=require("./mainstack-design-system34.cjs"),f=require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const j=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system285.cjs");require("./player-BgCieQgv.cjs");const l=({children:t,className:i,fileId:d,fileName:o,formatedSize:a,fileExtension:c})=>{const{values:r,onValuesChange:n}=h.useFileUploaderContext(),u=p.useCallback(()=>{const s=[...r],m=s.findIndex(x=>x.id===d);m>-1&&(s.splice(m,1),n(s))},[n,d,r]);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",i),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"})})})]})};l.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=l;

package/dist/mainstack-design-system27.js

@@ -1,14 +1,14 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-BZCL7Pmr.js";
-import { useFileUploaderContext as h } from "./mainstack-design-system33.js";
-import { ButtonIcon as y } from "./mainstack-design-system386.js";
-import "./mainstack-design-system387.js";
-import { ButtonRoot as w } from "./mainstack-design-system388.js";
-import "./mainstack-design-system389.js";
+import { c as x } from "./utils-DXE0XS2l.js";
+import { useFileUploaderContext as h } from "./mainstack-design-system34.js";
+import { ButtonIcon as y } from "./mainstack-design-system387.js";
+import "./mainstack-design-system388.js";
+import { ButtonRoot as w } from "./mainstack-design-system389.js";
+import "./mainstack-design-system390.js";
 import "./mainstack-design-system356.js";
 import v from "./mainstack-design-system285.js";
-import "./player-Ck7gm4q6.js";
+import "./player-DZwh_QyI.js";
 const N = ({
   children: d,
   className: l,

package/dist/mainstack-design-system28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./utils-Dxf9lCRG.cjs"),a=require("./mainstack-design-system33.cjs"),e=({children:l,className:r,...i})=>{const{values:t}=a.useFileUploaderContext();return o.jsx("div",{role:"list","data-slot":"file-uploader-preview",className:s.cn("mds:flex mds:items-center mds:gap-12",r),...i,children:l({values:t})})};e.displayName="FileUploaderPreview";exports.FileUploaderPreview=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-DjhkvmrR.cjs"),a=require("./mainstack-design-system34.cjs"),n=require("./mainstack-design-system378.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-system28.js

@@ -1,26 +1,38 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as s } from "./utils-BZCL7Pmr.js";
-import { useFileUploaderContext as t } from "./mainstack-design-system33.js";
-const a = ({
-  children: e,
-  className: r,
-  ...l
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { c as t } from "./utils-DXE0XS2l.js";
+import { useFileUploaderContext as a } from "./mainstack-design-system34.js";
+import { BodyText as d } from "./mainstack-design-system378.js";
+const p = ({
+  children: l,
+  className: s,
+  ...m
 }) => {
-  const { values: o } = t();
-  return /* @__PURE__ */ i(
+  const { values: e, multiple: r } = a();
+  return /* @__PURE__ */ o(
     "div",
     {
       role: "list",
       "data-slot": "file-uploader-preview",
-      className: s("mds:flex mds:items-center mds:gap-12", r),
-      ...l,
-      children: e({
-        values: o
-      })
+      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
+        })
+      ]
     }
   );
 };
-a.displayName = "FileUploaderPreview";
+p.displayName = "FileUploaderPreview";
 export {
-  a as FileUploaderPreview
+  p as FileUploaderPreview
 };

package/dist/mainstack-design-system29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-Dxf9lCRG.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-system426.cjs");require("./mainstack-design-system427.cjs");require("./mainstack-design-system428.cjs");const o=require("./mainstack-design-system429.cjs");require("./mainstack-design-system430.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system356.cjs");require("react");require("./player-BgCieQgv.cjs");const t=require("./mainstack-design-system34.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-system29.js

@@ -1,20 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "./utils-BZCL7Pmr.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-system426.js";
+import "./mainstack-design-system427.js";
+import "./mainstack-design-system428.js";
+import { FormErrorStatus as t } from "./mainstack-design-system429.js";
+import "./mainstack-design-system430.js";
+import "./mainstack-design-system431.js";
+import "./mainstack-design-system432.js";
+import "./mainstack-design-system433.js";
+import "./mainstack-design-system356.js";
+import "react";
+import "./player-DZwh_QyI.js";
+import { useFileUploaderContext as m } from "./mainstack-design-system34.js";
+const E = () => {
+  const { error: r } = m();
+  return r ? /* @__PURE__ */ o(t, { className: "mds:mt-8", children: r }) : null;
+};
 export {
-  m as FileUploaderDropzoneTitle
+  E as FileUploaderError
 };

package/dist/mainstack-design-system3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system34.cjs");exports.HeadlineText=e.HeadlineText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system380.cjs");exports.HeadlineText=e.HeadlineText;

package/dist/mainstack-design-system3.js

@@ -1,4 +1,4 @@
-import { HeadlineText as r } from "./mainstack-design-system34.js";
+import { HeadlineText as r } from "./mainstack-design-system380.js";
 export {
   r as HeadlineText
 };