mainstack-design-system 1.9.3 → 1.11.0

package/dist/mainstack-design-system16.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),t=require("react"),q=require("./mainstack-design-system25.cjs"),y=require("./index-C8aODXfJ.cjs"),P=require("./utils-DLtLUJsL.cjs"),g=({values:l,onValuesChange:m,defaultValues:a=[],isDisabled:n,accept:p={"image/png":[".png",".jpeg",".jpg",".webp"]},maxFiles:v=4,maxSize:b,onError:r,children:h,className:C,...f})=>{const[o,i]=y.useControllableState({prop:l,defaultProp:a,onChange:m}),[c,u]=t.useState(()=>{const e=l||a;return e&&e.length>0?e[e.length-1]:null});o&&o.length>0&&!c&&u(o[o.length-1]);const[j,s]=t.useState(null),x=t.useCallback(e=>{s(null),i(e)},[i]),I=t.useCallback(e=>{const U=e instanceof Error?e.message:"An error occurred";s(U),r&&r(e)},[r]);return d.jsx(q.ImageUploaderContext.Provider,{value:{values:o,defaultValues:a,mainPreviewFile:c,isDisabled:n,accept:p,maxFiles:v,maxSize:b,setMainPreviewFile:u,onValuesChange:x,error:j,setError:s,onError:I},children:d.jsx("div",{"data-disabled":n,"aria-disabled":n,"data-slot":"image-uploader-root",className:P.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",C),...f,children:h})})};g.displayName="ImageUploaderRoot";exports.ImageUploaderRoot=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),t=require("react"),q=require("./mainstack-design-system25.cjs"),y=require("./index-C8aODXfJ.cjs"),P=require("./utils-sX9NhwD-.cjs"),g=({values:l,onValuesChange:m,defaultValues:a=[],isDisabled:n,accept:p={"image/png":[".png",".jpeg",".jpg",".webp"]},maxFiles:v=4,maxSize:b,onError:r,children:h,className:C,...f})=>{const[o,i]=y.useControllableState({prop:l,defaultProp:a,onChange:m}),[c,u]=t.useState(()=>{const e=l||a;return e&&e.length>0?e[e.length-1]:null});o&&o.length>0&&!c&&u(o[o.length-1]);const[j,s]=t.useState(null),x=t.useCallback(e=>{s(null),i(e)},[i]),I=t.useCallback(e=>{const U=e instanceof Error?e.message:"An error occurred";s(U),r&&r(e)},[r]);return d.jsx(q.ImageUploaderContext.Provider,{value:{values:o,defaultValues:a,mainPreviewFile:c,isDisabled:n,accept:p,maxFiles:v,maxSize:b,setMainPreviewFile:u,onValuesChange:x,error:j,setError:s,onError:I},children:d.jsx("div",{"data-disabled":n,"aria-disabled":n,"data-slot":"image-uploader-root",className:P.cn("mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",C),...f,children:h})})};g.displayName="ImageUploaderRoot";exports.ImageUploaderRoot=g;

package/dist/mainstack-design-system16.js

@@ -3,7 +3,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { useState as g, useCallback as d } from "react";
 import { ImageUploaderContext as y } from "./mainstack-design-system25.js";
 import { u as I } from "./index-437EL2iq.js";
-import { c as U } from "./utils-bFB19i-d.js";
+import { c as U } from "./utils-BuJ7DVbu.js";
 const E = ({
   values: s,
   onValuesChange: c,

package/dist/mainstack-design-system17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./utils-DLtLUJsL.cjs"),c=require("./mainstack-design-system18.cjs"),p=require("./mainstack-design-system25.cjs"),o=({children:l,className:t,...i})=>{const{values:e,mainPreviewFile:s,maxFiles:r,setMainPreviewFile:n}=p.useImageUploaderContext(),d=r&&e?.length>0?e?.length<r:!0;return a.jsxs("div",{role:"list","data-slot":"image-uploader-preview",className:m.cn("mds:flex mds:items-center mds:gap-12",t),...i,children:[l({values:e,mainPreviewFile:s,setMainPreviewFile:n}),d&&a.jsx(c.ImageUploaderPreviewItem,{isPlaceholder:!0})]})};o.displayName="ImageUploaderPreview";exports.ImageUploaderPreview=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./utils-sX9NhwD-.cjs"),c=require("./mainstack-design-system18.cjs"),p=require("./mainstack-design-system25.cjs"),o=({children:l,className:t,...i})=>{const{values:e,mainPreviewFile:s,maxFiles:r,setMainPreviewFile:n}=p.useImageUploaderContext(),d=r&&e?.length>0?e?.length<r:!0;return a.jsxs("div",{role:"list","data-slot":"image-uploader-preview",className:m.cn("mds:flex mds:items-center mds:gap-12",t),...i,children:[l({values:e,mainPreviewFile:s,setMainPreviewFile:n}),d&&a.jsx(c.ImageUploaderPreviewItem,{isPlaceholder:!0})]})};o.displayName="ImageUploaderPreview";exports.ImageUploaderPreview=o;

package/dist/mainstack-design-system17.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import { c as n } from "./utils-bFB19i-d.js";
+import { c as n } from "./utils-BuJ7DVbu.js";
 import { ImageUploaderPreviewItem as p } from "./mainstack-design-system18.js";
 import { useImageUploaderContext as c } from "./mainstack-design-system25.js";
 const g = ({

package/dist/mainstack-design-system18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),c=require("./utils-DLtLUJsL.cjs");require("./mainstack-design-system357.cjs");const S=require("./mainstack-design-system55.cjs"),L=require("./mainstack-design-system225.cjs"),R=require("./mainstack-design-system241.cjs"),C=require("./mainstack-design-system286.cjs");require("./player-DgtZYZny.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system605.cjs"),x=require("./index-4R9KShCu.cjs"),g=require("./mainstack-design-system388.cjs"),q=require("./mainstack-design-system389.cjs"),v=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");const z=({className:w,children:B,previewImgSrc:f,previewId:s,isPlaceholder:N,onClick:k,...U})=>{const{values:a,maxFiles:l,accept:D,maxSize:m,onValuesChange:u,onError:r,setMainPreviewFile:n,mainPreviewFile:d}=T.useImageUploaderContext(),[O,y]=b.useState(!1),j=d?.id===s,P=b.useCallback(()=>{const o=[...a],i=o.findIndex(p=>p.id===s),_=d?.id===s;i>-1&&(o.splice(i,1),u(o),_&&n(o[0]||null))},[u,s,n,a,d]),M=b.useCallback(async(o,i)=>{const _=a.length,p=(l||0)-_;if(o.length>p||i.length>0){if(r){if(o.length>p||i.some(t=>t.errors.some(I=>I.code==="too-many-files")))return r(new Error(`You can only upload a maximum of ${l} images.`));if(i.some(t=>t.errors.some(I=>I.code==="file-too-large"))){const t=m?(m/1048576).toFixed(0):"0";return r(new Error(`Image size exceeds the ${t}MB limit.`))}return r(new Error("Invalid image type or criteria."))}return}try{const h=await c.generateImageFilePreview(o),t=[...a,...h];u(t),d||n(t[t.length-1]||null)}catch(h){r&&r(h)}},[a,l,m,u,r,d,n]);return B||(N?e.jsx(A.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"mds:w-fit",noDrag:!0,accept:D,maxFiles:l,maxSize:m,onDrop:M,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",w),onClick:k,...U,children:e.jsx(S,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":j,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 ",w),src:f,alt:`Image uploaded with id ${s}`,onClick:()=>{j||n({id:s,previewSrc:f})}}),j?e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:o=>{o.stopPropagation(),P()},children:e.jsx(g.ButtonIcon,{children:e.jsx(C,{className:"mds:size-16 mds:text-interactive-error"})})}):e.jsxs(x.Popover,{open:O,onOpenChange:y,children:[e.jsx(x.PopoverTrigger,{asChild:!0,children:e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:o=>o.stopPropagation(),children:e.jsx(g.ButtonIcon,{children:e.jsx(L,{className:"mds:size-16"})})})}),e.jsx(x.PopoverPortal,{children:e.jsxs(x.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(v.ButtonRoot,{onClick:()=>{n({id:s,previewSrc:f}),y(!1)},size:"xs",variant:"ghost",children:[e.jsx(g.ButtonIcon,{children:e.jsx(R,{className:"mds:size-20 mds:text-tertiary"})}),e.jsx(q.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(v.ButtonRoot,{className:"mds:justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(g.ButtonIcon,{children:e.jsx(C,{className:"mds:size-20 mds:text-interactive-error"})}),e.jsx(q.ButtonLabel,{className:" mds:text-interactive-error",children:"Delete"})]})]})})]})]}))};z.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),c=require("./utils-sX9NhwD-.cjs");require("./mainstack-design-system357.cjs");const S=require("./mainstack-design-system55.cjs"),L=require("./mainstack-design-system225.cjs"),R=require("./mainstack-design-system241.cjs"),q=require("./mainstack-design-system286.cjs");require("./player-8drl4TJX.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system610.cjs"),x=require("./index-4R9KShCu.cjs"),g=require("./mainstack-design-system389.cjs"),C=require("./mainstack-design-system390.cjs"),v=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");const z=({className:w,children:B,previewImgSrc:f,previewId:r,isPlaceholder:N,onClick:k,...U})=>{const{values:a,maxFiles:l,accept:D,maxSize:m,onValuesChange:u,onError:s,setMainPreviewFile:n,mainPreviewFile:d}=T.useImageUploaderContext(),[O,y]=b.useState(!1),j=d?.id===r,P=b.useCallback(()=>{const o=[...a],i=o.findIndex(p=>p.id===r),_=d?.id===r;i>-1&&(o.splice(i,1),u(o),_&&n(o[0]||null))},[u,r,n,a,d]),M=b.useCallback(async(o,i)=>{const _=a.length,p=(l||0)-_;if(o.length>p||i.length>0){if(s){if(o.length>p||i.some(t=>t.errors.some(I=>I.code==="too-many-files")))return s(new Error(`You can only upload a maximum of ${l} images.`));if(i.some(t=>t.errors.some(I=>I.code==="file-too-large"))){const t=m?(m/1048576).toFixed(0):"0";return s(new Error(`Image size exceeds the ${t}MB limit.`))}return s(new Error("Invalid image type or criteria."))}return}try{const h=await c.generateImageFilePreview(o),t=[...a,...h];u(t),d||n(t[t.length-1]||null)}catch(h){s&&s(h)}},[a,l,m,u,s,d,n]);return B||(N?e.jsx(A.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"mds:w-fit",noDrag:!0,accept:D,maxFiles:l,maxSize:m,onDrop:M,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",w),onClick:k,...U,children:e.jsx(S,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":j,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 ",w),src:f,alt:`Image uploaded with id ${r}`,onClick:()=>{j||n({id:r,previewSrc:f})}}),j?e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:o=>{o.stopPropagation(),P()},children:e.jsx(g.ButtonIcon,{children:e.jsx(q,{className:"mds:size-16 mds:text-interactive-error"})})}):e.jsxs(x.Popover,{open:O,onOpenChange:y,children:[e.jsx(x.PopoverTrigger,{asChild:!0,children:e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:o=>o.stopPropagation(),children:e.jsx(g.ButtonIcon,{children:e.jsx(L,{className:"mds:size-16"})})})}),e.jsx(x.PopoverPortal,{children:e.jsxs(x.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(v.ButtonRoot,{onClick:()=>{n({id:r,previewSrc:f}),y(!1)},size:"xs",variant:"ghost",children:[e.jsx(g.ButtonIcon,{children:e.jsx(R,{className:"mds:size-20 mds:text-tertiary"})}),e.jsx(C.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(v.ButtonRoot,{className:"mds:justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(g.ButtonIcon,{children:e.jsx(q,{className:"mds:size-20 mds:text-interactive-error"})}),e.jsx(C.ButtonLabel,{className:" mds:text-interactive-error",children:"Delete"})]})]})})]})]}))};z.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=z;

package/dist/mainstack-design-system18.js

@@ -1,19 +1,20 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useState as U, useCallback as I } from "react";
-import { g as _, c as h } from "./utils-bFB19i-d.js";
+import { g as _, c as h } from "./utils-BuJ7DVbu.js";
 import "./mainstack-design-system357.js";
 import j from "./mainstack-design-system55.js";
 import A from "./mainstack-design-system225.js";
 import F from "./mainstack-design-system241.js";
 import k from "./mainstack-design-system286.js";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.js";
 import { useImageUploaderContext as H } from "./mainstack-design-system25.js";
-import { DropzoneUploadArea as L } from "./mainstack-design-system605.js";
+import { DropzoneUploadArea as L } from "./mainstack-design-system610.js";
 import { P as $, a as V, b as Y, c as q } from "./index-RoCFhqzC.js";
-import { ButtonIcon as v } from "./mainstack-design-system388.js";
-import { ButtonLabel as B } from "./mainstack-design-system389.js";
-import { ButtonRoot as g } from "./mainstack-design-system390.js";
-import "./mainstack-design-system391.js";
+import { ButtonIcon as v } from "./mainstack-design-system389.js";
+import { ButtonLabel as B } from "./mainstack-design-system390.js";
+import { ButtonRoot as g } from "./mainstack-design-system391.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
 const G = ({
   className: b,
   children: z,

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"),u=require("./utils-DLtLUJsL.cjs"),m=require("./mainstack-design-system388.cjs"),p=require("./mainstack-design-system389.cjs"),g=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system357.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-DgtZYZny.cjs");const b=require("./mainstack-design-system25.cjs"),w=require("./mainstack-design-system605.cjs"),x=({className:_,onLibrarySelect:I,children:c,...y})=>{const{accept:B,maxFiles:s,maxSize:t,onValuesChange:l,onError:o,setMainPreviewFile:d}=b.useImageUploaderContext(),h=v.useCallback(async(q,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 u.generateImageFilePreview(q);l(r),d(r[0])}catch(r){o&&o(r)}},[l,d,o,s,t]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:u.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",_),...y,children:c||e.jsxs(e.Fragment,{children:[e.jsx(w.DropzoneUploadArea,{onDrop:h,accept:B,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-sX9NhwD-.cjs"),m=require("./mainstack-design-system389.cjs"),p=require("./mainstack-design-system390.cjs"),g=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system357.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-8drl4TJX.cjs");const b=require("./mainstack-design-system25.cjs"),w=require("./mainstack-design-system610.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,17 +1,18 @@
 'use client';
-import { jsx as e, jsxs as m, Fragment as w } from "react/jsx-runtime";
+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-bFB19i-d.js";
-import { ButtonIcon as p } from "./mainstack-design-system388.js";
-import { ButtonLabel as f } from "./mainstack-design-system389.js";
-import { ButtonRoot as u } from "./mainstack-design-system390.js";
-import "./mainstack-design-system391.js";
+import { g as M, c as C } from "./utils-BuJ7DVbu.js";
+import { ButtonIcon as p } from "./mainstack-design-system389.js";
+import { ButtonLabel as f } from "./mainstack-design-system390.js";
+import { ButtonRoot as u } from "./mainstack-design-system391.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
 import "./mainstack-design-system357.js";
 import U from "./mainstack-design-system109.js";
 import b from "./mainstack-design-system131.js";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.js";
 import { useImageUploaderContext as B } from "./mainstack-design-system25.js";
-import { DropzoneUploadArea as F } from "./mainstack-design-system605.js";
+import { DropzoneUploadArea as F } from "./mainstack-design-system610.js";
 const D = ({
   className: g,
   onLibrarySelect: h,
@@ -29,7 +30,7 @@ const D = ({
     async (I, n) => {
       if (n.length > 0 && o) {
         if (n.some(
-          (i) => i.errors.some((s) => s.code === "file-too-large")
+          (i) => i.errors.some((m) => m.code === "file-too-large")
         )) {
           const i = a ? (a / 1048576).toFixed(0) : "0";
           return o(
@@ -37,7 +38,7 @@ const D = ({
           );
         }
         return n.some(
-          (i) => i.errors.some((s) => s.code === "too-many-files")
+          (i) => i.errors.some((m) => m.code === "too-many-files")
         ) ? o(
           new Error(`You can only upload a maximum of ${t} images.`)
         ) : o(new Error("Invalid image type or criteria."));
@@ -60,7 +61,7 @@ const D = ({
         g
       ),
       ...x,
-      children: d || /* @__PURE__ */ m(w, { children: [
+      children: d || /* @__PURE__ */ s(w, { children: [
         /* @__PURE__ */ e(
           F,
           {
@@ -70,13 +71,13 @@ const D = ({
             maxSize: a,
             noDrag: !0,
             asChild: !0,
-            children: /* @__PURE__ */ m(u, { variant: "secondary", rounded: "sm", size: "xs", children: [
+            children: /* @__PURE__ */ s(u, { variant: "secondary", rounded: "sm", size: "xs", children: [
               /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(b, {}) }),
               /* @__PURE__ */ e(f, { children: "Upload from device" })
             ] })
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ s(
           u,
           {
             variant: "secondary",

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-system387.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-system388.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-system387.js";
+import { useContainerMatchMedia as p } from "./mainstack-design-system388.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-system388.cjs");require("./mainstack-design-system389.cjs");const v=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system286.cjs");require("react");require("./player-DgtZYZny.cjs");const g=require("./utils-DLtLUJsL.cjs"),b=require("./mainstack-design-system25.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-system389.cjs");require("./mainstack-design-system390.cjs");const v=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system286.cjs");require("react");require("./player-8drl4TJX.cjs");const g=require("./utils-sX9NhwD-.cjs"),b=require("./mainstack-design-system25.cjs"),o=({className:n,children:i,...a})=>{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),...a,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"})})})]}):i})};o.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=o;

package/dist/mainstack-design-system20.js

@@ -1,17 +1,18 @@
 import { jsx as e, jsxs as c, Fragment as p } from "react/jsx-runtime";
-import { ButtonIcon as u } from "./mainstack-design-system388.js";
-import "./mainstack-design-system389.js";
-import { ButtonRoot as v } from "./mainstack-design-system390.js";
-import "./mainstack-design-system391.js";
+import { ButtonIcon as u } from "./mainstack-design-system389.js";
+import "./mainstack-design-system390.js";
+import { ButtonRoot as v } from "./mainstack-design-system391.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
 import "./mainstack-design-system357.js";
 import g from "./mainstack-design-system286.js";
 import "react";
-import "./player-DTiOvJS-.js";
-import { c as f } from "./utils-bFB19i-d.js";
+import "./player-C7Vjl1Lb.js";
+import { c as f } from "./utils-BuJ7DVbu.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system25.js";
 const w = ({
-  className: a,
-  children: t,
+  className: t,
+  children: a,
   ...o
 }) => {
   const { mainPreviewFile: r, onValuesChange: s, values: m, setMainPreviewFile: n } = h();
@@ -23,7 +24,7 @@ const w = ({
       "data-active-preview": !!r?.id,
       className: f(
         "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
+        t
       ),
       ...o,
       children: r ? /* @__PURE__ */ c(p, { children: [
@@ -45,10 +46,10 @@ const w = ({
             iconOnly: !0,
             className: "mds:absolute mds:right-20 mds:top-20 mds:z-10",
             onClick: () => {
-              const d = [...m], i = d.findIndex(
+              const i = [...m], d = i.findIndex(
                 (l) => l.id === r.id
               );
-              i > -1 && (d.splice(i, 1), s(d), n(d[0] || null));
+              d > -1 && (i.splice(d, 1), s(i), n(i[0] || null));
             },
             children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
               g,
@@ -59,7 +60,7 @@ const w = ({
             ) })
           }
         )
-      ] }) : t
+      ] }) : a
     }
   );
 };

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-system427.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system429.cjs");const o=require("./mainstack-design-system430.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system357.cjs");require("react");require("./player-DgtZYZny.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-system429.cjs");require("./mainstack-design-system430.cjs");require("./mainstack-design-system431.cjs");const o=require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system357.cjs");require("react");require("./player-8drl4TJX.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

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import "./mainstack-design-system427.js";
-import "./mainstack-design-system428.js";
 import "./mainstack-design-system429.js";
-import { FormErrorStatus as t } from "./mainstack-design-system430.js";
+import "./mainstack-design-system430.js";
 import "./mainstack-design-system431.js";
-import "./mainstack-design-system432.js";
+import { FormErrorStatus as t } from "./mainstack-design-system432.js";
 import "./mainstack-design-system433.js";
 import "./mainstack-design-system434.js";
+import "./mainstack-design-system435.js";
+import "./mainstack-design-system436.js";
 import "./mainstack-design-system357.js";
 import "react";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.js";
 import { useImageUploaderContext as m } from "./mainstack-design-system25.js";
 const E = () => {
   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-DLtLUJsL.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-sX9NhwD-.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-bFB19i-d.js";
+import { c as m } from "./utils-BuJ7DVbu.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-DLtLUJsL.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-sX9NhwD-.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-bFB19i-d.js";
+import { c as r } from "./utils-BuJ7DVbu.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-DLtLUJsL.cjs"),_=require("./mainstack-design-system605.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system357.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-DgtZYZny.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-sX9NhwD-.cjs"),_=require("./mainstack-design-system610.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system357.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-8drl4TJX.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-bFB19i-d.js";
-import { DropzoneUploadArea as w } from "./mainstack-design-system605.js";
+import { g as h, c as I } from "./utils-BuJ7DVbu.js";
+import { DropzoneUploadArea as w } from "./mainstack-design-system610.js";
 import { useImageUploaderContext as z } from "./mainstack-design-system25.js";
 import "./mainstack-design-system357.js";
 import v from "./mainstack-design-system55.js";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.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 c=require("react/jsx-runtime"),j=require("./mainstack-design-system35.cjs"),z=require("./index-C8aODXfJ.cjs"),S=require("./utils-DLtLUJsL.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),j=require("./mainstack-design-system35.cjs"),z=require("./index-C8aODXfJ.cjs"),S=require("./utils-sX9NhwD-.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-system27.js

@@ -2,7 +2,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { FileUploaderContext as N } from "./mainstack-design-system35.js";
 import { u as R } from "./index-437EL2iq.js";
-import { c as V } from "./utils-bFB19i-d.js";
+import { c as V } from "./utils-BuJ7DVbu.js";
 import m, { useState as A, useCallback as c } from "react";
 const D = ({
   values: u,

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-DLtLUJsL.cjs"),h=require("./mainstack-design-system35.cjs"),f=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const j=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system286.cjs");require("./player-DgtZYZny.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-sX9NhwD-.cjs"),h=require("./mainstack-design-system35.cjs"),f=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");const j=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system286.cjs");require("./player-8drl4TJX.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,20 +1,21 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-bFB19i-d.js";
+import { c as x } from "./utils-BuJ7DVbu.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system35.js";
-import { ButtonIcon as y } from "./mainstack-design-system388.js";
-import "./mainstack-design-system389.js";
-import { ButtonRoot as w } from "./mainstack-design-system390.js";
-import "./mainstack-design-system391.js";
+import { ButtonIcon as y } from "./mainstack-design-system389.js";
+import "./mainstack-design-system390.js";
+import { ButtonRoot as w } from "./mainstack-design-system391.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
 import "./mainstack-design-system357.js";
 import v from "./mainstack-design-system286.js";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.js";
 const N = ({
   children: d,
   className: l,
   fileId: t,
-  fileName: n,
-  formatedSize: o,
+  fileName: o,
+  formatedSize: n,
   fileExtension: c
 }) => {
   const { values: r, onValuesChange: i } = h(), p = f(() => {
@@ -39,12 +40,12 @@ const N = ({
             }
           ),
           /* @__PURE__ */ m("div", { className: "mds:min-w-0 mds:flex mds:flex-col", children: [
-            /* @__PURE__ */ e("p", { className: "mds:truncate mds:body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ", children: n }),
+            /* @__PURE__ */ e("p", { className: "mds:truncate mds:body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ", children: o }),
             /* @__PURE__ */ e(
               "span",
               {
                 className: "mds:truncate mds:body-tiny-regular mds:text-secondary",
-                children: o
+                children: n
               }
             )
           ] })

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-DLtLUJsL.cjs"),a=require("./mainstack-design-system35.cjs"),n=require("./mainstack-design-system379.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-sX9NhwD-.cjs"),a=require("./mainstack-design-system35.cjs"),n=require("./mainstack-design-system379.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-bFB19i-d.js";
+import { c as t } from "./utils-BuJ7DVbu.js";
 import { useFileUploaderContext as a } from "./mainstack-design-system35.js";
 import { BodyText as d } from "./mainstack-design-system379.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-system427.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system429.cjs");const o=require("./mainstack-design-system430.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system357.cjs");require("react");require("./player-DgtZYZny.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-system429.cjs");require("./mainstack-design-system430.cjs");require("./mainstack-design-system431.cjs");const o=require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system357.cjs");require("react");require("./player-8drl4TJX.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

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import "./mainstack-design-system427.js";
-import "./mainstack-design-system428.js";
 import "./mainstack-design-system429.js";
-import { FormErrorStatus as t } from "./mainstack-design-system430.js";
+import "./mainstack-design-system430.js";
 import "./mainstack-design-system431.js";
-import "./mainstack-design-system432.js";
+import { FormErrorStatus as t } from "./mainstack-design-system432.js";
 import "./mainstack-design-system433.js";
 import "./mainstack-design-system434.js";
+import "./mainstack-design-system435.js";
+import "./mainstack-design-system436.js";
 import "./mainstack-design-system357.js";
 import "react";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.js";
 import { useFileUploaderContext as m } from "./mainstack-design-system35.js";
 const E = () => {
   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-DLtLUJsL.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-sX9NhwD-.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-bFB19i-d.js";
+import { c as l } from "./utils-BuJ7DVbu.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-DLtLUJsL.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-sX9NhwD-.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-bFB19i-d.js";
+import { c as t } from "./utils-BuJ7DVbu.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-system388.cjs"),n=require("./mainstack-design-system389.cjs"),t=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-DgtZYZny.cjs");const a=require("./utils-DLtLUJsL.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system389.cjs"),n=require("./mainstack-design-system390.cjs"),t=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-8drl4TJX.cjs");const a=require("./utils-sX9NhwD-.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

@@ -1,18 +1,19 @@
 'use client';
 import { jsx as o, jsxs as r, Fragment as c } from "react/jsx-runtime";
-import { ButtonIcon as e } from "./mainstack-design-system388.js";
-import { ButtonLabel as i } from "./mainstack-design-system389.js";
-import { ButtonRoot as t } from "./mainstack-design-system390.js";
-import "./mainstack-design-system391.js";
+import { ButtonIcon as e } from "./mainstack-design-system389.js";
+import { ButtonLabel as i } from "./mainstack-design-system390.js";
+import { ButtonRoot as t } from "./mainstack-design-system391.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
 import "./mainstack-design-system357.js";
 import l from "./mainstack-design-system109.js";
 import a from "./mainstack-design-system131.js";
 import "react";
-import "./player-DTiOvJS-.js";
-import { c as p } from "./utils-bFB19i-d.js";
+import "./player-C7Vjl1Lb.js";
+import { c as p } from "./utils-BuJ7DVbu.js";
 const f = ({
-  className: n,
-  children: m,
+  className: m,
+  children: n,
   onLibrarySelect: d,
   ...s
 }) => /* @__PURE__ */ o(
@@ -21,10 +22,10 @@ const f = ({
     "data-slot": "file-uploader-dropzone-actions",
     className: p(
       "mds:flex mds:justify-center mds:items-center mds:gap-8 mds:mt-16",
-      n
+      m
     ),
     ...s,
-    children: m || /* @__PURE__ */ r(c, { children: [
+    children: n || /* @__PURE__ */ r(c, { children: [
       /* @__PURE__ */ r(t, { variant: "secondary", rounded: "sm", size: "xs", children: [
         /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(a, {}) }),
         /* @__PURE__ */ o(i, { children: "Upload from device" })

package/dist/mainstack-design-system34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),q=require("react"),f=require("./utils-DLtLUJsL.cjs"),U=require("./mainstack-design-system605.cjs"),w=require("./mainstack-design-system35.cjs");require("./mainstack-design-system357.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-DgtZYZny.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:a,maxFiles:o,onError:e}=w.useFileUploaderContext(),z=q.useCallback(async(s,i)=>{const x=t.length,u=(o||0)-x;if(s.length>u||i.length>0){if(e){if(s.length>u||i.some(r=>r.errors.some(n=>n.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(n=>n.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return e(new Error("Invalid image type or criteria."))}return}try{const r=(await f.getFileMetadata(s)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),y=[...t,...r].slice(0,o);m(y)}catch(d){e&&e(d)}},[m,e,t,o,a]);return p.jsxs(U.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.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",b),onDrop:z,accept:_,maxFiles:o,maxSize:a,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"),q=require("react"),f=require("./utils-sX9NhwD-.cjs"),U=require("./mainstack-design-system610.cjs"),w=require("./mainstack-design-system35.cjs");require("./mainstack-design-system357.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-8drl4TJX.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:a,maxFiles:o,onError:e}=w.useFileUploaderContext(),z=q.useCallback(async(s,i)=>{const x=t.length,u=(o||0)-x;if(s.length>u||i.length>0){if(e){if(s.length>u||i.some(r=>r.errors.some(n=>n.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(n=>n.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return e(new Error("Invalid image type or criteria."))}return}try{const r=(await f.getFileMetadata(s)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),y=[...t,...r].slice(0,o);m(y)}catch(d){e&&e(d)}},[m,e,t,o,a]);return p.jsxs(U.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.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",b),onDrop:z,accept:_,maxFiles:o,maxSize:a,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 y } from "react/jsx-runtime";
 import { useCallback as w } from "react";
-import { a as C, c as M } from "./utils-bFB19i-d.js";
-import { DropzoneUploadArea as N } from "./mainstack-design-system605.js";
+import { a as C, c as M } from "./utils-BuJ7DVbu.js";
+import { DropzoneUploadArea as N } from "./mainstack-design-system610.js";
 import { useFileUploaderContext as D } from "./mainstack-design-system35.js";
 import "./mainstack-design-system357.js";
 import E from "./mainstack-design-system55.js";
-import "./player-DTiOvJS-.js";
+import "./player-C7Vjl1Lb.js";
 const I = ({
   className: f,
   children: p,

package/dist/mainstack-design-system357.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-DLtLUJsL.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-24",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-sX9NhwD-.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-24",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;

package/dist/mainstack-design-system357.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import n, { useId as k } from "react";
-import { c as w } from "./utils-bFB19i-d.js";
+import { c as w } from "./utils-BuJ7DVbu.js";
 const h = n.forwardRef(
   ({ children: m, className: l, ...r }, c) => {
     const o = `mask-${k()}`, s = r.width || "24", t = r.height || "24", p = n.Children.map(m, (e) => {