mainstack-design-system 1.19.8 → 1.19.9

package/dist/mainstack-design-system18.js

@@ -1,128 +1,133 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { useState as _, useCallback as I } from "react";
-import { g as j, c as h } from "./utils-D4bN6vBC.js";
+import { g as j, m as P, c as g } from "./utils-DLi4dp19.js";
 import "./mainstack-design-system366.js";
 import A from "./mainstack-design-system55.js";
-import F from "./mainstack-design-system225.js";
-import H from "./mainstack-design-system241.js";
-import k from "./mainstack-design-system286.js";
-import "./player-CgAfbAf_.js";
-import { useImageUploaderContext as L } from "./mainstack-design-system25.js";
-import { DropzoneUploadArea as $ } from "./mainstack-design-system629.js";
-import { P as V, a as Y, b as q, c as G } from "./index-RoCFhqzC.js";
-import { ButtonIcon as g } from "./mainstack-design-system401.js";
-import { ButtonLabel as B } from "./mainstack-design-system402.js";
-import { ButtonRoot as v } from "./mainstack-design-system403.js";
+import H from "./mainstack-design-system225.js";
+import L from "./mainstack-design-system241.js";
+import B from "./mainstack-design-system286.js";
+import "./player-DeeuVfPr.js";
+import { useImageUploaderContext as $ } from "./mainstack-design-system25.js";
+import { DropzoneUploadArea as V } from "./mainstack-design-system629.js";
+import { P as Y, a as q, b as G, c as J } from "./index-RoCFhqzC.js";
+import { ButtonIcon as v } from "./mainstack-design-system401.js";
+import { ButtonLabel as D } from "./mainstack-design-system402.js";
+import { ButtonRoot as x } from "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
 import "./mainstack-design-system405.js";
-const J = ({
-  className: P,
+const K = ({
+  className: C,
   children: z,
-  previewImgSrc: x,
-  previewId: t,
-  isPlaceholder: D,
-  onClick: O,
-  ...E
+  previewImgSrc: w,
+  previewId: o,
+  isPlaceholder: O,
+  onClick: E,
+  ...M
 }) => {
   const {
-    values: n,
-    maxFiles: l,
-    accept: M,
-    maxSize: c,
-    onValuesChange: u,
-    onError: s,
-    setMainPreviewFile: i,
-    mainPreviewFile: m,
-    isError: S
-  } = L(), [T, C] = _(!1), w = m?.id === t, N = I(() => {
-    const r = [...n], a = r.findIndex((p) => p.id === t), y = m?.id === t;
-    a > -1 && (r.splice(a, 1), u(r), y && i(r[0] || null));
-  }, [u, t, i, n, m]), U = I(
-    async (r, a) => {
-      const y = n.length, p = (l || 0) - y;
-      if (r.length > p || a.length > 0) {
-        if (s) {
-          if (r.length > p || a.some(
-            (o) => o.errors.some((b) => b.code === "too-many-files")
+    values: s,
+    maxFiles: p,
+    accept: T,
+    maxSize: f,
+    onValuesChange: a,
+    onError: i,
+    setMainPreviewFile: n,
+    mainPreviewFile: c,
+    isError: F
+  } = $(), [S, N] = _(!1), y = c?.id === o, k = I(() => {
+    const r = [...s], m = r.findIndex((h) => h.id === o), b = c?.id === o;
+    m > -1 && (r.splice(m, 1), a(r), b && n(r[0] || null));
+  }, [a, o, n, s, c]), U = I(
+    async (r, m) => {
+      const b = s.length, h = (p || 0) - b;
+      if (r.length > h || m.length > 0) {
+        if (i) {
+          if (r.length > h || m.some(
+            (t) => t.errors.some((l) => l.code === "too-many-files")
           ))
-            return s(
-              new Error(`You can only upload a maximum of ${l} images.`)
+            return i(
+              new Error(`You can only upload a maximum of ${p} images.`)
             );
-          if (a.some(
-            (o) => o.errors.some((b) => b.code === "file-too-large")
+          if (m.some(
+            (t) => t.errors.some((l) => l.code === "file-too-large")
           )) {
-            const o = c ? (c / 1048576).toFixed(0) : "0";
-            return s(
-              new Error(`Image size exceeds the ${o}MB limit.`)
+            const t = f ? (f / 1048576).toFixed(0) : "0";
+            return i(
+              new Error(`Image size exceeds the ${t}MB limit.`)
             );
           }
-          return s(new Error("Invalid image type or criteria."));
+          return i(new Error("Invalid image type or criteria."));
         }
         return;
       }
       try {
-        const f = await j(r), o = [...n, ...f];
-        u(o), m || i(o[o.length - 1] || null);
-      } catch (f) {
-        s && s(f);
+        const d = await j(r);
+        let t = [...s, ...d];
+        if (!c) {
+          const l = d[d.length - 1];
+          t = P(t, l.id), n(l);
+        }
+        a(t);
+      } catch (d) {
+        i && i(d);
       }
     },
     [
-      n,
-      l,
-      c,
-      u,
       s,
-      m,
-      i
+      p,
+      f,
+      a,
+      i,
+      c,
+      n
     ]
   );
-  return z || (D ? /* @__PURE__ */ e(
-    $,
+  return z || (O ? /* @__PURE__ */ e(
+    V,
     {
       "data-slot": "image-uploader-preview-item-placeholder",
       className: "mds:w-fit",
       noDrag: !0,
-      accept: M,
-      maxFiles: l,
-      maxSize: c,
+      accept: T,
+      maxFiles: p,
+      maxSize: f,
       onDrop: U,
       children: /* @__PURE__ */ e(
         "button",
         {
-          className: h(
+          className: g(
             "mds:border mds:border-dashed mds:border-border-interactive-primary 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",
-            S && "mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",
-            P
+            F && "mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",
+            C
           ),
-          onClick: O,
-          ...E,
+          onClick: E,
+          ...M,
           children: /* @__PURE__ */ e(A, { variant: "filled" })
         }
       )
     }
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ u(
     "div",
     {
       "data-slot": "image-uploader-preview-item",
-      "data-active-preview": w,
-      className: h(
+      "data-active-preview": y,
+      className: g(
         "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-primary-active"
       ),
       children: [
         /* @__PURE__ */ e(
           "img",
           {
-            className: h("mds:object-cover mds:h-full mds:w-full ", P),
-            src: x,
-            alt: `Image uploaded with id ${t}`,
+            className: g("mds:object-cover mds:h-full mds:w-full ", C),
+            src: w,
+            alt: `Image uploaded with id ${o}`,
             onClick: () => {
-              w || i({ id: t, previewSrc: x });
+              y || (n({ id: o, previewSrc: w }), a(P(s, o)));
             }
           }
         ),
-        w ? /* @__PURE__ */ e(
-          v,
+        y ? /* @__PURE__ */ e(
+          x,
           {
             className: "mds:absolute mds:top-4 mds:right-4",
             size: "tiny",
@@ -130,18 +135,18 @@ const J = ({
             rounded: "sm",
             iconOnly: !0,
             onClick: (r) => {
-              r.stopPropagation(), N();
+              r.stopPropagation(), k();
             },
-            children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(k, { className: "mds:size-16 mds:text-interactive-error" }) })
+            children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(B, { className: "mds:size-16 mds:text-interactive-error" }) })
           }
-        ) : /* @__PURE__ */ d(
-          V,
+        ) : /* @__PURE__ */ u(
+          Y,
           {
-            open: T,
-            onOpenChange: C,
+            open: S,
+            onOpenChange: N,
             children: [
-              /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(
-                v,
+              /* @__PURE__ */ e(q, { asChild: !0, children: /* @__PURE__ */ e(
+                x,
                 {
                   className: "mds:absolute mds:top-4 mds:right-4",
                   size: "tiny",
@@ -149,46 +154,46 @@ const J = ({
                   rounded: "sm",
                   iconOnly: !0,
                   onClick: (r) => r.stopPropagation(),
-                  children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(F, { className: "mds:size-16" }) })
+                  children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(H, { className: "mds:size-16" }) })
                 }
               ) }),
-              /* @__PURE__ */ e(q, { children: /* @__PURE__ */ d(
-                G,
+              /* @__PURE__ */ e(G, { children: /* @__PURE__ */ u(
+                J,
                 {
                   side: "bottom",
                   sideOffset: 2,
                   align: "end",
-                  className: h(
+                  className: g(
                     "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: [
-                    /* @__PURE__ */ d(
-                      v,
+                    /* @__PURE__ */ u(
+                      x,
                       {
                         onClick: () => {
-                          i({
-                            id: t,
-                            previewSrc: x
-                          }), C(!1);
+                          n({
+                            id: o,
+                            previewSrc: w
+                          }), a(P(s, o)), N(!1);
                         },
                         size: "xs",
                         variant: "ghost",
                         children: [
-                          /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(H, { className: "mds:size-20 mds:text-tertiary" }) }),
-                          /* @__PURE__ */ e(B, { children: "Set as cover image" })
+                          /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(L, { className: "mds:size-20 mds:text-tertiary" }) }),
+                          /* @__PURE__ */ e(D, { children: "Set as cover image" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ d(
-                      v,
+                    /* @__PURE__ */ u(
+                      x,
                       {
                         className: "mds:justify-start ",
                         size: "xs",
                         variant: "ghost",
-                        onClick: N,
+                        onClick: k,
                         children: [
-                          /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(k, { className: "mds:size-20 mds:text-interactive-error" }) }),
-                          /* @__PURE__ */ e(B, { className: " mds:text-interactive-error", children: "Delete" })
+                          /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(B, { className: "mds:size-20 mds:text-interactive-error" }) }),
+                          /* @__PURE__ */ e(D, { className: " mds:text-interactive-error", children: "Delete" })
                         ]
                       }
                     )
@@ -202,7 +207,7 @@ const J = ({
     }
   ));
 };
-J.displayName = "ImageUploaderPreviewItem";
+K.displayName = "ImageUploaderPreviewItem";
 export {
-  J as ImageUploaderPreviewItem
+  K as ImageUploaderPreviewItem
 };

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"),v=require("react"),d=require("./utils-BJ1u234q.cjs"),m=require("./mainstack-design-system401.cjs"),p=require("./mainstack-design-system402.cjs"),g=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-C6X6nrWe.cjs");const b=require("./mainstack-design-system25.cjs"),w=require("./mainstack-design-system629.cjs"),x=({className:_,onLibrarySelect:I,children:c,...q})=>{const{accept:y,maxFiles:s,maxSize:t,onValuesChange:l,onError:o,setMainPreviewFile:u}=b.useImageUploaderContext(),B=v.useCallback(async(h,a)=>{if(a.length>0&&o){if(a.some(n=>n.errors.some(i=>i.code==="file-too-large"))){const n=t?(t/1048576).toFixed(0):"0";return o(new Error(`Image size exceeds the ${n}MB limit.`))}return a.some(n=>n.errors.some(i=>i.code==="too-many-files"))?o(new Error(`You can only upload a maximum of ${s} images.`)):o(new Error("Invalid image type or criteria."))}try{const r=await d.generateImageFilePreview(h);l(r),u(r[0])}catch(r){o&&o(r)}},[l,u,o,s,t]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:d.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",_),...q,children:c||e.jsxs(e.Fragment,{children:[e.jsx(w.DropzoneUploadArea,{onDrop:B,accept:y,maxFiles:s,maxSize:t,noDrag:!0,asChild:!0,children:e.jsxs(g.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(m.ButtonIcon,{children:e.jsx(j,{})}),e.jsx(p.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(g.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:I,children:[e.jsx(m.ButtonIcon,{children:e.jsx(f,{})}),e.jsx(p.ButtonLabel,{children:"Select from library"})]})]})})};x.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),d=require("./utils-DgHSufYV.cjs"),m=require("./mainstack-design-system401.cjs"),p=require("./mainstack-design-system402.cjs"),g=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-DeknzY43.cjs");const b=require("./mainstack-design-system25.cjs"),w=require("./mainstack-design-system629.cjs"),x=({className:_,onLibrarySelect:I,children:c,...q})=>{const{accept:y,maxFiles:s,maxSize:t,onValuesChange:l,onError:o,setMainPreviewFile:u}=b.useImageUploaderContext(),B=v.useCallback(async(h,a)=>{if(a.length>0&&o){if(a.some(n=>n.errors.some(i=>i.code==="file-too-large"))){const n=t?(t/1048576).toFixed(0):"0";return o(new Error(`Image size exceeds the ${n}MB limit.`))}return a.some(n=>n.errors.some(i=>i.code==="too-many-files"))?o(new Error(`You can only upload a maximum of ${s} images.`)):o(new Error("Invalid image type or criteria."))}try{const r=await d.generateImageFilePreview(h);l(r),u(r[0])}catch(r){o&&o(r)}},[l,u,o,s,t]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:d.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",_),...q,children:c||e.jsxs(e.Fragment,{children:[e.jsx(w.DropzoneUploadArea,{onDrop:B,accept:y,maxFiles:s,maxSize:t,noDrag:!0,asChild:!0,children:e.jsxs(g.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(m.ButtonIcon,{children:e.jsx(j,{})}),e.jsx(p.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(g.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:I,children:[e.jsx(m.ButtonIcon,{children:e.jsx(f,{})}),e.jsx(p.ButtonLabel,{children:"Select from library"})]})]})})};x.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=x;

package/dist/mainstack-design-system19.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as e, jsxs as s, Fragment as w } from "react/jsx-runtime";
 import { useCallback as z } from "react";
-import { g as M, c as C } from "./utils-D4bN6vBC.js";
+import { g as M, c as C } from "./utils-DLi4dp19.js";
 import { ButtonIcon as p } from "./mainstack-design-system401.js";
 import { ButtonLabel as f } from "./mainstack-design-system402.js";
 import { ButtonRoot as u } from "./mainstack-design-system403.js";
@@ -10,7 +10,7 @@ import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
 import U from "./mainstack-design-system109.js";
 import b from "./mainstack-design-system131.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 import { useImageUploaderContext as B } from "./mainstack-design-system25.js";
 import { DropzoneUploadArea as F } from "./mainstack-design-system629.js";
 const D = ({

package/dist/mainstack-design-system20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const v=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const g=require("./mainstack-design-system286.cjs");require("react");require("./player-C6X6nrWe.cjs");const b=require("./utils-BJ1u234q.cjs"),w=require("./mainstack-design-system25.cjs"),o=({className:t,children:a,...d})=>{const{mainPreviewFile:r,onValuesChange:n,values:m,setMainPreviewFile:l,isError:c}=w.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:b.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-primary 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-primary  mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed ",c&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",t),...d,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 s=[...m],i=s.findIndex(u=>u.id===r.id);i>-1&&(s.splice(i,1),n(s),l(s[0]||null))},children:e.jsx(p.ButtonIcon,{children:e.jsx(g,{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"),p=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const v=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const g=require("./mainstack-design-system286.cjs");require("react");require("./player-DeknzY43.cjs");const b=require("./utils-DgHSufYV.cjs"),w=require("./mainstack-design-system25.cjs"),o=({className:t,children:a,...d})=>{const{mainPreviewFile:r,onValuesChange:n,values:m,setMainPreviewFile:l,isError:c}=w.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:b.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-primary 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-primary  mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed ",c&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",t),...d,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 s=[...m],i=s.findIndex(u=>u.id===r.id);i>-1&&(s.splice(i,1),n(s),l(s[0]||null))},children:e.jsx(p.ButtonIcon,{children:e.jsx(g,{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

@@ -7,8 +7,8 @@ import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
 import f from "./mainstack-design-system286.js";
 import "react";
-import "./player-CgAfbAf_.js";
-import { c as b } from "./utils-D4bN6vBC.js";
+import "./player-DeeuVfPr.js";
+import { c as b } from "./utils-DLi4dp19.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system25.js";
 const w = ({
   className: o,

package/dist/mainstack-design-system21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");const o=require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system398.cjs");require("./mainstack-design-system366.cjs");require("react");require("./player-C6X6nrWe.cjs");const t=require("./mainstack-design-system25.cjs"),u=()=>{const{error:r}=t.useImageUploaderContext();return r?e.jsx(o.FormErrorStatus,{className:"mds:mt-8",children:r}):null};exports.ImageUploaderError=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");const o=require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system398.cjs");require("./mainstack-design-system366.cjs");require("react");require("./player-DeknzY43.cjs");const t=require("./mainstack-design-system25.cjs"),u=()=>{const{error:r}=t.useImageUploaderContext();return r?e.jsx(o.FormErrorStatus,{className:"mds:mt-8",children:r}):null};exports.ImageUploaderError=u;

package/dist/mainstack-design-system21.js

@@ -10,7 +10,7 @@ import "./mainstack-design-system448.js";
 import "./mainstack-design-system398.js";
 import "./mainstack-design-system366.js";
 import "react";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 import { useImageUploaderContext as m } from "./mainstack-design-system25.js";
 const I = () => {
   const { error: r } = m();

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-BJ1u234q.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-DgHSufYV.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-system22.js

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

package/dist/mainstack-design-system23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.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-DgHSufYV.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-system23.js

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

package/dist/mainstack-design-system24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),c=require("./utils-BJ1u234q.cjs"),_=require("./mainstack-design-system629.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-C6X6nrWe.cjs");const d=({className:p,children:u,...g})=>{const{onValuesChange:i,setMainPreviewFile:l,accept:x,maxSize:a,maxFiles:t,onError:e}=z.useImageUploaderContext(),f=y.useCallback(async(I,n)=>{if(n.length>0&&e){if(n.some(r=>r.errors.some(s=>s.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return n.some(r=>r.errors.some(s=>s.code==="too-many-files"))?e(new Error(`You can only upload a maximum of ${t} images.`)):e(new Error("Invalid image type or criteria."))}try{const o=await c.generateImageFilePreview(I);i(o),l(o[0])}catch(o){e&&e(o)}},[i,l,e,t,a]);return m.jsxs(_.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",p),onDrop:f,accept:x,maxFiles:t,maxSize:a,asChild:!0,...g,children:[m.jsx(h,{variant:"filled"}),u]})};d.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),c=require("./utils-DgHSufYV.cjs"),_=require("./mainstack-design-system629.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-DeknzY43.cjs");const d=({className:p,children:u,...g})=>{const{onValuesChange:i,setMainPreviewFile:l,accept:x,maxSize:a,maxFiles:t,onError:e}=z.useImageUploaderContext(),f=y.useCallback(async(I,n)=>{if(n.length>0&&e){if(n.some(r=>r.errors.some(s=>s.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return n.some(r=>r.errors.some(s=>s.code==="too-many-files"))?e(new Error(`You can only upload a maximum of ${t} images.`)):e(new Error("Invalid image type or criteria."))}try{const o=await c.generateImageFilePreview(I);i(o),l(o[0])}catch(o){e&&e(o)}},[i,l,e,t,a]);return m.jsxs(_.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",p),onDrop:f,accept:x,maxFiles:t,maxSize:a,asChild:!0,...g,children:[m.jsx(h,{variant:"filled"}),u]})};d.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=d;

package/dist/mainstack-design-system24.js

@@ -1,11 +1,11 @@
 import { jsxs as u, jsx as x } from "react/jsx-runtime";
 import { useCallback as y } from "react";
-import { g as h, c as I } from "./utils-D4bN6vBC.js";
+import { g as h, c as I } from "./utils-DLi4dp19.js";
 import { DropzoneUploadArea as w } from "./mainstack-design-system629.js";
 import { useImageUploaderContext as z } from "./mainstack-design-system25.js";
 import "./mainstack-design-system366.js";
 import v from "./mainstack-design-system55.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 const M = ({
   className: l,
   children: d,

package/dist/mainstack-design-system27.cjs

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

package/dist/mainstack-design-system27.js

@@ -2,7 +2,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { FileUploaderContext as V } from "./mainstack-design-system35.js";
 import { u as A } from "./index-437EL2iq.js";
-import { c as D } from "./utils-D4bN6vBC.js";
+import { c as D } from "./utils-DLi4dp19.js";
 import c, { useState as E, useCallback as u } from "react";
 const P = ({
   values: f,

package/dist/mainstack-design-system28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-BJ1u234q.cjs"),h=require("./mainstack-design-system35.cjs"),f=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const j=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const v=require("./mainstack-design-system286.cjs");require("./player-C6X6nrWe.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 e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-DgHSufYV.cjs"),h=require("./mainstack-design-system35.cjs"),f=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const j=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const v=require("./mainstack-design-system286.cjs");require("./player-DeknzY43.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-system28.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-D4bN6vBC.js";
+import { c as x } from "./utils-DLi4dp19.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system35.js";
 import { ButtonIcon as y } from "./mainstack-design-system401.js";
 import "./mainstack-design-system402.js";
@@ -9,7 +9,7 @@ import "./mainstack-design-system404.js";
 import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
 import v from "./mainstack-design-system286.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 const N = ({
   children: d,
   className: l,

package/dist/mainstack-design-system29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-BJ1u234q.cjs"),a=require("./mainstack-design-system35.cjs"),n=require("./mainstack-design-system388.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 l=require("react/jsx-runtime"),d=require("./utils-DgHSufYV.cjs"),a=require("./mainstack-design-system35.cjs"),n=require("./mainstack-design-system388.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-system29.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { c as t } from "./utils-D4bN6vBC.js";
+import { c as t } from "./utils-DLi4dp19.js";
 import { useFileUploaderContext as a } from "./mainstack-design-system35.js";
 import { BodyText as d } from "./mainstack-design-system388.js";
 const p = ({

package/dist/mainstack-design-system30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");const o=require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system398.cjs");require("./mainstack-design-system366.cjs");require("react");require("./player-C6X6nrWe.cjs");const t=require("./mainstack-design-system35.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 e=require("react/jsx-runtime");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");const o=require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system398.cjs");require("./mainstack-design-system366.cjs");require("react");require("./player-DeknzY43.cjs");const t=require("./mainstack-design-system35.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-system30.js

@@ -10,7 +10,7 @@ import "./mainstack-design-system448.js";
 import "./mainstack-design-system398.js";
 import "./mainstack-design-system366.js";
 import "react";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 import { useFileUploaderContext as m } from "./mainstack-design-system35.js";
 const U = () => {
   const { error: r } = m();

package/dist/mainstack-design-system31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-BJ1u234q.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 o=require("react/jsx-runtime"),r=require("./utils-DgHSufYV.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-system31.js

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

package/dist/mainstack-design-system32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./utils-BJ1u234q.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 r=require("react/jsx-runtime"),l=require("./utils-DgHSufYV.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;

package/dist/mainstack-design-system32.js

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

package/dist/mainstack-design-system33.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system401.cjs"),n=require("./mainstack-design-system402.cjs"),t=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-C6X6nrWe.cjs");const a=require("./utils-BJ1u234q.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 e=require("react/jsx-runtime"),o=require("./mainstack-design-system401.cjs"),n=require("./mainstack-design-system402.cjs"),t=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-DeknzY43.cjs");const a=require("./utils-DgHSufYV.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;

package/dist/mainstack-design-system33.js

@@ -9,8 +9,8 @@ import "./mainstack-design-system366.js";
 import l from "./mainstack-design-system109.js";
 import a from "./mainstack-design-system131.js";
 import "react";
-import "./player-CgAfbAf_.js";
-import { c as p } from "./utils-D4bN6vBC.js";
+import "./player-DeeuVfPr.js";
+import { c as p } from "./utils-DLi4dp19.js";
 const f = ({
   className: m,
   children: n,

package/dist/mainstack-design-system34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),U=require("react"),f=require("./utils-BJ1u234q.cjs"),w=require("./mainstack-design-system629.cjs"),F=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-C6X6nrWe.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:y,maxSize:s,maxFiles:o,onError:e,isError:_}=F.useFileUploaderContext(),z=U.useCallback(async(i,n)=>{const x=t.length,u=(o||0)-x;if(i.length>u||n.length>0){if(e){if(i.length>u||n.some(r=>r.errors.some(a=>a.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(n.some(r=>r.errors.some(a=>a.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return e(new Error(`File size exceeds the ${r}MB limit.`))}return e(new Error("Invalid file type or criteria."))}return}try{const r=(await f.getFileMetadata(i)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),q=[...t,...r].slice(0,o);m(q)}catch(d){e&&e(d)}},[m,e,t,o,s]);return p.jsxs(w.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-primary mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-primary mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",_&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",b),onDrop:z,accept:y,maxFiles:o,maxSize:s,asChild:!0,...h,children:[p.jsx(C,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),U=require("react"),f=require("./utils-DgHSufYV.cjs"),w=require("./mainstack-design-system629.cjs"),F=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-DeknzY43.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:y,maxSize:s,maxFiles:o,onError:e,isError:_}=F.useFileUploaderContext(),z=U.useCallback(async(i,n)=>{const x=t.length,u=(o||0)-x;if(i.length>u||n.length>0){if(e){if(i.length>u||n.some(r=>r.errors.some(a=>a.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(n.some(r=>r.errors.some(a=>a.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return e(new Error(`File size exceeds the ${r}MB limit.`))}return e(new Error("Invalid file type or criteria."))}return}try{const r=(await f.getFileMetadata(i)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),q=[...t,...r].slice(0,o);m(q)}catch(d){e&&e(d)}},[m,e,t,o,s]);return p.jsxs(w.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-primary mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-primary mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",_&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",b),onDrop:z,accept:y,maxFiles:o,maxSize:s,asChild:!0,...h,children:[p.jsx(C,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;

package/dist/mainstack-design-system34.js

@@ -1,11 +1,11 @@
 import { jsxs as z, jsx as w } from "react/jsx-runtime";
 import { useCallback as C } from "react";
-import { a as E, c as M } from "./utils-D4bN6vBC.js";
+import { a as E, c as M } from "./utils-DLi4dp19.js";
 import { DropzoneUploadArea as N } from "./mainstack-design-system629.js";
 import { useFileUploaderContext as D } from "./mainstack-design-system35.js";
 import "./mainstack-design-system366.js";
 import F from "./mainstack-design-system55.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 const S = ({
   className: u,
   children: p,

package/dist/mainstack-design-system366.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-BJ1u234q.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("mds:size-20",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;
+"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-DgHSufYV.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("mds:size-20",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;