mainstack-design-system 1.14.0 → 1.14.2

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

package/dist/mainstack-design-system467.js

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

package/dist/mainstack-design-system468.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),j=require("./mainstack-design-system440.cjs"),O=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system93.cjs"),N=require("./mainstack-design-system197.cjs");require("./player-BBiZ5mNK.cjs");const o=require("./utils-Bdd5vx6a.cjs"),R=require("./mainstack-design-system597.cjs"),A=require("./index-4R9KShCu.cjs"),d=g.forwardRef(({onClick:r,children:u,className:p,onChange:i,...a},m)=>{const{isOptionOpen:s,inputValue:x,inputReadOnly:c,isDisabled:f,isError:I,isSuccess:h,selectedOption:l,isMultiSelect:n,setSelectedOption:q,setPreviousAction:_,setInputValue:b,onOptionOpenChange:y}=R.useSelectContext();return e.jsx(A.PopoverAnchor,{role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"select-portal","aria-owns":"select-portal",children:e.jsxs(j.InputRoot,{className:o.cn(n&&"mds:h-auto mds:py-10 ",p),children:[e.jsxs("div",{className:o.cn("mds:flex mds:flex-1 mds:h-auto mds:min-h-auto mds:items-center mds:flex-wrap mds:gap-6"),children:[u,e.jsx(O.InputField,{...a,readOnly:c,"data-slot":"select-input-field","data-select-options-opened":s,tabIndex:3,value:x,isError:I,isSuccess:h,disabled:f,className:o.cn(n&&"mds:h-auto mds:min-h-auto"),onChange:t=>{i&&i(t),_("typing"),b(t.currentTarget.value)},onClick:t=>{r&&r(t);const S=t.currentTarget;y(!0),c||S.focus()},ref:m,...a})]}),e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-6",children:[n&&Array.isArray(l)&&l.length>0&&e.jsx(v,{role:"button",variant:"filled",className:"mds:size-20 mds:cursor-pointer mds:text-secondary",onClick:()=>{q([])}}),e.jsx(N,{"data-select-options-opened":s,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})]})]})})});d.displayName="SelectInputField";exports.SelectInputField=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),j=require("./mainstack-design-system440.cjs"),O=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system93.cjs"),N=require("./mainstack-design-system196.cjs");require("./player-BBiZ5mNK.cjs");const o=require("./utils-Bdd5vx6a.cjs"),R=require("./mainstack-design-system597.cjs"),w=require("./index-4R9KShCu.cjs"),d=g.forwardRef(({onClick:r,children:u,className:p,onChange:i,...a},m)=>{const{isOptionOpen:s,inputValue:x,inputReadOnly:c,isDisabled:f,isError:I,isSuccess:h,selectedOption:l,isMultiSelect:n,setSelectedOption:q,setPreviousAction:_,setInputValue:b,onOptionOpenChange:y}=R.useSelectContext();return e.jsx(w.PopoverAnchor,{role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"select-portal","aria-owns":"select-portal",children:e.jsxs(j.InputRoot,{className:o.cn(n&&"mds:h-auto mds:py-10 ",p),children:[e.jsxs("div",{className:o.cn("mds:flex mds:flex-1 mds:h-auto mds:min-h-auto mds:items-center mds:flex-wrap mds:gap-6"),children:[u,e.jsx(O.InputField,{...a,readOnly:c,"data-slot":"select-input-field","data-select-options-opened":s,tabIndex:3,value:x,isError:I,isSuccess:h,disabled:f,className:o.cn(n&&"mds:h-auto mds:min-h-auto"),onChange:t=>{i&&i(t),_("typing"),b(t.currentTarget.value)},onClick:t=>{r&&r(t);const S=t.currentTarget;y(!0),c||S.focus()},ref:m,...a})]}),e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-6",children:[n&&Array.isArray(l)&&l.length>0&&e.jsx(v,{role:"button",variant:"filled",className:"mds:size-20 mds:cursor-pointer mds:text-secondary",onClick:()=>{q([])}}),e.jsx(N,{"data-select-options-opened":s,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})]})]})})});d.displayName="SelectInputField";exports.SelectInputField=d;

package/dist/mainstack-design-system468.js

@@ -2,11 +2,11 @@
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { InputRoot as S } from "./mainstack-design-system440.js";
-import { InputField as A } from "./mainstack-design-system441.js";
+import { InputField as w } from "./mainstack-design-system441.js";
 import "./mainstack-design-system439.js";
 import "./mainstack-design-system357.js";
-import w from "./mainstack-design-system93.js";
-import C from "./mainstack-design-system197.js";
+import A from "./mainstack-design-system93.js";
+import C from "./mainstack-design-system196.js";
 import "./player-Cs7wtvrg.js";
 import { c as i } from "./utils-D85wpvmd.js";
 import { useSelectContext as F } from "./mainstack-design-system597.js";
@@ -14,14 +14,14 @@ import { d as R } from "./index-RoCFhqzC.js";
 const j = N(
   ({ onClick: a, children: p, className: c, onChange: n, ...d }, u) => {
     const {
-      isOptionOpen: s,
+      isOptionOpen: o,
       inputValue: f,
       inputReadOnly: m,
       isDisabled: h,
       isError: x,
       isSuccess: y,
       selectedOption: l,
-      isMultiSelect: o,
+      isMultiSelect: s,
       setSelectedOption: b,
       setPreviousAction: I,
       setInputValue: O,
@@ -32,13 +32,13 @@ const j = N(
       {
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": s,
+        "aria-expanded": o,
         "aria-controls": "select-portal",
         "aria-owns": "select-portal",
         children: /* @__PURE__ */ r(
           S,
           {
-            className: i(o && "mds:h-auto mds:py-10 ", c),
+            className: i(s && "mds:h-auto mds:py-10 ", c),
             children: [
               /* @__PURE__ */ r(
                 "div",
@@ -49,18 +49,18 @@ const j = N(
                   children: [
                     p,
                     /* @__PURE__ */ t(
-                      A,
+                      w,
                       {
                         ...d,
                         readOnly: m,
                         "data-slot": "select-input-field",
-                        "data-select-options-opened": s,
+                        "data-select-options-opened": o,
                         tabIndex: 3,
                         value: f,
                         isError: x,
                         isSuccess: y,
                         disabled: h,
-                        className: i(o && "mds:h-auto mds:min-h-auto"),
+                        className: i(s && "mds:h-auto mds:min-h-auto"),
                         onChange: (e) => {
                           n && n(e), I("typing"), O(e.currentTarget.value);
                         },
@@ -77,8 +77,8 @@ const j = N(
                 }
               ),
               /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:gap-6", children: [
-                o && Array.isArray(l) && l.length > 0 && /* @__PURE__ */ t(
-                  w,
+                s && Array.isArray(l) && l.length > 0 && /* @__PURE__ */ t(
+                  A,
                   {
                     role: "button",
                     variant: "filled",
@@ -91,7 +91,7 @@ const j = N(
                 /* @__PURE__ */ t(
                   C,
                   {
-                    "data-select-options-opened": s,
+                    "data-select-options-opened": o,
                     className: "mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
                   }
                 )

package/dist/mainstack-design-system471.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),S=require("react"),N=require("./utils-Bdd5vx6a.cjs"),P=require("./mainstack-design-system597.cjs"),x=S.forwardRef(({value:e="",className:A,isGroupLabel:g,isDisabled:d,isCreatableOption:h,onClick:l,..._},I)=>{const{isOptionOpen:q,isMultiSelect:r,selectedOption:s,rootElementRef:p,isCreatableSelect:w,options:m,setOptions:C,setPreviousAction:j,setInputValue:f,onValueChange:n,onOptionSelect:o,onOptionOpenChange:R,setSelectedOption:u}=P.useSelectContext(),y=S.useMemo(()=>r&&Array.isArray(s)?s?.some(c=>e===c):!r&&!Array.isArray(s)?s===e:!1,[r,s,e]);return O.jsx("div",{"aria-disabled":d,className:" mds:aria-disabled:cursor-not-allowed",children:O.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:N.cn("mds:body-extrasmall-medium","mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",A),"aria-selected":y,"data-select-options-opened":q,ref:I,"aria-disabled":d||g,onClick:c=>{if(l&&l(c),!e)return;j("selection");let i=m;if(h&&w&&!i.map.has(e)){i={...m};const t={value:e,label:e};i.array.push(t),i.map.set(t.value,t),C(i)}if(r){let t=s;if(Array.isArray(s))if(t=[...s],y){const a=t.findIndex(M=>M===e);a>-1&&t.splice(a,1)}else t.push(e);else t=[e];if(u(t),f(""),Array.isArray(t)&&n&&n(t),Array.isArray(t)&&o&&o(t.map(a=>i.map.get(a))),!p.current)return null;const b=p.current.querySelector('[data-slot="select-input-field"]');b&&b.focus()}else n&&e&&n(e),o&&e&&o(i.map.get(e)),f(i.map.get(e)?.label||""),u(e),R(!1)},..._})})});x.displayName="SelectOptionItem";exports.SelectOptionItem=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),S=require("react"),N=require("./utils-Bdd5vx6a.cjs"),P=require("./mainstack-design-system597.cjs"),x=S.forwardRef(({value:e="",className:A,isGroupLabel:g,isDisabled:d,isCreatableOption:h,onClick:l,..._},I)=>{const{isOptionOpen:q,isMultiSelect:r,selectedOption:s,rootElementRef:p,isCreatableSelect:w,options:m,setOptions:C,setPreviousAction:j,setInputValue:f,onValueChange:n,onOptionSelect:o,onOptionOpenChange:R,setSelectedOption:u}=P.useSelectContext(),y=S.useMemo(()=>r&&Array.isArray(s)?s?.some(c=>e===c):!r&&!Array.isArray(s)?s===e:!1,[r,s,e]);return O.jsx("div",{"aria-disabled":d,className:" mds:aria-disabled:cursor-not-allowed",children:O.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:N.cn("mds:body-extrasmall-medium","mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",A),"aria-selected":y,"data-select-options-opened":q,ref:I,"aria-disabled":d||g,onClick:c=>{if(l&&l(c),!e)return;j("selection");let i=m;if(h&&w&&!i.map.has(e)){i={...m};const t={value:e,label:e};i.array.push(t),i.map.set(t.value,t),C(i)}if(r){let t=s;if(Array.isArray(s))if(t=[...s],y){const a=t.findIndex(M=>M===e);a>-1&&t.splice(a,1)}else t.push(e);else t=[e];if(u(t),f(""),Array.isArray(t)&&n&&n(t),Array.isArray(t)&&o&&o(t.map(a=>i.map.get(a))),!p.current)return null;const b=p.current.querySelector('[data-slot="select-input-field"]');b&&b.focus()}else n&&e&&n(e),o&&e&&o(i.map.get(e)),f(i.map.get(e)?.label||""),u(e),R(!1)},..._})})});x.displayName="SelectOptionItem";exports.SelectOptionItem=x;

package/dist/mainstack-design-system471.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as O } from "react/jsx-runtime";
 import { forwardRef as R, useMemo as V } from "react";
 import { c as j } from "./utils-D85wpvmd.js";
 import { useSelectContext as q } from "./mainstack-design-system597.js";
@@ -7,17 +7,17 @@ const E = R(
   ({
     value: e = "",
     className: A,
-    isGroupLabel: x,
+    isGroupLabel: h,
     isDisabled: p,
-    isCreatableOption: h,
-    onClick: l,
+    isCreatableOption: x,
+    onClick: c,
     ...S
   }, g) => {
     const {
       isOptionOpen: w,
       isMultiSelect: s,
-      selectedOption: i,
-      rootElementRef: c,
+      selectedOption: r,
+      rootElementRef: l,
       isCreatableSelect: I,
       options: m,
       setOptions: C,
@@ -27,13 +27,13 @@ const E = R(
       onOptionSelect: n,
       onOptionOpenChange: N,
       setSelectedOption: y
-    } = q(), u = V(() => s && Array.isArray(i) ? i?.some((d) => e === d) : !s && !Array.isArray(i) ? i === e : !1, [s, i, e]);
-    return /* @__PURE__ */ b(
+    } = q(), u = V(() => s && Array.isArray(r) ? r?.some((d) => e === d) : !s && !Array.isArray(r) ? r === e : !1, [s, r, e]);
+    return /* @__PURE__ */ O(
       "div",
       {
         "aria-disabled": p,
         className: " mds:aria-disabled:cursor-not-allowed",
-        children: /* @__PURE__ */ b(
+        children: /* @__PURE__ */ O(
           "div",
           {
             role: "button",
@@ -41,30 +41,30 @@ const E = R(
             tabIndex: 0,
             className: j(
               "mds:body-extrasmall-medium",
-              "mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",
+              "mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-selected:bg-interactive-secondary-hover mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",
               A
             ),
             "aria-selected": u,
             "data-select-options-opened": w,
             ref: g,
-            "aria-disabled": p || x,
+            "aria-disabled": p || h,
             onClick: (d) => {
-              if (l && l(d), !e)
+              if (c && c(d), !e)
                 return;
               _("selection");
-              let r = m;
-              if (h && I && !r.map.has(e)) {
-                r = { ...m };
+              let i = m;
+              if (x && I && !i.map.has(e)) {
+                i = { ...m };
                 const t = {
                   value: e,
                   label: e
                 };
-                r.array.push(t), r.map.set(t.value, t), C(r);
+                i.array.push(t), i.map.set(t.value, t), C(i);
               }
               if (s) {
-                let t = i;
-                if (Array.isArray(i))
-                  if (t = [...i], u) {
+                let t = r;
+                if (Array.isArray(r))
+                  if (t = [...r], u) {
                     const a = t.findIndex((M) => M === e);
                     a > -1 && t.splice(a, 1);
                   } else
@@ -72,14 +72,14 @@ const E = R(
                 else
                   t = [e];
                 if (y(t), f(""), Array.isArray(t) && o && o(t), Array.isArray(t) && n && n(
-                  t.map((a) => r.map.get(a))
-                ), !c.current) return null;
-                const O = c.current.querySelector(
+                  t.map((a) => i.map.get(a))
+                ), !l.current) return null;
+                const b = l.current.querySelector(
                   '[data-slot="select-input-field"]'
                 );
-                O && O.focus();
+                b && b.focus();
               } else
-                o && e && o(e), n && e && n(r.map.get(e)), f(r.map.get(e)?.label || ""), y(e), N(!1);
+                o && e && o(e), n && e && n(i.map.get(e)), f(i.map.get(e)?.label || ""), y(e), N(!1);
             },
             ...S
           }

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;