mainstack-design-system 1.5.0 → 1.6.0

package/dist/mainstack-design-system16.cjs

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

package/dist/mainstack-design-system16.js

@@ -3,7 +3,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { ImageUploaderContext as x } from "./mainstack-design-system24.js";
 import { u as C } from "./index-437EL2iq.js";
-import { c as h } from "./utils-B-DK6jJO.js";
+import { c as h } from "./utils-Cs1D8Nxl.js";
 const P = ({
   values: r,
   onValuesChange: t,

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

package/dist/mainstack-design-system18.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useState as M, useCallback as N } from "react";
-import { g as U, c as l } from "./utils-B-DK6jJO.js";
+import { g as U, c as l } from "./utils-Cs1D8Nxl.js";
 import "./mainstack-design-system355.js";
 import A from "./mainstack-design-system53.js";
 import H from "./mainstack-design-system223.js";
 import S from "./mainstack-design-system239.js";
 import y from "./mainstack-design-system284.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 import { useImageUploaderContext as T } from "./mainstack-design-system24.js";
 import { DropzoneUploadArea as E } from "./mainstack-design-system606.js";
 import { P as L, a as R, b as V, c as $ } from "./index-RoCFhqzC.js";

package/dist/mainstack-design-system19.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./utils-B6I16BNR.cjs"),i=require("./mainstack-design-system386.cjs"),c=require("./mainstack-design-system387.cjs"),l=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const v=require("./mainstack-design-system107.cjs"),B=require("./mainstack-design-system129.cjs");require("./player-BKifgSJo.cjs");const h=require("./mainstack-design-system24.cjs"),b=require("./mainstack-design-system606.cjs"),d=({className:u,onLibrarySelect:m,children:t,...p})=>{const{accept:x,maxFiles:_,maxSize:g,onValuesChange:r,onError:n,setMainPreviewFile:s}=h.useImageUploaderContext(),j=q.useCallback(async I=>{try{const o=await a.generateImageFilePreview(I);r(o),s(o[0])}catch(o){n&&n(o)}},[r,s,n]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:a.cn("mds:flex mds:absolute mds:left-1/2 mds:-translate-x-1/2 mds:bottom-24 mds:justify-center mds:items-center mds:gap-8",u),...p,children:t||e.jsxs(e.Fragment,{children:[e.jsx(b.DropzoneUploadArea,{onDrop:j,accept:x,maxFiles:_,maxSize:g,noDrag:!0,asChild:!0,children:e.jsxs(l.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(i.ButtonIcon,{children:e.jsx(B,{})}),e.jsx(c.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(l.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:m,children:[e.jsx(i.ButtonIcon,{children:e.jsx(v,{})}),e.jsx(c.ButtonLabel,{children:"Select from library"})]})]})})};d.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./utils-scPUmbSO.cjs"),i=require("./mainstack-design-system386.cjs"),c=require("./mainstack-design-system387.cjs"),l=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const v=require("./mainstack-design-system107.cjs"),B=require("./mainstack-design-system129.cjs");require("./player-BSON6quL.cjs");const h=require("./mainstack-design-system24.cjs"),b=require("./mainstack-design-system606.cjs"),d=({className:u,onLibrarySelect:m,children:t,...p})=>{const{accept:x,maxFiles:_,maxSize:g,onValuesChange:r,onError:n,setMainPreviewFile:s}=h.useImageUploaderContext(),j=q.useCallback(async I=>{try{const o=await a.generateImageFilePreview(I);r(o),s(o[0])}catch(o){n&&n(o)}},[r,s,n]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:a.cn("mds:flex mds:absolute mds:left-1/2 mds:-translate-x-1/2 mds:bottom-24 mds:justify-center mds:items-center mds:gap-8",u),...p,children:t||e.jsxs(e.Fragment,{children:[e.jsx(b.DropzoneUploadArea,{onDrop:j,accept:x,maxFiles:_,maxSize:g,noDrag:!0,asChild:!0,children:e.jsxs(l.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(i.ButtonIcon,{children:e.jsx(B,{})}),e.jsx(c.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(l.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:m,children:[e.jsx(i.ButtonIcon,{children:e.jsx(v,{})}),e.jsx(c.ButtonLabel,{children:"Select from library"})]})]})})};d.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=d;

package/dist/mainstack-design-system19.js

@@ -1,7 +1,7 @@
 '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-B-DK6jJO.js";
+import { g as I, c as w } from "./utils-Cs1D8Nxl.js";
 import { ButtonIcon as n } from "./mainstack-design-system386.js";
 import { ButtonLabel as s } from "./mainstack-design-system387.js";
 import { ButtonRoot as d } from "./mainstack-design-system388.js";
@@ -9,7 +9,7 @@ import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
 import C from "./mainstack-design-system107.js";
 import U from "./mainstack-design-system129.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 import { useImageUploaderContext as b } from "./mainstack-design-system24.js";
 import { DropzoneUploadArea as z } from "./mainstack-design-system606.js";
 const D = ({

package/dist/mainstack-design-system20.cjs

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

@@ -6,8 +6,8 @@ import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
 import g from "./mainstack-design-system284.js";
 import "react";
-import "./player-DSenNqFV.js";
-import { c as f } from "./utils-B-DK6jJO.js";
+import "./player-BXrBN0bS.js";
+import { c as f } from "./utils-Cs1D8Nxl.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system24.js";
 const w = ({
   className: a,

package/dist/mainstack-design-system21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-B6I16BNR.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-scPUmbSO.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-B-DK6jJO.js";
+import { c as r } from "./utils-Cs1D8Nxl.js";
 const m = ({
   className: e,
   ...o

package/dist/mainstack-design-system22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-B6I16BNR.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./utils-scPUmbSO.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-B-DK6jJO.js";
+import { c as r } from "./utils-Cs1D8Nxl.js";
 const t = ({
   className: e,
   ...o

package/dist/mainstack-design-system23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),n=require("./utils-B6I16BNR.cjs"),_=require("./mainstack-design-system606.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),n=require("./utils-scPUmbSO.cjs"),_=require("./mainstack-design-system606.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.cjs");require("./player-BSON6quL.cjs");const s=({className:l,children:i,...c})=>{const{onValuesChange:o,setMainPreviewFile:a,accept:d,maxSize:m,maxFiles:p,onError:r}=I.useImageUploaderContext(),u=x.useCallback(async g=>{try{const e=await n.generateImageFilePreview(g);o(e),a(e[0])}catch(e){r&&r(e)}},[o,a,r]);return t.jsxs(_.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:n.cn("mds:flex mds:relative mds:flex-col mds:items-center mds:gap-8 mds:justify-center mds:p-24 mds:text-center mds:h-full",l),onDrop:u,accept:d,maxFiles:p,maxSize:m,asChild:!0,...c,children:[t.jsx(f,{variant:"filled"}),i]})};s.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=s;

package/dist/mainstack-design-system23.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as f } from "react/jsx-runtime";
 import { useCallback as g } from "react";
-import { g as x, c as u } from "./utils-B-DK6jJO.js";
+import { g as x, c as u } from "./utils-Cs1D8Nxl.js";
 import { DropzoneUploadArea as h } from "./mainstack-design-system606.js";
 import { useImageUploaderContext as v } from "./mainstack-design-system24.js";
 import "./mainstack-design-system355.js";
 import z from "./mainstack-design-system53.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 const I = ({
   className: t,
   children: 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-B6I16BNR.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;
+"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-scPUmbSO.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,7 +2,7 @@
 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-B-DK6jJO.js";
+import { c as z } from "./utils-Cs1D8Nxl.js";
 import l from "react";
 const F = ({
   values: n,

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-B6I16BNR.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-scPUmbSO.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-BSON6quL.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 m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-B-DK6jJO.js";
+import { c as x } from "./utils-Cs1D8Nxl.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system33.js";
 import { ButtonIcon as y } from "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
@@ -8,7 +8,7 @@ import { ButtonRoot as w } from "./mainstack-design-system388.js";
 import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
 import v from "./mainstack-design-system284.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 const N = ({
   children: t,
   className: l,

package/dist/mainstack-design-system28.cjs

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

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-B6I16BNR.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./utils-scPUmbSO.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-B-DK6jJO.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
 const t = ({
   className: 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-B6I16BNR.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./utils-scPUmbSO.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-B-DK6jJO.js";
+import { c as t } from "./utils-Cs1D8Nxl.js";
 const a = ({
   className: 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-B6I16BNR.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-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-BSON6quL.cjs");const a=require("./utils-scPUmbSO.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

@@ -8,8 +8,8 @@ import "./mainstack-design-system355.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-B-DK6jJO.js";
+import "./player-BXrBN0bS.js";
+import { c as p } from "./utils-Cs1D8Nxl.js";
 const f = ({
   className: n,
   children: m,

package/dist/mainstack-design-system32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),v=require("react"),a=require("./utils-B6I16BNR.cjs"),b=require("./mainstack-design-system606.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),v=require("react"),a=require("./utils-scPUmbSO.cjs"),b=require("./mainstack-design-system606.cjs"),g=require("./mainstack-design-system33.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.cjs");require("./player-BSON6quL.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;

package/dist/mainstack-design-system32.js

@@ -1,11 +1,11 @@
 import { jsxs as c, jsx as p } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { a as u, c as v } from "./utils-B-DK6jJO.js";
+import { a as u, c as v } from "./utils-Cs1D8Nxl.js";
 import { DropzoneUploadArea as b } from "./mainstack-design-system606.js";
 import { useFileUploaderContext as g } from "./mainstack-design-system33.js";
 import "./mainstack-design-system355.js";
 import h from "./mainstack-design-system53.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 const x = ({
   className: t,
   children: a,

package/dist/mainstack-design-system355.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-B6I16BNR.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-scPUmbSO.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-system355.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-B-DK6jJO.js";
+import { c as w } from "./utils-Cs1D8Nxl.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) => {

package/dist/mainstack-design-system356.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-BKifgSJo.cjs"),d=require("./utils-B6I16BNR.cjs"),y=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:d.cn("mds:flex mds:items-center mds:justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-BSON6quL.cjs"),d=require("./utils-scPUmbSO.cjs"),y=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:d.cn("mds:flex mds:items-center mds:justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=y;

package/dist/mainstack-design-system356.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
 import { useRef as a, useEffect as f } from "react";
-import { h as l } from "./player-DSenNqFV.js";
-import { c as u } from "./utils-B-DK6jJO.js";
+import { h as l } from "./player-BXrBN0bS.js";
+import { c as u } from "./utils-Cs1D8Nxl.js";
 const x = ({
   icon: i,
   size: o = 18,

package/dist/mainstack-design-system358.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("./mainstack-design-system434.cjs"),d=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system298.cjs"),l=require("./mainstack-design-system299.cjs");require("./player-BKifgSJo.cjs");const t=o.forwardRef(({className:r,...i},u)=>{const[s,n]=o.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(d.InputField,{...i,ref:u,type:s}),s==="password"?e.jsxs("button",{onClick:()=>n("text"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>n("password"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:e.jsx(p,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("./mainstack-design-system434.cjs"),d=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system298.cjs"),l=require("./mainstack-design-system299.cjs");require("./player-BSON6quL.cjs");const t=o.forwardRef(({className:r,...i},u)=>{const[s,n]=o.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(d.InputField,{...i,ref:u,type:s}),s==="password"?e.jsxs("button",{onClick:()=>n("text"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>n("password"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:e.jsx(p,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;

package/dist/mainstack-design-system358.js

@@ -7,7 +7,7 @@ import "./mainstack-design-system433.js";
 import "./mainstack-design-system355.js";
 import a from "./mainstack-design-system298.js";
 import c from "./mainstack-design-system299.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 const u = m(
   ({ className: i, ...e }, n) => {
     const [r, t] = p("password");

package/dist/mainstack-design-system364.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),l=require("./mainstack-design-system434.cjs"),d=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const a=require("./mainstack-design-system91.cjs"),m=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const p=require("./utils-B6I16BNR.cjs"),c=o.forwardRef(({onCancel:t,className:i,...u},e)=>{const n=o.useRef(null);return r.jsxs(l.InputRoot,{className:p.cn("mds:group mds:bg-interactive-secondary mds:overflow-hidden mds:min-h-40 mds:hover:bg-interactive-secondary-hover mds:has-[*_[data-shape=rounded]]:rounded-12!",i),children:[r.jsx(m,{className:"mds:size-24 mds:transition-all mds:duration-500 mds:group-focus-within:w-0 "}),r.jsx(d.InputField,{placeholder:"Search",shape:"full-radius",ref:s=>{n.current=s,typeof e=="function"?e(s):typeof e=="object"&&e?.current&&(e.current=s)},...u}),r.jsx(a,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:text-tertiary  mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{t&&t(),n.current?.focus()}})]})});c.displayName="SearchField";exports.SearchField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),l=require("./mainstack-design-system434.cjs"),d=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const a=require("./mainstack-design-system91.cjs"),m=require("./mainstack-design-system264.cjs");require("./player-BSON6quL.cjs");const p=require("./utils-scPUmbSO.cjs"),c=o.forwardRef(({onCancel:t,className:i,...u},e)=>{const n=o.useRef(null);return r.jsxs(l.InputRoot,{className:p.cn("mds:group mds:bg-interactive-secondary mds:overflow-hidden mds:min-h-40 mds:hover:bg-interactive-secondary-hover mds:has-[*_[data-shape=rounded]]:rounded-12!",i),children:[r.jsx(m,{className:"mds:size-24 mds:transition-all mds:duration-500 mds:group-focus-within:w-0 "}),r.jsx(d.InputField,{placeholder:"Search",shape:"full-radius",ref:s=>{n.current=s,typeof e=="function"?e(s):typeof e=="object"&&e?.current&&(e.current=s)},...u}),r.jsx(a,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:text-tertiary  mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{t&&t(),n.current?.focus()}})]})});c.displayName="SearchField";exports.SearchField=c;

package/dist/mainstack-design-system364.js

@@ -7,8 +7,8 @@ import "./mainstack-design-system433.js";
 import "./mainstack-design-system355.js";
 import p from "./mainstack-design-system91.js";
 import u from "./mainstack-design-system264.js";
-import "./player-DSenNqFV.js";
-import { c as h } from "./utils-B-DK6jJO.js";
+import "./player-BXrBN0bS.js";
+import { c as h } from "./utils-Cs1D8Nxl.js";
 const f = d(
   ({ onCancel: s, className: i, ...m }, r) => {
     const t = n(null);

package/dist/mainstack-design-system369.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system608.cjs"),t=require("./mainstack-design-system609.cjs"),n=require("./mainstack-design-system493.cjs"),r=require("./mainstack-design-system479.cjs"),o=require("./mainstack-design-system480.cjs"),i=require("./mainstack-design-system481.cjs"),u=require("./mainstack-design-system482.cjs"),d=require("./mainstack-design-system483.cjs"),M=require("./mainstack-design-system484.cjs"),T=require("./mainstack-design-system485.cjs"),x=require("./mainstack-design-system486.cjs"),c=require("./mainstack-design-system487.cjs"),s=require("./mainstack-design-system488.cjs"),E=require("./mainstack-design-system489.cjs"),_=require("./mainstack-design-system490.cjs"),a=require("./mainstack-design-system491.cjs"),l=require("./mainstack-design-system492.cjs"),p=require("./mainstack-design-system602.cjs"),B={Root:e.TextEditorRoot,Field:t.TextEditorField,MenuBar:n.TextEditorMenuBar,MenuAction:E.TextEditorMenuAction,BoldMenu:r.BoldMenu,CodeMenu:o.CodeMenu,ColorPickerMenu:i.ColorPickerMenu,GenerateWithAiMenu:u.GenerateWithAiMenu,ImageUploadMenu:d.ImageUploadMenu,ItalicMenu:M.ItalicMenu,LinkMenu:T.LinkMenu,OrderedListMenu:x.OrderedListMenu,StrikethroughMenu:c.StrikethroughMenu,TextAlignMenu:s.TextAlignMenu,TextSizesMenu:_.TextSizesMenu,UnderlineMenu:a.UnderlineMenu,UnorderedListMenu:l.UnorderedListMenu};exports.TextEditorRoot=e.TextEditorRoot;exports.TextEditorField=t.TextEditorField;exports.TextEditorMenuBar=n.TextEditorMenuBar;exports.BoldMenu=r.BoldMenu;exports.CodeMenu=o.CodeMenu;exports.ColorPickerMenu=i.ColorPickerMenu;exports.GenerateWithAiMenu=u.GenerateWithAiMenu;exports.ImageUploadMenu=d.ImageUploadMenu;exports.ItalicMenu=M.ItalicMenu;exports.LinkMenu=T.LinkMenu;exports.OrderedListMenu=x.OrderedListMenu;exports.StrikethroughMenu=c.StrikethroughMenu;exports.TextAlignMenu=s.TextAlignMenu;exports.TextEditorMenuAction=E.TextEditorMenuAction;exports.TextSizesMenu=_.TextSizesMenu;exports.UnderlineMenu=a.UnderlineMenu;exports.UnorderedListMenu=l.UnorderedListMenu;exports.TextEditorInput=p.TextEditorInput;exports.TextEditorGroup=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system608.cjs"),t=require("./mainstack-design-system609.cjs"),n=require("./mainstack-design-system493.cjs"),r=require("./mainstack-design-system479.cjs"),o=require("./mainstack-design-system480.cjs"),i=require("./mainstack-design-system481.cjs"),u=require("./mainstack-design-system482.cjs"),d=require("./mainstack-design-system483.cjs"),M=require("./mainstack-design-system484.cjs"),T=require("./mainstack-design-system485.cjs"),x=require("./mainstack-design-system486.cjs"),c=require("./mainstack-design-system487.cjs"),s=require("./mainstack-design-system488.cjs"),E=require("./mainstack-design-system489.cjs"),_=require("./mainstack-design-system490.cjs"),a=require("./mainstack-design-system491.cjs"),l=require("./mainstack-design-system492.cjs"),p=require("./mainstack-design-system603.cjs"),B={Root:e.TextEditorRoot,Field:t.TextEditorField,MenuBar:n.TextEditorMenuBar,MenuAction:E.TextEditorMenuAction,BoldMenu:r.BoldMenu,CodeMenu:o.CodeMenu,ColorPickerMenu:i.ColorPickerMenu,GenerateWithAiMenu:u.GenerateWithAiMenu,ImageUploadMenu:d.ImageUploadMenu,ItalicMenu:M.ItalicMenu,LinkMenu:T.LinkMenu,OrderedListMenu:x.OrderedListMenu,StrikethroughMenu:c.StrikethroughMenu,TextAlignMenu:s.TextAlignMenu,TextSizesMenu:_.TextSizesMenu,UnderlineMenu:a.UnderlineMenu,UnorderedListMenu:l.UnorderedListMenu};exports.TextEditorRoot=e.TextEditorRoot;exports.TextEditorField=t.TextEditorField;exports.TextEditorMenuBar=n.TextEditorMenuBar;exports.BoldMenu=r.BoldMenu;exports.CodeMenu=o.CodeMenu;exports.ColorPickerMenu=i.ColorPickerMenu;exports.GenerateWithAiMenu=u.GenerateWithAiMenu;exports.ImageUploadMenu=d.ImageUploadMenu;exports.ItalicMenu=M.ItalicMenu;exports.LinkMenu=T.LinkMenu;exports.OrderedListMenu=x.OrderedListMenu;exports.StrikethroughMenu=c.StrikethroughMenu;exports.TextAlignMenu=s.TextAlignMenu;exports.TextEditorMenuAction=E.TextEditorMenuAction;exports.TextSizesMenu=_.TextSizesMenu;exports.UnderlineMenu=a.UnderlineMenu;exports.UnorderedListMenu=l.UnorderedListMenu;exports.TextEditorInput=p.TextEditorInput;exports.TextEditorGroup=B;

package/dist/mainstack-design-system369.js

@@ -15,7 +15,7 @@ import { TextEditorMenuAction as l } from "./mainstack-design-system489.js";
 import { TextSizesMenu as T } from "./mainstack-design-system490.js";
 import { UnderlineMenu as a } from "./mainstack-design-system491.js";
 import { UnorderedListMenu as E } from "./mainstack-design-system492.js";
-import { TextEditorInput as j } from "./mainstack-design-system602.js";
+import { TextEditorInput as j } from "./mainstack-design-system603.js";
 const P = {
   Root: o,
   Field: r,

package/dist/mainstack-design-system377.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),d=require("./mainstack-design-system569.cjs"),u=require("./utils-B6I16BNR.cjs"),l=y.forwardRef,e=l(({as:t,className:o,weight:r,size:s,...n},a)=>{const c=t||"p";return i.jsx(c,{...n,className:u.cn(d.bodyTextVariants({weight:r,size:s}),o),ref:a})});e.displayName="BodyText";exports.BodyText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),d=require("./mainstack-design-system569.cjs"),u=require("./utils-scPUmbSO.cjs"),l=y.forwardRef,e=l(({as:t,className:o,weight:r,size:s,...n},a)=>{const c=t||"p";return i.jsx(c,{...n,className:u.cn(d.bodyTextVariants({weight:r,size:s}),o),ref:a})});e.displayName="BodyText";exports.BodyText=e;

package/dist/mainstack-design-system377.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import s from "react";
 import { bodyTextVariants as c } from "./mainstack-design-system569.js";
-import { c as f } from "./utils-B-DK6jJO.js";
+import { c as f } from "./utils-Cs1D8Nxl.js";
 const n = s.forwardRef, d = n(({ as: o, className: r, weight: t, size: e, ...m }, a) => /* @__PURE__ */ p(
   o || "p",
   {

package/dist/mainstack-design-system378.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),p=require("./mainstack-design-system570.cjs"),y=require("./utils-B6I16BNR.cjs"),u=c.forwardRef,e=u(({as:t,className:s,weight:r,size:a,...i},o)=>{const n=t||"h1";return l.jsx(n,{...i,className:y.cn(p.displayTextVariants({weight:r,size:a}),s),ref:o})});e.displayName="DisplayText";exports.DisplayText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),p=require("./mainstack-design-system570.cjs"),y=require("./utils-scPUmbSO.cjs"),u=c.forwardRef,e=u(({as:t,className:s,weight:r,size:a,...i},o)=>{const n=t||"h1";return l.jsx(n,{...i,className:y.cn(p.displayTextVariants({weight:r,size:a}),s),ref:o})});e.displayName="DisplayText";exports.DisplayText=e;

package/dist/mainstack-design-system378.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import p from "react";
 import { displayTextVariants as i } from "./mainstack-design-system570.js";
-import { c as l } from "./utils-B-DK6jJO.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
 const c = p.forwardRef, f = c(({ as: r, className: t, weight: o, size: e, ...a }, m) => /* @__PURE__ */ s(
   r || "h1",
   {

package/dist/mainstack-design-system379.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system571.cjs"),u=require("./utils-B6I16BNR.cjs"),x=c.forwardRef,e=x(({as:t,className:n,weight:r,size:a,...i},o)=>{const s=t||"h3";return l.jsx(s,{...i,className:u.cn(d.headlineTextVariants({weight:r,size:a}),n),ref:o})});e.displayName="HeadlineText";exports.HeadlineText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system571.cjs"),u=require("./utils-scPUmbSO.cjs"),x=c.forwardRef,e=x(({as:t,className:n,weight:r,size:a,...i},o)=>{const s=t||"h3";return l.jsx(s,{...i,className:u.cn(d.headlineTextVariants({weight:r,size:a}),n),ref:o})});e.displayName="HeadlineText";exports.HeadlineText=e;

package/dist/mainstack-design-system379.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import i from "react";
 import { headlineTextVariants as l } from "./mainstack-design-system571.js";
-import { c as s } from "./utils-B-DK6jJO.js";
+import { c as s } from "./utils-Cs1D8Nxl.js";
 const c = i.forwardRef, f = c(({ as: e, className: r, weight: t, size: o, ...a }, m) => /* @__PURE__ */ n(
   e || "h3",
   {

package/dist/mainstack-design-system384.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./utils-B6I16BNR.cjs");function n({className:t,...r}){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",role:"status","aria-label":"Loading",className:i.cn("mds:size-16 mds:animate-spin  mds:text-primary",t),...r,children:e.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})})}exports.Spinner=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./utils-scPUmbSO.cjs");function n({className:t,...r}){return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",role:"status","aria-label":"Loading",className:i.cn("mds:size-16 mds:animate-spin  mds:text-primary",t),...r,children:e.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})})}exports.Spinner=n;

package/dist/mainstack-design-system384.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "./utils-B-DK6jJO.js";
+import { c as o } from "./utils-Cs1D8Nxl.js";
 function s({ className: t, ...e }) {
   return /* @__PURE__ */ r(
     "svg",

package/dist/mainstack-design-system386.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),a=require("./index-CpE6WAgy.cjs"),l=require("./utils-B6I16BNR.cjs"),t=u.forwardRef(({className:e,asChild:n=!1,children:o,...s},r)=>{const c=n?a.Slot:"span";return i.jsx(c,{ref:r,"data-slot":"button-icon",className:l.cn("mds:inline-flex mds:items-center mds:justify-center",e),...s,children:o})});t.displayName="ButtonIcon";exports.ButtonIcon=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("react"),a=require("./index-CpE6WAgy.cjs"),l=require("./utils-scPUmbSO.cjs"),t=u.forwardRef(({className:e,asChild:n=!1,children:o,...s},r)=>{const c=n?a.Slot:"span";return i.jsx(c,{ref:r,"data-slot":"button-icon",className:l.cn("mds:inline-flex mds:items-center mds:justify-center",e),...s,children:o})});t.displayName="ButtonIcon";exports.ButtonIcon=t;

package/dist/mainstack-design-system386.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import { S as a } from "./index-BtQfgaSF.js";
-import { c } from "./utils-B-DK6jJO.js";
+import { c } from "./utils-Cs1D8Nxl.js";
 const i = e(
   ({ className: o, asChild: t = !1, children: m, ...s }, n) => /* @__PURE__ */ r(
     t ? a : "span",

package/dist/mainstack-design-system387.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),i=require("./index-CpE6WAgy.cjs"),u=require("./utils-B6I16BNR.cjs"),e=l.forwardRef(({className:t,asChild:s=!1,...n},o)=>{const a=s?i.Slot:"span";return r.jsx(a,{ref:o,"data-slot":"button-label",className:u.cn("mds:inline-flex mds:items-center mds:whitespace-nowrap",t),...n})});e.displayName="ButtonLabel";exports.ButtonLabel=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),i=require("./index-CpE6WAgy.cjs"),u=require("./utils-scPUmbSO.cjs"),e=l.forwardRef(({className:t,asChild:s=!1,...n},o)=>{const a=s?i.Slot:"span";return r.jsx(a,{ref:o,"data-slot":"button-label",className:u.cn("mds:inline-flex mds:items-center mds:whitespace-nowrap",t),...n})});e.displayName="ButtonLabel";exports.ButtonLabel=e;

package/dist/mainstack-design-system387.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { S as r } from "./index-BtQfgaSF.js";
-import { c as n } from "./utils-B-DK6jJO.js";
+import { c as n } from "./utils-Cs1D8Nxl.js";
 const l = s(
   ({ className: o, asChild: t = !1, ...a }, e) => /* @__PURE__ */ m(
     t ? r : "span",

package/dist/mainstack-design-system388.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),t=require("react"),R=require("./utils-B6I16BNR.cjs"),I=require("./mainstack-design-system390.cjs"),N=t.forwardRef,l=N(({as:r,className:m,size:u="md",variant:c="primary",status:y="default",rounded:g="md",disabled:n,iconOnly:b=!1,children:p,...z},h)=>{const f=r||"button",o=t.Children.toArray(p),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",x=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),w=s&&d?"both":s?"leading":d?"trailing":"none";return B.jsx(f,{ref:h,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":w,"data-button-icon-only":b?"true":"false",disabled:n,"data-button-size":u,className:R.cn(I.buttonVariants({size:u,variant:c,status:y,rounded:g}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&x&&"mds:pl-4 mds:pr-5",b&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],m),...z,children:p})});l.displayName="ButtonRoot";exports.ButtonRoot=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),t=require("react"),R=require("./utils-scPUmbSO.cjs"),I=require("./mainstack-design-system390.cjs"),N=t.forwardRef,l=N(({as:r,className:m,size:u="md",variant:c="primary",status:y="default",rounded:g="md",disabled:n,iconOnly:b=!1,children:p,...z},h)=>{const f=r||"button",o=t.Children.toArray(p),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",x=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),w=s&&d?"both":s?"leading":d?"trailing":"none";return B.jsx(f,{ref:h,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":w,"data-button-icon-only":b?"true":"false",disabled:n,"data-button-size":u,className:R.cn(I.buttonVariants({size:u,variant:c,status:y,rounded:g}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&x&&"mds:pl-4 mds:pr-5",b&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],m),...z,children:p})});l.displayName="ButtonRoot";exports.ButtonRoot=l;

package/dist/mainstack-design-system388.js

@@ -1,6 +1,6 @@
 import { jsx as x } from "react/jsx-runtime";
 import o, { forwardRef as w } from "react";
-import { c as B } from "./utils-B-DK6jJO.js";
+import { c as B } from "./utils-Cs1D8Nxl.js";
 import { buttonVariants as I } from "./mainstack-design-system390.js";
 const N = w, R = N(
   ({

package/dist/mainstack-design-system391.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("./index-BV7A-WgT.cjs"),l=require("./utils-B6I16BNR.cjs"),s=require("./mainstack-design-system573.cjs"),n=t=>t<=32?"body-tiny-semibold":t<=44?"body-extrasmall-semibold":t<=56?"body-small-semibold":t<=64?"body-medium-semibold":t<=84?"body-large-semibold":t===88?"headline-medium-semibold":t===92?"headline-large-semibold":"body-large-semibold",o=({className:t,size:e,...r})=>a.jsx(s.AvatarContext.Provider,{value:{size:e},children:a.jsx(d.Root,{"data-slot":"avatar-root",className:l.cn("mds:inline-flex mds:rounded-full mds:font-semibold mds:bg-surface-accent-l1 mds:text-accent mds:justify-center mds:select-none mds:overflow-hidden mds:has-[>[data-slot-fallback-type=initials]]:items-center mds:has-[>[data-slot-fallback-type=icon]]:items-end mds:**:data-[slot=avatar-image]:object-cover mds:**:data-[slot=avatar-image]:w-full",`mds:w-[${e}px] mds:h-[${e}px]`,n(e),t),"data-slot-root-size":e,...r})});o.displayName="AvatarRoot";exports.AvatarRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("./index-BV7A-WgT.cjs"),l=require("./utils-scPUmbSO.cjs"),s=require("./mainstack-design-system573.cjs"),n=t=>t<=32?"body-tiny-semibold":t<=44?"body-extrasmall-semibold":t<=56?"body-small-semibold":t<=64?"body-medium-semibold":t<=84?"body-large-semibold":t===88?"headline-medium-semibold":t===92?"headline-large-semibold":"body-large-semibold",o=({className:t,size:e,...r})=>a.jsx(s.AvatarContext.Provider,{value:{size:e},children:a.jsx(d.Root,{"data-slot":"avatar-root",className:l.cn("mds:inline-flex mds:rounded-full mds:font-semibold mds:bg-surface-accent-l1 mds:text-accent mds:justify-center mds:select-none mds:overflow-hidden mds:has-[>[data-slot-fallback-type=initials]]:items-center mds:has-[>[data-slot-fallback-type=icon]]:items-end mds:**:data-[slot=avatar-image]:object-cover mds:**:data-[slot=avatar-image]:w-full",`mds:w-[${e}px] mds:h-[${e}px]`,n(e),t),"data-slot-root-size":e,...r})});o.displayName="AvatarRoot";exports.AvatarRoot=o;

package/dist/mainstack-design-system391.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { R as r } from "./index-CY9H_w64.js";
-import { c as d } from "./utils-B-DK6jJO.js";
+import { c as d } from "./utils-Cs1D8Nxl.js";
 import { AvatarContext as l } from "./mainstack-design-system573.js";
 const m = (t) => t <= 32 ? "body-tiny-semibold" : t <= 44 ? "body-extrasmall-semibold" : t <= 56 ? "body-small-semibold" : t <= 64 ? "body-medium-semibold" : t <= 84 ? "body-large-semibold" : t === 88 ? "headline-medium-semibold" : t === 92 ? "headline-large-semibold" : "body-large-semibold", s = ({ className: t, size: a, ...o }) => /* @__PURE__ */ e(l.Provider, { value: { size: a }, children: /* @__PURE__ */ e(
   r,