mainstack-design-system 1.12.7 → 1.12.9

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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as U } from "./utils-DCbdjouM.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as n } from "./utils-DCbdjouM.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-B5hIDwfq.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-D4b6c0qw.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),c=require("./utils-BSwAMW3o.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-D29uX3VB.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system610.cjs"),x=require("./index-4R9KShCu.cjs"),g=require("./mainstack-design-system390.cjs"),C=require("./mainstack-design-system391.cjs"),v=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.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,20 +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-DQg2eeoE.js";
+import { g as _, c as h } from "./utils-DCbdjouM.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-Bi4JtjNX.js";
+import "./player-DqphfNAo.js";
 import { useImageUploaderContext as H } from "./mainstack-design-system25.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-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 { ButtonIcon as v } from "./mainstack-design-system390.js";
+import { ButtonLabel as B } from "./mainstack-design-system391.js";
+import { ButtonRoot as g } from "./mainstack-design-system392.js";
 import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.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"),d=require("./utils-B5hIDwfq.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-D4b6c0qw.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),d=require("./utils-BSwAMW3o.cjs"),m=require("./mainstack-design-system390.cjs"),p=require("./mainstack-design-system391.cjs"),g=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system357.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-D29uX3VB.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,16 +1,16 @@
 'use client';
 import { jsx as e, jsxs as s, Fragment as w } from "react/jsx-runtime";
 import { useCallback as z } from "react";
-import { g as M, c as C } from "./utils-DQg2eeoE.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 { g as M, c as C } from "./utils-DCbdjouM.js";
+import { ButtonIcon as p } from "./mainstack-design-system390.js";
+import { ButtonLabel as f } from "./mainstack-design-system391.js";
+import { ButtonRoot as u } from "./mainstack-design-system392.js";
 import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
 import "./mainstack-design-system357.js";
 import U from "./mainstack-design-system109.js";
 import b from "./mainstack-design-system131.js";
-import "./player-Bi4JtjNX.js";
+import "./player-DqphfNAo.js";
 import { useImageUploaderContext as B } from "./mainstack-design-system25.js";
 import { DropzoneUploadArea as F } from "./mainstack-design-system610.js";
 const D = ({

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-system388.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"),t=require("./mainstack-design-system389.cjs");exports.useElementWidth=e.useElementWidth;exports.useDisclosure=s.useDisclosure;exports.useContainerMatchMedia=i.useContainerMatchMedia;exports.useMatchMedia=t.useMatchMedia;

package/dist/mainstack-design-system2.js

@@ -1,9 +1,10 @@
-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-system388.js";
-import "react";
+import { useElementWidth as r } from "./mainstack-design-system13.js";
+import { useDisclosure as s } from "./mainstack-design-system14.js";
+import { useContainerMatchMedia as i } from "./mainstack-design-system388.js";
+import { useMatchMedia as u } from "./mainstack-design-system389.js";
 export {
-  p as useContainerMatchMedia,
-  m as useDisclosure,
-  t as useElementWidth
+  i as useContainerMatchMedia,
+  s as useDisclosure,
+  r as useElementWidth,
+  u as useMatchMedia
 };

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-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-D4b6c0qw.cjs");const g=require("./utils-B5hIDwfq.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");const v=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system286.cjs");require("react");require("./player-D29uX3VB.cjs");const g=require("./utils-BSwAMW3o.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,14 +1,14 @@
 import { jsx as e, jsxs as c, Fragment as p } from "react/jsx-runtime";
-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 { ButtonIcon as u } from "./mainstack-design-system390.js";
+import "./mainstack-design-system391.js";
+import { ButtonRoot as v } from "./mainstack-design-system392.js";
 import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
 import "./mainstack-design-system357.js";
 import g from "./mainstack-design-system286.js";
 import "react";
-import "./player-Bi4JtjNX.js";
-import { c as f } from "./utils-DQg2eeoE.js";
+import "./player-DqphfNAo.js";
+import { c as f } from "./utils-DCbdjouM.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system25.js";
 const w = ({
   className: t,

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-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-D4b6c0qw.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-system430.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");const o=require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system357.cjs");require("react");require("./player-D29uX3VB.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-system429.js";
 import "./mainstack-design-system430.js";
 import "./mainstack-design-system431.js";
-import { FormErrorStatus as t } from "./mainstack-design-system432.js";
-import "./mainstack-design-system433.js";
+import "./mainstack-design-system432.js";
+import { FormErrorStatus as t } from "./mainstack-design-system433.js";
 import "./mainstack-design-system434.js";
 import "./mainstack-design-system435.js";
 import "./mainstack-design-system436.js";
+import "./mainstack-design-system437.js";
 import "./mainstack-design-system357.js";
 import "react";
-import "./player-Bi4JtjNX.js";
+import "./player-DqphfNAo.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as m } from "./utils-DCbdjouM.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as r } from "./utils-DCbdjouM.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-B5hIDwfq.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-D4b6c0qw.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-BSwAMW3o.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-D29uX3VB.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-DQg2eeoE.js";
+import { g as h, c as I } from "./utils-DCbdjouM.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-Bi4JtjNX.js";
+import "./player-DqphfNAo.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as V } from "./utils-DCbdjouM.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-B5hIDwfq.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-D4b6c0qw.cjs");const i=({children:t,className:l,fileId:r,fileName:o,formatedSize:a,fileExtension:c})=>{const{values:d,onValuesChange:n}=h.useFileUploaderContext(),u=p.useCallback(()=>{const s=[...d],m=s.findIndex(x=>x.id===r);m>-1&&(s.splice(m,1),n(s))},[n,r,d]);return t||e.jsxs("div",{"data-slot":"file-uploader-preview-item",className:y.cn("mds:flex mds:justify-between mds:items-center mds:w-full",l),children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8 mds:grow",children:[e.jsx("div",{className:"mds:relative mds:flex mds:size-10 mds:shrink-0 mds:px-8 mds:py-10 mds:rounded-8 mds:bg-surface-neutral-l5 mds:body-extrasmall-medium mds:text-secondary mds:items-center mds:justify-center mds:w-48 mds:h-40",children:e.jsx("p",{className:"mds:text-secondary mds:body-extrasmall-medium",children:c})}),e.jsxs("div",{className:"mds:min-w-0 mds:flex mds:flex-col",children:[e.jsx("p",{className:"mds:truncate mds:body-extrasmall-regular mds:text-primary mds:w-258 mds:min-w-0 ",children:o}),e.jsx("span",{className:"mds:truncate mds:body-tiny-regular mds:text-secondary",children:a})]})]}),e.jsx(j.ButtonRoot,{size:"tiny",variant:"ghost",iconOnly:!0,status:"default",onClick:u,children:e.jsx(f.ButtonIcon,{children:e.jsx(v,{className:"mds:h-20 mds:w-20"})})})]})};i.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./utils-BSwAMW3o.cjs"),h=require("./mainstack-design-system35.cjs"),f=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");const j=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system286.cjs");require("./player-D29uX3VB.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,15 +1,15 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-DQg2eeoE.js";
+import { c as x } from "./utils-DCbdjouM.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system35.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 { ButtonIcon as y } from "./mainstack-design-system390.js";
+import "./mainstack-design-system391.js";
+import { ButtonRoot as w } from "./mainstack-design-system392.js";
 import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
 import "./mainstack-design-system357.js";
 import v from "./mainstack-design-system286.js";
-import "./player-Bi4JtjNX.js";
+import "./player-DqphfNAo.js";
 const N = ({
   children: d,
   className: l,

package/dist/mainstack-design-system29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as t } from "./utils-DCbdjouM.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-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-D4b6c0qw.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-system430.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");const o=require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system357.cjs");require("react");require("./player-D29uX3VB.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-system429.js";
 import "./mainstack-design-system430.js";
 import "./mainstack-design-system431.js";
-import { FormErrorStatus as t } from "./mainstack-design-system432.js";
-import "./mainstack-design-system433.js";
+import "./mainstack-design-system432.js";
+import { FormErrorStatus as t } from "./mainstack-design-system433.js";
 import "./mainstack-design-system434.js";
 import "./mainstack-design-system435.js";
 import "./mainstack-design-system436.js";
+import "./mainstack-design-system437.js";
 import "./mainstack-design-system357.js";
 import "react";
-import "./player-Bi4JtjNX.js";
+import "./player-DqphfNAo.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as l } from "./utils-DCbdjouM.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as t } from "./utils-DCbdjouM.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-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-D4b6c0qw.cjs");const a=require("./utils-B5hIDwfq.cjs"),r=({className:s,children:i,onLibrarySelect:c,...u})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("mds:flex mds:justify-center mds:items-center mds:gap-8 mds:mt-16",s),...u,children:i||e.jsxs(e.Fragment,{children:[e.jsxs(t.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(o.ButtonIcon,{children:e.jsx(d,{})}),e.jsx(n.ButtonLabel,{children:"Upload from device"})]}),e.jsxs(t.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:c,children:[e.jsx(o.ButtonIcon,{children:e.jsx(l,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system390.cjs"),n=require("./mainstack-design-system391.cjs"),t=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-D29uX3VB.cjs");const a=require("./utils-BSwAMW3o.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,16 +1,16 @@
 'use client';
 import { jsx as o, jsxs as r, Fragment as c } from "react/jsx-runtime";
-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 { ButtonIcon as e } from "./mainstack-design-system390.js";
+import { ButtonLabel as i } from "./mainstack-design-system391.js";
+import { ButtonRoot as t } from "./mainstack-design-system392.js";
 import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
 import "./mainstack-design-system357.js";
 import l from "./mainstack-design-system109.js";
 import a from "./mainstack-design-system131.js";
 import "react";
-import "./player-Bi4JtjNX.js";
-import { c as p } from "./utils-DQg2eeoE.js";
+import "./player-DqphfNAo.js";
+import { c as p } from "./utils-DCbdjouM.js";
 const f = ({
   className: m,
   children: n,

package/dist/mainstack-design-system34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),q=require("react"),f=require("./utils-B5hIDwfq.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-D4b6c0qw.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-BSwAMW3o.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-D29uX3VB.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-DQg2eeoE.js";
+import { a as C, c as M } from "./utils-DCbdjouM.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-Bi4JtjNX.js";
+import "./player-DqphfNAo.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-B5hIDwfq.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-BSwAMW3o.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-DQg2eeoE.js";
+import { c as w } from "./utils-DCbdjouM.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-system358.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-D4b6c0qw.cjs"),d=require("./utils-B5hIDwfq.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-D29uX3VB.cjs"),d=require("./utils-BSwAMW3o.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-system358.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-Bi4JtjNX.js";
-import { c as u } from "./utils-DQg2eeoE.js";
+import { h as l } from "./player-DqphfNAo.js";
+import { c as u } from "./utils-DCbdjouM.js";
 const x = ({
   icon: i,
   size: o = 18,

package/dist/mainstack-design-system359.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system438.cjs"),n=require("./mainstack-design-system439.cjs"),o=require("./mainstack-design-system437.cjs"),u={Root:t.InputRoot,Field:n.InputField};exports.InputRoot=t.InputRoot;exports.InputField=n.InputField;exports.Input=o.Input;exports.InputGroup=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system439.cjs"),n=require("./mainstack-design-system440.cjs"),o=require("./mainstack-design-system438.cjs"),u={Root:t.InputRoot,Field:n.InputField};exports.InputRoot=t.InputRoot;exports.InputField=n.InputField;exports.Input=o.Input;exports.InputGroup=u;

package/dist/mainstack-design-system359.js

@@ -1,6 +1,6 @@
-import { InputRoot as o } from "./mainstack-design-system438.js";
-import { InputField as t } from "./mainstack-design-system439.js";
-import { Input as e } from "./mainstack-design-system437.js";
+import { InputRoot as o } from "./mainstack-design-system439.js";
+import { InputField as t } from "./mainstack-design-system440.js";
+import { Input as e } from "./mainstack-design-system438.js";
 const m = {
   Root: o,
   Field: t

package/dist/mainstack-design-system36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system389.cjs"),o=require("./mainstack-design-system390.cjs"),n=require("./mainstack-design-system391.cjs"),u=require("./mainstack-design-system392.cjs"),e=require("./mainstack-design-system393.cjs"),B=require("./mainstack-design-system394.cjs"),r={Root:n.ButtonRoot,Label:o.ButtonLabel,Icon:t.ButtonIcon,Loader:u.ButtonLoader};exports.ButtonIcon=t.ButtonIcon;exports.ButtonLabel=o.ButtonLabel;exports.ButtonRoot=n.ButtonRoot;exports.ButtonLoader=u.ButtonLoader;exports.Button=e.Button;exports.buttonVariants=B.buttonVariants;exports.ButtonGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system390.cjs"),o=require("./mainstack-design-system391.cjs"),n=require("./mainstack-design-system392.cjs"),u=require("./mainstack-design-system393.cjs"),e=require("./mainstack-design-system394.cjs"),B=require("./mainstack-design-system395.cjs"),r={Root:n.ButtonRoot,Label:o.ButtonLabel,Icon:t.ButtonIcon,Loader:u.ButtonLoader};exports.ButtonIcon=t.ButtonIcon;exports.ButtonLabel=o.ButtonLabel;exports.ButtonRoot=n.ButtonRoot;exports.ButtonLoader=u.ButtonLoader;exports.Button=e.Button;exports.buttonVariants=B.buttonVariants;exports.ButtonGroup=r;

package/dist/mainstack-design-system36.js

@@ -1,9 +1,9 @@
-import { ButtonIcon as o } from "./mainstack-design-system389.js";
-import { ButtonLabel as t } from "./mainstack-design-system390.js";
-import { ButtonRoot as r } from "./mainstack-design-system391.js";
-import { ButtonLoader as n } from "./mainstack-design-system392.js";
-import { Button as i } from "./mainstack-design-system393.js";
-import { buttonVariants as b } from "./mainstack-design-system394.js";
+import { ButtonIcon as o } from "./mainstack-design-system390.js";
+import { ButtonLabel as t } from "./mainstack-design-system391.js";
+import { ButtonRoot as r } from "./mainstack-design-system392.js";
+import { ButtonLoader as n } from "./mainstack-design-system393.js";
+import { Button as i } from "./mainstack-design-system394.js";
+import { buttonVariants as b } from "./mainstack-design-system395.js";
 const a = {
   Root: r,
   Label: t,

package/dist/mainstack-design-system360.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-system438.cjs"),d=require("./mainstack-design-system439.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system300.cjs"),l=require("./mainstack-design-system301.cjs");require("./player-D4b6c0qw.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-system439.cjs"),d=require("./mainstack-design-system440.cjs");require("./mainstack-design-system438.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system300.cjs"),l=require("./mainstack-design-system301.cjs");require("./player-D29uX3VB.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-system360.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { forwardRef as m, useState as p } from "react";
-import { InputRoot as d } from "./mainstack-design-system438.js";
-import { InputField as l } from "./mainstack-design-system439.js";
-import "./mainstack-design-system437.js";
+import { InputRoot as d } from "./mainstack-design-system439.js";
+import { InputField as l } from "./mainstack-design-system440.js";
+import "./mainstack-design-system438.js";
 import "./mainstack-design-system357.js";
 import a from "./mainstack-design-system300.js";
 import c from "./mainstack-design-system301.js";
-import "./player-Bi4JtjNX.js";
+import "./player-DqphfNAo.js";
 const u = m(
   ({ className: i, ...e }, n) => {
     const [r, t] = p("password");

package/dist/mainstack-design-system361.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system608.cjs"),o=require("./mainstack-design-system441.cjs"),n=require("./mainstack-design-system442.cjs"),r=require("./mainstack-design-system443.cjs"),t=require("./mainstack-design-system444.cjs"),u=require("./mainstack-design-system445.cjs"),i=require("./mainstack-design-system446.cjs"),m=require("./mainstack-design-system447.cjs"),P=require("./mainstack-design-system440.cjs"),h={Root:m.PhoneNumberRoot,DigitField:e.PhoneNumberDigitField,Fields:o.PhoneNumberFields,FlagField:n.PhoneNumberFlagField,Portal:i.PhoneNumberPortal,Options:r.PhoneNumberOptions,OptionsList:t.PhoneNumberOptionsList,OptionsSearchField:u.PhoneNumberOptionsSearchField};exports.PhoneNumberDigitField=e.PhoneNumberDigitField;exports.PhoneNumberFields=o.PhoneNumberFields;exports.PhoneNumberFlagField=n.PhoneNumberFlagField;exports.PhoneNumberOptions=r.PhoneNumberOptions;exports.PhoneNumberOptionsList=t.PhoneNumberOptionsList;exports.PhoneNumberOptionsSearchField=u.PhoneNumberOptionsSearchField;exports.PhoneNumberPortal=i.PhoneNumberPortal;exports.PhoneNumberRoot=m.PhoneNumberRoot;exports.PhoneNumberInput=P.PhoneNumberInput;exports.PhoneNumberGroup=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system608.cjs"),o=require("./mainstack-design-system442.cjs"),n=require("./mainstack-design-system443.cjs"),r=require("./mainstack-design-system444.cjs"),t=require("./mainstack-design-system445.cjs"),u=require("./mainstack-design-system446.cjs"),i=require("./mainstack-design-system447.cjs"),m=require("./mainstack-design-system448.cjs"),P=require("./mainstack-design-system441.cjs"),h={Root:m.PhoneNumberRoot,DigitField:e.PhoneNumberDigitField,Fields:o.PhoneNumberFields,FlagField:n.PhoneNumberFlagField,Portal:i.PhoneNumberPortal,Options:r.PhoneNumberOptions,OptionsList:t.PhoneNumberOptionsList,OptionsSearchField:u.PhoneNumberOptionsSearchField};exports.PhoneNumberDigitField=e.PhoneNumberDigitField;exports.PhoneNumberFields=o.PhoneNumberFields;exports.PhoneNumberFlagField=n.PhoneNumberFlagField;exports.PhoneNumberOptions=r.PhoneNumberOptions;exports.PhoneNumberOptionsList=t.PhoneNumberOptionsList;exports.PhoneNumberOptionsSearchField=u.PhoneNumberOptionsSearchField;exports.PhoneNumberPortal=i.PhoneNumberPortal;exports.PhoneNumberRoot=m.PhoneNumberRoot;exports.PhoneNumberInput=P.PhoneNumberInput;exports.PhoneNumberGroup=h;