mainstack-design-system 1.14.1 → 1.14.3

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-Bdd5vx6a.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-BBiZ5mNK.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system619.cjs"),x=require("./index-4R9KShCu.cjs"),g=require("./mainstack-design-system391.cjs"),C=require("./mainstack-design-system392.cjs"),v=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.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-Bdd5vx6a.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-BBiZ5mNK.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system620.cjs"),x=require("./index-4R9KShCu.cjs"),g=require("./mainstack-design-system391.cjs"),C=require("./mainstack-design-system392.cjs"),v=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.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

@@ -8,7 +8,7 @@ import F from "./mainstack-design-system241.js";
 import k from "./mainstack-design-system286.js";
 import "./player-Cs7wtvrg.js";
 import { useImageUploaderContext as H } from "./mainstack-design-system25.js";
-import { DropzoneUploadArea as L } from "./mainstack-design-system619.js";
+import { DropzoneUploadArea as L } from "./mainstack-design-system620.js";
 import { P as $, a as V, b as Y, c as q } from "./index-RoCFhqzC.js";
 import { ButtonIcon as v } from "./mainstack-design-system391.js";
 import { ButtonLabel as B } from "./mainstack-design-system392.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"),v=require("react"),d=require("./utils-Bdd5vx6a.cjs"),m=require("./mainstack-design-system391.cjs"),p=require("./mainstack-design-system392.cjs"),g=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-BBiZ5mNK.cjs");const b=require("./mainstack-design-system25.cjs"),w=require("./mainstack-design-system619.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-Bdd5vx6a.cjs"),m=require("./mainstack-design-system391.cjs"),p=require("./mainstack-design-system392.cjs"),g=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const f=require("./mainstack-design-system109.cjs"),j=require("./mainstack-design-system131.cjs");require("./player-BBiZ5mNK.cjs");const b=require("./mainstack-design-system25.cjs"),w=require("./mainstack-design-system620.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

@@ -12,7 +12,7 @@ import U from "./mainstack-design-system109.js";
 import b from "./mainstack-design-system131.js";
 import "./player-Cs7wtvrg.js";
 import { useImageUploaderContext as B } from "./mainstack-design-system25.js";
-import { DropzoneUploadArea as F } from "./mainstack-design-system619.js";
+import { DropzoneUploadArea as F } from "./mainstack-design-system620.js";
 const D = ({
   className: g,
   onLibrarySelect: h,

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-Bdd5vx6a.cjs"),_=require("./mainstack-design-system619.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system357.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-BBiZ5mNK.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-Bdd5vx6a.cjs"),_=require("./mainstack-design-system620.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system357.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-BBiZ5mNK.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,7 +1,7 @@
 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-D85wpvmd.js";
-import { DropzoneUploadArea as w } from "./mainstack-design-system619.js";
+import { DropzoneUploadArea as w } from "./mainstack-design-system620.js";
 import { useImageUploaderContext as z } from "./mainstack-design-system25.js";
 import "./mainstack-design-system357.js";
 import v from "./mainstack-design-system55.js";

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-Bdd5vx6a.cjs"),U=require("./mainstack-design-system619.cjs"),w=require("./mainstack-design-system35.cjs");require("./mainstack-design-system357.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-BBiZ5mNK.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-Bdd5vx6a.cjs"),U=require("./mainstack-design-system620.cjs"),w=require("./mainstack-design-system35.cjs");require("./mainstack-design-system357.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-BBiZ5mNK.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,7 +1,7 @@
 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-D85wpvmd.js";
-import { DropzoneUploadArea as N } from "./mainstack-design-system619.js";
+import { DropzoneUploadArea as N } from "./mainstack-design-system620.js";
 import { useFileUploaderContext as D } from "./mainstack-design-system35.js";
 import "./mainstack-design-system357.js";
 import E from "./mainstack-design-system55.js";

package/dist/mainstack-design-system368.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system474.cjs"),s=require("./mainstack-design-system475.cjs"),o=require("./mainstack-design-system476.cjs"),e=require("./mainstack-design-system477.cjs"),T={Root:t.TabsRoot,Content:s.TabsContent,List:o.TabsList,Trigger:e.TabsTrigger};exports.TabsRoot=t.TabsRoot;exports.TabsContent=s.TabsContent;exports.TabsList=o.TabsList;exports.TabsTrigger=e.TabsTrigger;exports.Tabs=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system474.cjs"),s=require("./mainstack-design-system475.cjs"),t=require("./mainstack-design-system476.cjs"),e=require("./mainstack-design-system624.cjs"),T=require("./mainstack-design-system477.cjs"),n={Root:o.TabsRoot,Content:s.TabsContent,List:t.TabsList,Trigger:e.TabsTrigger};exports.TabsRoot=o.TabsRoot;exports.TabsContent=s.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=e.TabsTrigger;exports.TabsOverflowDropdown=T.TabsOverflowDropdown;exports.Tabs=n;

package/dist/mainstack-design-system368.js

@@ -1,17 +1,19 @@
 import { TabsRoot as o } from "./mainstack-design-system474.js";
-import { TabsContent as t } from "./mainstack-design-system475.js";
-import { TabsList as r } from "./mainstack-design-system476.js";
-import { TabsTrigger as i } from "./mainstack-design-system477.js";
-const b = {
+import { TabsContent as r } from "./mainstack-design-system475.js";
+import { TabsList as t } from "./mainstack-design-system476.js";
+import { TabsTrigger as m } from "./mainstack-design-system624.js";
+import { TabsOverflowDropdown as f } from "./mainstack-design-system477.js";
+const p = {
   Root: o,
-  Content: t,
-  List: r,
-  Trigger: i
+  Content: r,
+  List: t,
+  Trigger: m
 };
 export {
-  b as Tabs,
-  t as TabsContent,
-  r as TabsList,
+  p as Tabs,
+  r as TabsContent,
+  t as TabsList,
+  f as TabsOverflowDropdown,
   o as TabsRoot,
-  i as TabsTrigger
+  m as TabsTrigger
 };

package/dist/mainstack-design-system371.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system621.cjs"),t=require("./mainstack-design-system622.cjs"),n=require("./mainstack-design-system500.cjs"),r=require("./mainstack-design-system486.cjs"),o=require("./mainstack-design-system487.cjs"),i=require("./mainstack-design-system488.cjs"),u=require("./mainstack-design-system489.cjs"),d=require("./mainstack-design-system490.cjs"),M=require("./mainstack-design-system491.cjs"),T=require("./mainstack-design-system492.cjs"),x=require("./mainstack-design-system493.cjs"),c=require("./mainstack-design-system494.cjs"),s=require("./mainstack-design-system495.cjs"),E=require("./mainstack-design-system496.cjs"),_=require("./mainstack-design-system497.cjs"),a=require("./mainstack-design-system498.cjs"),l=require("./mainstack-design-system499.cjs"),p=require("./mainstack-design-system616.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-system622.cjs"),t=require("./mainstack-design-system623.cjs"),n=require("./mainstack-design-system500.cjs"),r=require("./mainstack-design-system486.cjs"),o=require("./mainstack-design-system487.cjs"),i=require("./mainstack-design-system488.cjs"),u=require("./mainstack-design-system489.cjs"),d=require("./mainstack-design-system490.cjs"),M=require("./mainstack-design-system491.cjs"),T=require("./mainstack-design-system492.cjs"),x=require("./mainstack-design-system493.cjs"),c=require("./mainstack-design-system494.cjs"),s=require("./mainstack-design-system495.cjs"),E=require("./mainstack-design-system496.cjs"),_=require("./mainstack-design-system497.cjs"),a=require("./mainstack-design-system498.cjs"),l=require("./mainstack-design-system499.cjs"),p=require("./mainstack-design-system616.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-system371.js

@@ -1,5 +1,5 @@
-import { TextEditorRoot as o } from "./mainstack-design-system621.js";
-import { TextEditorField as r } from "./mainstack-design-system622.js";
+import { TextEditorRoot as o } from "./mainstack-design-system622.js";
+import { TextEditorField as r } from "./mainstack-design-system623.js";
 import { TextEditorMenuBar as t } from "./mainstack-design-system500.js";
 import { BoldMenu as e } from "./mainstack-design-system486.js";
 import { CodeMenu as i } from "./mainstack-design-system487.js";

package/dist/mainstack-design-system377.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system529.cjs"),o=require("./mainstack-design-system623.cjs"),r=require("./mainstack-design-system530.cjs"),s=require("./mainstack-design-system620.cjs"),v=require("./mainstack-design-system531.cjs"),p=require("./mainstack-design-system532.cjs"),n={Close:e.ResponsivePopoverDrawerClose,Content:o.ResponsivePopoverDrawerContent,Overlay:r.ResponsivePopoverDrawerOverlay,Portal:s.ResponsivePopoverDrawerPortal,Root:v.ResponsivePopoverDrawerRoot,Trigger:p.ResponsivePopoverDrawerTrigger};exports.ResponsivePopoverDrawerClose=e.ResponsivePopoverDrawerClose;exports.ResponsivePopoverDrawerContent=o.ResponsivePopoverDrawerContent;exports.ResponsivePopoverDrawerOverlay=r.ResponsivePopoverDrawerOverlay;exports.ResponsivePopoverDrawerPortal=s.ResponsivePopoverDrawerPortal;exports.ResponsivePopoverDrawerRoot=v.ResponsivePopoverDrawerRoot;exports.ResponsivePopoverDrawerTrigger=p.ResponsivePopoverDrawerTrigger;exports.ResponsivePopoverDrawerGroup=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system529.cjs"),o=require("./mainstack-design-system621.cjs"),r=require("./mainstack-design-system530.cjs"),s=require("./mainstack-design-system619.cjs"),v=require("./mainstack-design-system531.cjs"),p=require("./mainstack-design-system532.cjs"),n={Close:e.ResponsivePopoverDrawerClose,Content:o.ResponsivePopoverDrawerContent,Overlay:r.ResponsivePopoverDrawerOverlay,Portal:s.ResponsivePopoverDrawerPortal,Root:v.ResponsivePopoverDrawerRoot,Trigger:p.ResponsivePopoverDrawerTrigger};exports.ResponsivePopoverDrawerClose=e.ResponsivePopoverDrawerClose;exports.ResponsivePopoverDrawerContent=o.ResponsivePopoverDrawerContent;exports.ResponsivePopoverDrawerOverlay=r.ResponsivePopoverDrawerOverlay;exports.ResponsivePopoverDrawerPortal=s.ResponsivePopoverDrawerPortal;exports.ResponsivePopoverDrawerRoot=v.ResponsivePopoverDrawerRoot;exports.ResponsivePopoverDrawerTrigger=p.ResponsivePopoverDrawerTrigger;exports.ResponsivePopoverDrawerGroup=n;

package/dist/mainstack-design-system377.js

@@ -1,7 +1,7 @@
 import { ResponsivePopoverDrawerClose as o } from "./mainstack-design-system529.js";
-import { ResponsivePopoverDrawerContent as r } from "./mainstack-design-system623.js";
+import { ResponsivePopoverDrawerContent as r } from "./mainstack-design-system621.js";
 import { ResponsivePopoverDrawerOverlay as e } from "./mainstack-design-system530.js";
-import { ResponsivePopoverDrawerPortal as p } from "./mainstack-design-system620.js";
+import { ResponsivePopoverDrawerPortal as p } from "./mainstack-design-system619.js";
 import { ResponsivePopoverDrawerRoot as s } from "./mainstack-design-system531.js";
 import { ResponsivePopoverDrawerTrigger as t } from "./mainstack-design-system532.js";
 const R = {

package/dist/mainstack-design-system467.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("./index-C8aODXfJ.cjs"),D=require("./index-4R9KShCu.cjs"),o=require("react"),I=require("./mainstack-design-system597.cjs"),m=require("./mainstack-design-system598.cjs"),b=o.forwardRef(({isDisabled:x,isError:C,isMultiSelect:r=!1,isSuccess:d,children:h,value:e,defaultValue:s,inputReadOnly:j,isCreatableSelect:q,options:u=[],isOptionOpen:A,onOptionOpenChange:P,onValueChange:a,onOptionSelect:R},n)=>{const f=o.useRef(null),[i,_]=o.useState(m.parseSelectOptions(u)),[p,v]=y.useControllableState({prop:e,defaultProp:m.mapDefaultValuesToSelectedOption({isMultiSelect:r,defaultValue:s,options:u}),onChange:a}),[E,c]=o.useState(()=>typeof e=="string"?i.map.get(e)?.label||"":typeof s=="string"&&i.map.get(s)?.label||""),[O,S]=y.useControllableState({prop:A,defaultProp:!1,onChange:P}),[T,g]=o.useState("idle");return o.useEffect(()=>{r||Array.isArray(e)||c(e||"")},[r,e]),l.jsx(I.SelectContext.Provider,{value:{defaultValue:s,options:i,selectedOption:p,isOptionOpen:O,isDisabled:x,isError:C,isMultiSelect:r,isSuccess:d,inputValue:E,inputReadOnly:j,previousAction:T,isCreatableSelect:q,rootElementRef:f,setOptions:_,setPreviousAction:g,setInputValue:c,setSelectedOption:v,onOptionOpenChange:S,onValueChange:a,onOptionSelect:R},children:l.jsx(D.Popover,{open:O,onOpenChange:t=>{S(t),p&&!Array.isArray(p)&&!t&&(c(i.map.get(p)?.label||""),g("selection"))},children:l.jsx("div",{ref:t=>{f.current=t,typeof n=="function"?n(t):typeof n=="object"&&n?.current&&(n.current=t)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("./index-C8aODXfJ.cjs"),D=require("./index-4R9KShCu.cjs"),n=require("react"),I=require("./mainstack-design-system597.cjs"),y=require("./mainstack-design-system598.cjs"),b=n.forwardRef(({isDisabled:x,isError:C,isMultiSelect:s=!1,isSuccess:d,children:h,value:e,defaultValue:i,inputReadOnly:j,isCreatableSelect:q,options:a=[],isOptionOpen:A,onOptionOpenChange:P,onValueChange:u,onOptionSelect:R},r)=>{const f=n.useRef(null),[t,_]=n.useState(y.parseSelectOptions(a)),[p,v]=m.useControllableState({prop:e,defaultProp:y.mapDefaultValuesToSelectedOption({isMultiSelect:s,defaultValue:i,options:a}),onChange:u}),[E,c]=n.useState(()=>typeof e=="string"?t.map.get(e)?.label||"":typeof i=="string"&&t.map.get(i)?.label||""),[O,S]=m.useControllableState({prop:A,defaultProp:!1,onChange:P}),[T,g]=n.useState("idle");return n.useEffect(()=>{s||Array.isArray(e)||c(t.map.get(e)?.label||"")},[s,t.map,e]),l.jsx(I.SelectContext.Provider,{value:{defaultValue:i,options:t,selectedOption:p,isOptionOpen:O,isDisabled:x,isError:C,isMultiSelect:s,isSuccess:d,inputValue:E,inputReadOnly:j,previousAction:T,isCreatableSelect:q,rootElementRef:f,setOptions:_,setPreviousAction:g,setInputValue:c,setSelectedOption:v,onOptionOpenChange:S,onValueChange:u,onOptionSelect:R},children:l.jsx(D.Popover,{open:O,onOpenChange:o=>{S(o),p&&!Array.isArray(p)&&!o&&(c(t.map.get(p)?.label||""),g("selection"))},children:l.jsx("div",{ref:o=>{f.current=o,typeof r=="function"?r(o):typeof r=="object"&&r?.current&&(r.current=o)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;

package/dist/mainstack-design-system467.js

@@ -1,84 +1,84 @@
 'use client';
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { u as y } from "./index-437EL2iq.js";
 import { P as I } from "./index-RoCFhqzC.js";
-import { forwardRef as N, useRef as T, useState as f, useEffect as k } from "react";
+import { forwardRef as N, useRef as T, useState as c, useEffect as k } from "react";
 import { SelectContext as q } from "./mainstack-design-system597.js";
 import { parseSelectOptions as z, mapDefaultValuesToSelectedOption as B } from "./mainstack-design-system598.js";
 const F = N(
   ({
-    isDisabled: h,
-    isError: A,
-    isMultiSelect: n = !1,
-    isSuccess: C,
-    children: P,
-    value: o,
-    defaultValue: r,
-    inputReadOnly: b,
+    isDisabled: b,
+    isError: h,
+    isMultiSelect: r = !1,
+    isSuccess: A,
+    children: C,
+    value: t,
+    defaultValue: p,
+    inputReadOnly: P,
     isCreatableSelect: S,
     options: l = [],
     isOptionOpen: x,
     onOptionOpenChange: d,
-    onValueChange: a,
+    onValueChange: m,
     onOptionSelect: j
-  }, e) => {
-    const m = T(null), [p, E] = f(
+  }, n) => {
+    const f = T(null), [o, E] = c(
       z(l)
     ), [i, R] = y({
-      prop: o,
+      prop: t,
       defaultProp: B({
-        isMultiSelect: n,
-        defaultValue: r,
+        isMultiSelect: r,
+        defaultValue: p,
         options: l
       }),
-      onChange: a
-    }), [v, s] = f(() => typeof o == "string" ? p.map.get(o)?.label || "" : typeof r == "string" && p.map.get(r)?.label || ""), [O, u] = y({
+      onChange: m
+    }), [v, s] = c(() => typeof t == "string" ? o.map.get(t)?.label || "" : typeof p == "string" && o.map.get(p)?.label || ""), [O, u] = y({
       prop: x,
       defaultProp: !1,
       onChange: d
-    }), [D, g] = f("idle");
+    }), [D, g] = c("idle");
     return k(() => {
-      n || Array.isArray(o) || s(o || "");
-    }, [n, o]), /* @__PURE__ */ c(
+      r || Array.isArray(t) || s(o.map.get(t)?.label || "");
+    }, [r, o.map, t]), /* @__PURE__ */ a(
       q.Provider,
       {
         value: {
-          defaultValue: r,
-          options: p,
+          defaultValue: p,
+          options: o,
           selectedOption: i,
           isOptionOpen: O,
-          isDisabled: h,
-          isError: A,
-          isMultiSelect: n,
-          isSuccess: C,
+          isDisabled: b,
+          isError: h,
+          isMultiSelect: r,
+          isSuccess: A,
           inputValue: v,
-          inputReadOnly: b,
+          inputReadOnly: P,
           previousAction: D,
           isCreatableSelect: S,
-          rootElementRef: m,
+          rootElementRef: f,
           setOptions: E,
           setPreviousAction: g,
           setInputValue: s,
           setSelectedOption: R,
           onOptionOpenChange: u,
-          onValueChange: a,
+          onValueChange: m,
           onOptionSelect: j
         },
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ a(
           I,
           {
             open: O,
-            onOpenChange: (t) => {
-              u(t), i && !Array.isArray(i) && !t && (s(p.map.get(i)?.label || ""), g("selection"));
+            onOpenChange: (e) => {
+              u(e), i && !Array.isArray(i) && !e && (s(o.map.get(i)?.label || ""), g("selection"));
             },
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ a(
               "div",
               {
-                ref: (t) => {
-                  m.current = t, typeof e == "function" ? e(t) : typeof e == "object" && e?.current && (e.current = t);
+                ref: (e) => {
+                  f.current = e, typeof n == "function" ? n(e) : typeof n == "object" && n?.current && (n.current = e);
                 },
                 "data-slot": "select-root",
-                children: P
+                children: C
               }
             )
           }

package/dist/mainstack-design-system474.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./index-DCgbL-w8.cjs"),r=require("./mainstack-design-system599.cjs"),s=({variant:t="underline",...o})=>e.jsx(r.TabsContext.Provider,{value:{variant:t},children:e.jsx(n.Root2,{...o})});exports.TabsRoot=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),v=require("./index-DCgbL-w8.cjs"),C=require("./mainstack-design-system599.cjs"),R=({variant:u="underline",layout:i="horizontal",children:c,value:e,defaultValue:l,onValueChange:d,maxVisibleTabs:b=6,...t})=>{const g=r.useId(),h=t.id??g,[x,T]=r.useState(l??""),n=e!==void 0?e:x,o=a=>{T(a),d?.(a)};return s.jsx(C.TabsContext.Provider,{value:{variant:u,layout:i,activeValue:n,onValueChange:o,tabsId:h,maxVisibleTabs:b},children:s.jsx(v.Root2,{value:n,onValueChange:o,...t,children:c})})};exports.TabsRoot=R;

package/dist/mainstack-design-system474.js

@@ -1,10 +1,43 @@
-import { jsx as o } from "react/jsx-runtime";
-import { R as e } from "./index-D8zjPZm-.js";
-import { TabsContext as i } from "./mainstack-design-system599.js";
-const a = ({
-  variant: r = "underline",
+import { jsx as r } from "react/jsx-runtime";
+import g, { useState as v } from "react";
+import { R as C } from "./index-D8zjPZm-.js";
+import { TabsContext as I } from "./mainstack-design-system599.js";
+const T = ({
+  variant: l = "underline",
+  layout: s = "horizontal",
+  children: i,
+  value: e,
+  defaultValue: d,
+  onValueChange: u,
+  maxVisibleTabs: c = 6,
   ...t
-}) => /* @__PURE__ */ o(i.Provider, { value: { variant: r }, children: /* @__PURE__ */ o(e, { ...t }) });
+}) => {
+  const m = g.useId(), h = t.id ?? m, [f, V] = v(d ?? ""), o = e !== void 0 ? e : f, a = (n) => {
+    V(n), u?.(n);
+  };
+  return /* @__PURE__ */ r(
+    I.Provider,
+    {
+      value: {
+        variant: l,
+        layout: s,
+        activeValue: o,
+        onValueChange: a,
+        tabsId: h,
+        maxVisibleTabs: c
+      },
+      children: /* @__PURE__ */ r(
+        C,
+        {
+          value: o,
+          onValueChange: a,
+          ...t,
+          children: i
+        }
+      )
+    }
+  );
+};
 export {
-  a as TabsRoot
+  T as TabsRoot
 };

package/dist/mainstack-design-system476.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./index-DCgbL-w8.cjs"),r=require("./utils-Bdd5vx6a.cjs"),o=require("./mainstack-design-system600.cjs"),c=require("./mainstack-design-system599.cjs"),s=({className:t,...e})=>{const{variant:n}=c.useTabsContext();return a.jsx(i.List,{className:r.cn(o.tabsListVariants({variant:n}),t),...e})};s.displayName="TabsList";exports.TabsList=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),u=require("./index-DCgbL-w8.cjs"),T=require("./utils-Bdd5vx6a.cjs"),p=require("./mainstack-design-system600.cjs"),q=require("./mainstack-design-system599.cjs"),L=require("./mainstack-design-system477.cjs"),v=e=>{if(!d.isValidElement(e))return null;const s=e;return{value:s.props.value,children:s.props.children}},m=({className:e,children:s,...i})=>{const{variant:n,activeValue:c,onValueChange:f,maxVisibleTabs:r}=q.useTabsContext(),a=d.Children.toArray(s);if(a.length<=r)return o.jsx(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:s});const x=a.slice(0,r),l=a.slice(r),w=l.map(v).filter(t=>t!==null),b=l.find(t=>v(t)?.value===c);return o.jsxs(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:[x,b,o.jsx(L.TabsOverflowDropdown,{tabs:w,activeValue:c,variant:n,onSelect:t=>f?.(t),hasActiveTabInDropdown:!!b})]})};m.displayName="TabsList";exports.TabsList=m;

package/dist/mainstack-design-system476.js

@@ -1,19 +1,52 @@
-import { jsx as a } from "react/jsx-runtime";
-import { L as o } from "./index-D8zjPZm-.js";
-import { c as i } from "./utils-D85wpvmd.js";
-import { tabsListVariants as m } from "./mainstack-design-system600.js";
-import { useTabsContext as n } from "./mainstack-design-system599.js";
-const p = ({ className: s, ...t }) => {
-  const { variant: r } = n();
-  return /* @__PURE__ */ a(
-    o,
+import { jsx as m, jsxs as w } from "react/jsx-runtime";
+import v from "react";
+import { L as p } from "./index-D8zjPZm-.js";
+import { c as f } from "./utils-D85wpvmd.js";
+import { tabsListVariants as b } from "./mainstack-design-system600.js";
+import { useTabsContext as x } from "./mainstack-design-system599.js";
+import { TabsOverflowDropdown as L } from "./mainstack-design-system477.js";
+const u = (r) => {
+  if (!v.isValidElement(r)) return null;
+  const t = r;
+  return {
+    value: t.props.value,
+    children: t.props.children
+  };
+}, V = ({ className: r, children: t, ...n }) => {
+  const { variant: o, activeValue: i, onValueChange: T, maxVisibleTabs: s } = x(), a = v.Children.toArray(t);
+  if (a.length <= s)
+    return /* @__PURE__ */ m(
+      p,
+      {
+        className: f(b({ variant: o }), r),
+        ...n,
+        children: t
+      }
+    );
+  const d = a.slice(0, s), l = a.slice(s), h = l.map(u).filter((e) => e !== null), c = l.find((e) => u(e)?.value === i);
+  return /* @__PURE__ */ w(
+    p,
     {
-      className: i(m({ variant: r }), s),
-      ...t
+      className: f(b({ variant: o }), r),
+      ...n,
+      children: [
+        d,
+        c,
+        /* @__PURE__ */ m(
+          L,
+          {
+            tabs: h,
+            activeValue: i,
+            variant: o,
+            onSelect: (e) => T?.(e),
+            hasActiveTabInDropdown: !!c
+          }
+        )
+      ]
     }
   );
 };
-p.displayName = "TabsList";
+V.displayName = "TabsList";
 export {
-  p as TabsList
+  V as TabsList
 };

package/dist/mainstack-design-system477.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),l=require("./index-DCgbL-w8.cjs"),g=require("./utils-Bdd5vx6a.cjs"),T=require("./mainstack-design-system600.cjs"),d=require("./index-CpE6WAgy.cjs"),f=require("./mainstack-design-system599.cjs");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const p=m(b),o=p.forwardRef(({className:e,asChild:r,children:t,layout:n,...a},i)=>{const c=r?d.Slot:"button",{variant:u}=f.useTabsContext();return s.jsx(l.Trigger,{ref:i,asChild:!0,...a,children:s.jsx(c,{className:g.cn(T.tabsTriggerVariants({variant:u,layout:n}),e),children:t})})});o.displayName="TabsTrigger";exports.TabsTrigger=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-Bdd5vx6a.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BBiZ5mNK.cjs");const i=({tabs:d,activeValue:o,onSelect:t,hasActiveTabInDropdown:m})=>e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("div",{className:n.cn("mds:flex mds:items-center mds:gap-4 mds:p-10 mds:text-secondary mds:body-extrasmall-book"),"data-state":m?"active":"inactive",children:[e.jsx("p",{children:"More"}),e.jsx(l,{className:n.cn("mds:size-16 mds:transition-transform mds:duration-200","group-data-[state=open]:rotate-180")})]})}),e.jsx(s.DropdownMenuPortal,{children:e.jsx(s.DropdownMenuContent,{align:"end",sideOffset:5,className:"mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",children:d.map(r=>{const a=r.value===o;return e.jsx(s.DropdownMenuItem,{onSelect:()=>t(r.value),className:n.cn("mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",a&&"mds:bg-surface-neutral-l4 mds:text-primary"),children:r.children},r.value)})})})]});exports.TabsOverflowDropdown=i;

package/dist/mainstack-design-system477.js

@@ -1,15 +1,61 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as p from "react";
-import { T as f } from "./index-D8zjPZm-.js";
-import { c } from "./utils-D85wpvmd.js";
-import { tabsTriggerVariants as g } from "./mainstack-design-system600.js";
-import { S as T } from "./index-BtQfgaSF.js";
-import { useTabsContext as b } from "./mainstack-design-system599.js";
-const l = p.forwardRef(({ className: o, asChild: t, children: a, layout: s, ...m }, i) => {
-  const e = t ? T : "button", { variant: n } = b();
-  return /* @__PURE__ */ r(f, { ref: i, asChild: !0, ...m, children: /* @__PURE__ */ r(e, { className: c(g({ variant: n, layout: s }), o), children: a }) });
-});
-l.displayName = "TabsTrigger";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { D as l, a as i, b as c, c as u, d as p } from "./index-BgRpW4T4.js";
+import { c as r } from "./utils-D85wpvmd.js";
+import "./mainstack-design-system357.js";
+import f from "./mainstack-design-system196.js";
+import "react";
+import "./player-Cs7wtvrg.js";
+const M = ({
+  tabs: o,
+  activeValue: m,
+  onSelect: n,
+  hasActiveTabInDropdown: a
+}) => /* @__PURE__ */ d(l, { children: [
+  /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ d(
+    "div",
+    {
+      className: r(
+        "mds:flex mds:items-center mds:gap-4 mds:p-10 mds:text-secondary mds:body-extrasmall-book"
+      ),
+      "data-state": a ? "active" : "inactive",
+      children: [
+        /* @__PURE__ */ e("p", { children: "More" }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            className: r(
+              "mds:size-16 mds:transition-transform mds:duration-200",
+              "group-data-[state=open]:rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+    u,
+    {
+      align: "end",
+      sideOffset: 5,
+      className: "mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",
+      children: o.map((s) => {
+        const t = s.value === m;
+        return /* @__PURE__ */ e(
+          p,
+          {
+            onSelect: () => n(s.value),
+            className: r(
+              "mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",
+              t && "mds:bg-surface-neutral-l4 mds:text-primary"
+            ),
+            children: s.children
+          },
+          s.value
+        );
+      })
+    }
+  ) })
+] });
 export {
-  l as TabsTrigger
+  M as TabsOverflowDropdown
 };

package/dist/mainstack-design-system517.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system623.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system620.cjs");require("./mainstack-design-system532.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system621.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system619.cjs");require("./mainstack-design-system532.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system517.js

@@ -4,9 +4,9 @@ import { forwardRef as m } from "react";
 import { c as d } from "./utils-D85wpvmd.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system604.js";
-import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system623.js";
+import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system621.js";
 import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system530.js";
-import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system620.js";
+import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system619.js";
 import "./mainstack-design-system532.js";
 const n = m(
   ({ children: o, className: e, ...s }, t) => /* @__PURE__ */ a(l, { children: [

package/dist/mainstack-design-system567.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),u=require("./mainstack-design-system569.cjs"),d=require("./mainstack-design-system565.cjs"),l=require("./mainstack-design-system573.cjs"),T=require("./mainstack-design-system572.cjs"),_=require("./mainstack-design-system571.cjs"),q=require("./mainstack-design-system570.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const a=require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const x=require("./mainstack-design-system93.cjs"),j=require("./mainstack-design-system358.cjs"),e=require("./mainstack-design-system624.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:m,description:c,action:r})=>t.jsxs(u.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:m}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"mds:w-30 mds:h-30",children:t.jsx(x,{variant:"filled",className:"mds:h-16 mds:w-16 mds:text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),u=require("./mainstack-design-system569.cjs"),d=require("./mainstack-design-system565.cjs"),l=require("./mainstack-design-system573.cjs"),T=require("./mainstack-design-system572.cjs"),_=require("./mainstack-design-system571.cjs"),q=require("./mainstack-design-system570.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const a=require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const x=require("./mainstack-design-system93.cjs"),j=require("./mainstack-design-system358.cjs"),e=require("./mainstack-design-system625.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:m,description:c,action:r})=>t.jsxs(u.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:m}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"mds:w-30 mds:h-30",children:t.jsx(x,{variant:"filled",className:"mds:h-16 mds:w-16 mds:text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;

package/dist/mainstack-design-system567.js

@@ -14,7 +14,7 @@ import { Button as a } from "./mainstack-design-system395.js";
 import "./mainstack-design-system357.js";
 import T from "./mainstack-design-system93.js";
 import { AnimatedIcon as y } from "./mainstack-design-system358.js";
-import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system624.js";
+import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system625.js";
 const x = {
   success: g,
   error: C,

package/dist/mainstack-design-system599.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=a(c),s=r.createContext(null),u=()=>{const t=r.useContext(s);if(!t)throw new Error("useTabsContext must be used within <TabsRoot>");return t};exports.TabsContext=s;exports.useTabsContext=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(void 0),s=()=>{const t=e.useContext(o);if(!t)throw new Error("useTabsContext must be used within a TabsRoot");return t};exports.TabsContext=o;exports.useTabsContext=s;