mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system19.js

@@ -1,10 +1,10 @@
 '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-DnnzGb1L.js";
-import { ButtonIcon as m } from "./mainstack-design-system386.js";
+import { g as I, c as w } from "./utils-Opg_zrKx.js";
+import { ButtonIcon as n } from "./mainstack-design-system386.js";
 import { ButtonLabel as s } from "./mainstack-design-system387.js";
-import { ButtonRoot as c } from "./mainstack-design-system388.js";
+import { ButtonRoot as d } from "./mainstack-design-system388.js";
 import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
 import C from "./mainstack-design-system107.js";
@@ -13,8 +13,8 @@ import "./player-DSenNqFV.js";
 import { useImageUploaderContext as b } from "./mainstack-design-system24.js";
 import { DropzoneUploadArea as z } from "./mainstack-design-system605.js";
 const D = ({
-  className: l,
-  onLibrarySelect: d,
+  className: c,
+  onLibrarySelect: l,
   children: i,
   ...p
 }) => {
@@ -24,25 +24,25 @@ const D = ({
     maxSize: g,
     onValuesChange: a,
     onError: o,
-    setMainPreviewFile: n
+    setMainPreviewFile: m
   } = b(), h = y(
     async (v) => {
       try {
         const r = await I(v);
-        a(r), n(r[0]);
+        a(r), m(r[0]);
       } catch (r) {
         o && o(r);
       }
     },
-    [a, n, o]
+    [a, m, o]
   );
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "image-uploader-dropzone-actions",
       className: w(
-        "flex absolute left-1/2 -translate-x-1/2 bottom-24 justify-center items-center gap-8",
-        l
+        "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",
+        c
       ),
       ...p,
       children: i || /* @__PURE__ */ t(x, { children: [
@@ -55,21 +55,21 @@ const D = ({
             maxSize: g,
             noDrag: !0,
             asChild: !0,
-            children: /* @__PURE__ */ t(c, { variant: "secondary", rounded: "sm", size: "xs", children: [
-              /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(U, {}) }),
+            children: /* @__PURE__ */ t(d, { variant: "secondary", rounded: "sm", size: "xs", children: [
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(U, {}) }),
               /* @__PURE__ */ e(s, { children: "Upload from device" })
             ] })
           }
         ),
         /* @__PURE__ */ t(
-          c,
+          d,
           {
             variant: "secondary",
             size: "xs",
             rounded: "sm",
-            onClick: d,
+            onClick: l,
             children: [
-              /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(C, {}) }),
+              /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(C, {}) }),
               /* @__PURE__ */ e(s, { children: "Select from library" })
             ]
           }

package/dist/mainstack-design-system20.cjs

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

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-FBJ8OQ9f.cjs"),e=({className:o,...t})=>r.jsx("h5",{"data-slot":"image-uploader-dropzone-title",className:a.cn("body-small-medium 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-KlkRDGof.cjs"),e=({className:o,...t})=>r.jsx("h5",{"data-slot":"image-uploader-dropzone-title",className:a.cn("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 r } from "./utils-DnnzGb1L.js";
+import { c as r } from "./utils-Opg_zrKx.js";
 const m = ({
   className: e,
   ...o
@@ -7,7 +7,7 @@ const m = ({
   "h5",
   {
     "data-slot": "image-uploader-dropzone-title",
-    className: r("body-small-medium text-primary", e),
+    className: r("body-small-medium mds:text-primary", 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-FBJ8OQ9f.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"image-uploader-dropzoneSubtext",className:a.cn("body-extrasmall-regular 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-KlkRDGof.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"image-uploader-dropzoneSubtext",className:a.cn("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-DnnzGb1L.js";
+import { c as r } from "./utils-Opg_zrKx.js";
 const t = ({
   className: e,
   ...o
@@ -7,7 +7,7 @@ const t = ({
   "p",
   {
     "data-slot": "image-uploader-dropzoneSubtext",
-    className: r("body-extrasmall-regular text-secondary", e),
+    className: r("body-extrasmall-regular mds:text-secondary", 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-FBJ8OQ9f.cjs"),_=require("./mainstack-design-system605.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.cjs");require("./player-BKifgSJo.cjs");const l=({className:i,children:s,...c})=>{const{onValuesChange:o,setMainPreviewFile:a,accept:p,maxSize:u,maxFiles:d,onError:r}=I.useImageUploaderContext(),m=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("flex relative flex-col items-center gap-8 justify-center p-24 text-center h-full",i),onDrop:m,accept:p,maxFiles:d,maxSize:u,asChild:!0,...c,children:[t.jsx(f,{variant:"filled"}),s]})};l.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),n=require("./utils-KlkRDGof.cjs"),_=require("./mainstack-design-system605.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.cjs");require("./player-BKifgSJo.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,6 +1,6 @@
-import { jsxs as d, jsx as f } from "react/jsx-runtime";
+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-DnnzGb1L.js";
+import { g as x, c as u } from "./utils-Opg_zrKx.js";
 import { DropzoneUploadArea as h } from "./mainstack-design-system605.js";
 import { useImageUploaderContext as v } from "./mainstack-design-system24.js";
 import "./mainstack-design-system355.js";
@@ -8,20 +8,20 @@ import z from "./mainstack-design-system53.js";
 import "./player-DSenNqFV.js";
 const I = ({
   className: t,
-  children: i,
-  ...n
+  children: m,
+  ...s
 }) => {
   const {
     onValuesChange: o,
     setMainPreviewFile: a,
-    accept: l,
-    maxSize: m,
-    maxFiles: p,
+    accept: i,
+    maxSize: n,
+    maxFiles: l,
     onError: r
-  } = v(), s = g(
-    async (c) => {
+  } = v(), p = g(
+    async (d) => {
       try {
-        const e = await x(c);
+        const e = await x(d);
         o(e), a(e[0]);
       } catch (e) {
         r && r(e);
@@ -29,23 +29,23 @@ const I = ({
     },
     [o, a, r]
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     h,
     {
       "data-slot": "image-uploader-dropzone-content",
       className: u(
-        "flex relative flex-col items-center gap-8 justify-center p-24 text-center h-full",
+        "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",
         t
       ),
-      onDrop: s,
-      accept: l,
-      maxFiles: p,
-      maxSize: m,
+      onDrop: p,
+      accept: i,
+      maxFiles: l,
+      maxSize: n,
       asChild: !0,
-      ...n,
+      ...s,
       children: [
         /* @__PURE__ */ f(z, { variant: "filled" }),
-        i
+        m
       ]
     }
   );

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-FBJ8OQ9f.cjs"),n=require("react"),a=({values:i,onValuesChange:d,defaultValues:r=[],isDisabled:o,accept:s={"file/*":[".pdf",".txt",".docx"]},maxFiles:p=4,maxSize:u,multiple:c=!0,onError:f,children:x,className:m,...C})=>{const[l,g]=U.useControllableState({prop:i,defaultProp:r,onChange:d}),v=!c&&l.length>0,y=n.Children.map(x,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:f},children:t.jsx("div",{"data-disabled":o,"aria-disabled":o,"data-slot":"file-uploader-root",className:h.cn("relative flex flex-col gap-12 body-font-family",m),...C,children:y})})};a.displayName="FileUploaderRoot";exports.FileUploaderRoot=a;
+"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-KlkRDGof.cjs"),n=require("react"),a=({values:i,onValuesChange:d,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:i,defaultProp:r,onChange:d}),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 body-font-family",x),...C,children:y})})};a.displayName="FileUploaderRoot";exports.FileUploaderRoot=a;

package/dist/mainstack-design-system26.js

@@ -2,15 +2,15 @@
 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-DnnzGb1L.js";
+import { c as z } from "./utils-Opg_zrKx.js";
 import l from "react";
 const F = ({
   values: n,
-  onValuesChange: i,
+  onValuesChange: d,
   defaultValues: r = [],
   isDisabled: o,
-  accept: p = { "file/*": [".pdf", ".txt", ".docx"] },
-  maxFiles: d = 4,
+  accept: i = { "file/*": [".pdf", ".txt", ".docx"] },
+  maxFiles: p = 4,
   maxSize: s,
   multiple: m = !0,
   onError: f,
@@ -21,7 +21,7 @@ const F = ({
   const [t, C] = y({
     prop: n,
     defaultProp: r,
-    onChange: i
+    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,
@@ -30,8 +30,8 @@ const F = ({
         values: t,
         defaultValues: r,
         isDisabled: o,
-        accept: p,
-        maxFiles: d,
+        accept: i,
+        maxFiles: p,
         maxSize: s,
         onValuesChange: C,
         onError: f
@@ -43,7 +43,7 @@ const F = ({
           "aria-disabled": o,
           "data-slot": "file-uploader-root",
           className: z(
-            "relative flex flex-col gap-12 body-font-family",
+            "mds:relative mds:flex mds:flex-col mds:gap-12 body-font-family",
             c
           ),
           ...x,

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

@@ -1,6 +1,6 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-DnnzGb1L.js";
+import { c as x } from "./utils-Opg_zrKx.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system33.js";
 import { ButtonIcon as y } from "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
@@ -10,34 +10,37 @@ import "./mainstack-design-system355.js";
 import v from "./mainstack-design-system284.js";
 import "./player-DSenNqFV.js";
 const N = ({
-  children: i,
-  className: o,
-  fileId: a,
-  fileName: m,
-  formatedSize: c,
-  fileExtension: d
+  children: t,
+  className: l,
+  fileId: d,
+  fileName: n,
+  formatedSize: o,
+  fileExtension: c
 }) => {
-  const { values: l, onValuesChange: s } = h(), p = f(() => {
-    const t = [...l], n = t.findIndex((u) => u.id === a);
-    n > -1 && (t.splice(n, 1), s(t));
-  }, [s, a, l]);
-  return i || /* @__PURE__ */ r(
+  const { values: r, onValuesChange: i } = h(), p = f(() => {
+    const s = [...r], a = s.findIndex((u) => u.id === d);
+    a > -1 && (s.splice(a, 1), i(s));
+  }, [i, d, r]);
+  return t || /* @__PURE__ */ m(
     "div",
     {
       "data-slot": "file-uploader-preview-item",
-      className: x("flex justify-between items-center w-full", o),
+      className: x(
+        "mds:flex mds:justify-between mds:items-center mds:w-full",
+        l
+      ),
       children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-8 grow", children: [
+        /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:gap-8 mds:grow", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: "relative flex size-10 shrink-0 px-8 py-10 rounded-8 bg-surface-neutral-l5 body-extrasmall-medium text-secondary items-center justify-center w-48 h-40",
-              children: /* @__PURE__ */ e("p", { className: "text-secondary body-extrasmall-medium", children: d })
+              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 body-extrasmall-medium mds:text-secondary mds:items-center mds:justify-center mds:w-48 mds:h-40",
+              children: /* @__PURE__ */ e("p", { className: "mds:text-secondary body-extrasmall-medium", children: c })
             }
           ),
-          /* @__PURE__ */ r("div", { className: "min-w-0 flex flex-col", children: [
-            /* @__PURE__ */ e("p", { className: "truncate body-extrasmall-regular text-primary w-258 min-w-0 ", children: m }),
-            /* @__PURE__ */ e("span", { className: "truncate body-tiny-regular text-secondary", children: c })
+          /* @__PURE__ */ m("div", { className: "mds:min-w-0 mds:flex mds:flex-col", children: [
+            /* @__PURE__ */ e("p", { className: "mds:truncate body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ", children: n }),
+            /* @__PURE__ */ e("span", { className: "mds:truncate body-tiny-regular mds:text-secondary", children: o })
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -48,7 +51,7 @@ const N = ({
             iconOnly: !0,
             status: "default",
             onClick: p,
-            children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(v, { className: "h-20 w-20" }) })
+            children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(v, { className: "mds:h-20 mds:w-20" }) })
           }
         )
       ]

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-FBJ8OQ9f.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("flex items-center gap-12",r),...i,children:l({values:t})})};e.displayName="FileUploaderPreview";exports.FileUploaderPreview=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./utils-KlkRDGof.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;

package/dist/mainstack-design-system28.js

@@ -1,18 +1,18 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as t } from "./utils-DnnzGb1L.js";
-import { useFileUploaderContext as a } from "./mainstack-design-system33.js";
-const s = ({
+import { c as s } from "./utils-Opg_zrKx.js";
+import { useFileUploaderContext as t } from "./mainstack-design-system33.js";
+const a = ({
   children: e,
   className: r,
   ...l
 }) => {
-  const { values: o } = a();
+  const { values: o } = t();
   return /* @__PURE__ */ i(
     "div",
     {
       role: "list",
       "data-slot": "file-uploader-preview",
-      className: t("flex items-center gap-12", r),
+      className: s("mds:flex mds:items-center mds:gap-12", r),
       ...l,
       children: e({
         values: o
@@ -20,7 +20,7 @@ const s = ({
     }
   );
 };
-s.displayName = "FileUploaderPreview";
+a.displayName = "FileUploaderPreview";
 export {
-  s as FileUploaderPreview
+  a 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-FBJ8OQ9f.cjs"),e=({className:l,...t})=>o.jsx("h5",{"data-slot":"file-uploader-dropzone-title",className:r.cn("body-small-medium text-primary 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-KlkRDGof.cjs"),e=({className:l,...t})=>o.jsx("h5",{"data-slot":"file-uploader-dropzone-title",className:r.cn("body-small-medium mds:text-primary mds:mt-12",l),...t});e.displayName="FileUploaderDropzoneTitle";exports.FileUploaderDropzoneTitle=e;

package/dist/mainstack-design-system29.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "./utils-DnnzGb1L.js";
+import { c as l } from "./utils-Opg_zrKx.js";
 const t = ({
   className: e,
   ...o
@@ -7,7 +7,7 @@ const t = ({
   "h5",
   {
     "data-slot": "file-uploader-dropzone-title",
-    className: l("body-small-medium text-primary mt-12", e),
+    className: l("body-small-medium mds:text-primary mds:mt-12", e),
     ...o
   }
 );

package/dist/mainstack-design-system30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./utils-FBJ8OQ9f.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"file-uploader-dropzoneSubtext",className:l.cn("body-extrasmall-regular 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-KlkRDGof.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"file-uploader-dropzoneSubtext",className:l.cn("body-extrasmall-regular mds:text-secondary",t),...o});e.displayName="FileUploaderDropzoneSubtext";exports.FileUploaderDropzoneSubtext=e;

package/dist/mainstack-design-system30.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as t } from "./utils-DnnzGb1L.js";
+import { c as t } from "./utils-Opg_zrKx.js";
 const a = ({
   className: e,
   ...o
@@ -7,7 +7,7 @@ const a = ({
   "p",
   {
     "data-slot": "file-uploader-dropzoneSubtext",
-    className: t("body-extrasmall-regular text-secondary", e),
+    className: t("body-extrasmall-regular mds:text-secondary", e),
     ...o
   }
 );

package/dist/mainstack-design-system31.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-system386.cjs"),n=require("./mainstack-design-system387.cjs"),t=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system107.cjs"),d=require("./mainstack-design-system129.cjs");require("react");require("./player-BKifgSJo.cjs");const a=require("./utils-FBJ8OQ9f.cjs"),r=({className:s,children:i,onLibrarySelect:c,...l})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("flex justify-center items-center gap-8 mt-16",s),...l,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(u,{})}),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-system386.cjs"),n=require("./mainstack-design-system387.cjs"),t=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system107.cjs"),d=require("./mainstack-design-system129.cjs");require("react");require("./player-BKifgSJo.cjs");const a=require("./utils-KlkRDGof.cjs"),r=({className:s,children:i,onLibrarySelect:c,...l})=>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),...l,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(u,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;

package/dist/mainstack-design-system31.js

@@ -1,29 +1,32 @@
 'use client';
-import { jsx as o, jsxs as r, Fragment as l } from "react/jsx-runtime";
+import { jsx as o, jsxs as r, Fragment as c } from "react/jsx-runtime";
 import { ButtonIcon as e } from "./mainstack-design-system386.js";
 import { ButtonLabel as i } from "./mainstack-design-system387.js";
 import { ButtonRoot as t } from "./mainstack-design-system388.js";
 import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
-import a from "./mainstack-design-system107.js";
-import s from "./mainstack-design-system129.js";
+import l from "./mainstack-design-system107.js";
+import a from "./mainstack-design-system129.js";
 import "react";
 import "./player-DSenNqFV.js";
-import { c as p } from "./utils-DnnzGb1L.js";
+import { c as p } from "./utils-Opg_zrKx.js";
 const f = ({
   className: n,
   children: m,
-  onLibrarySelect: c,
-  ...d
+  onLibrarySelect: d,
+  ...s
 }) => /* @__PURE__ */ o(
   "div",
   {
     "data-slot": "file-uploader-dropzone-actions",
-    className: p("flex justify-center items-center gap-8 mt-16", n),
-    ...d,
-    children: m || /* @__PURE__ */ r(l, { children: [
+    className: p(
+      "mds:flex mds:justify-center mds:items-center mds:gap-8 mds:mt-16",
+      n
+    ),
+    ...s,
+    children: m || /* @__PURE__ */ r(c, { children: [
       /* @__PURE__ */ r(t, { variant: "secondary", rounded: "sm", size: "xs", children: [
-        /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(s, {}) }),
+        /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(a, {}) }),
         /* @__PURE__ */ o(i, { children: "Upload from device" })
       ] }),
       /* @__PURE__ */ r(
@@ -32,9 +35,9 @@ const f = ({
           variant: "secondary",
           size: "xs",
           rounded: "sm",
-          onClick: c,
+          onClick: d,
           children: [
-            /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(a, {}) }),
+            /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(l, {}) }),
             /* @__PURE__ */ o(i, { children: "Select from library" })
           ]
         }

package/dist/mainstack-design-system32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),a=require("./utils-FBJ8OQ9f.cjs"),g=require("./mainstack-design-system605.cjs"),f=require("./mainstack-design-system33.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system53.cjs");require("./player-BKifgSJo.cjs");const n=({className:i,children:l,...c})=>{const{onValuesChange:o,accept:d,maxSize:s,maxFiles:u,onError:e}=f.useFileUploaderContext(),p=b.useCallback(async v=>{try{const r=await a.getFileMetadata(v);o(r)}catch(r){e&&e(r)}},[o,e]);return t.jsxs(g.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:a.cn("relative border border-dashed border-border-interactive-neutral rounded-20 bg-surface-neutral-l1 data-[active-preview=true]:overflow-hidden cursor-pointer hover:bg-interactive-secondary data-dragging:border-border-interactive-neutral active:ring-2 active:ring-border-interactive-neutral-pressed p-24 flex flex-col items-center justify-center h-full",i),onDrop:p,accept:d,maxFiles:u,maxSize:s,asChild:!0,...c,children:[t.jsx(m,{variant:"filled"}),l]})};n.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),v=require("react"),a=require("./utils-KlkRDGof.cjs"),b=require("./mainstack-design-system605.cjs"),g=require("./mainstack-design-system33.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.cjs");require("./player-BKifgSJo.cjs");const d=({className:n,children:s,...i})=>{const{onValuesChange:o,accept:l,maxSize:c,maxFiles:u,onError:e}=g.useFileUploaderContext(),m=v.useCallback(async p=>{try{const r=await a.getFileMetadata(p);o(r)}catch(r){e&&e(r)}},[o,e]);return t.jsxs(b.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:a.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral 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-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",n),onDrop:m,accept:l,maxFiles:u,maxSize:c,asChild:!0,...i,children:[t.jsx(f,{variant:"filled"}),s]})};d.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=d;