mainstack-design-system 1.1.3 → 1.3.0

package/dist/mainstack-design-system15.cjs

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

package/dist/mainstack-design-system15.js

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

package/dist/mainstack-design-system16.cjs

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

package/dist/mainstack-design-system16.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { cn as p } from "./mainstack-design-system586.js";
+import { cn as p } from "./mainstack-design-system587.js";
 import { ImageUploaderPreviewItem as d } from "./mainstack-design-system17.js";
 import { useImageUploaderContext as c } from "./mainstack-design-system23.js";
 const g = ({

package/dist/mainstack-design-system17.cjs

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

package/dist/mainstack-design-system17.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useState as B, useCallback as y } from "react";
-import { generateImageFilePreview as M, cn as d } from "./mainstack-design-system586.js";
+import { generateImageFilePreview as M, cn as d } from "./mainstack-design-system587.js";
 import "./mainstack-design-system356.js";
 import S from "./mainstack-design-system54.js";
 import A from "./mainstack-design-system224.js";
 import H from "./mainstack-design-system240.js";
 import C from "./mainstack-design-system285.js";
 import { useImageUploaderContext as L } from "./mainstack-design-system23.js";
-import { DropzoneUploadArea as R } from "./mainstack-design-system592.js";
+import { DropzoneUploadArea as R } from "./mainstack-design-system593.js";
 import { P as T, a as E, b as V, c as $ } from "./index-RoCFhqzC.js";
-import { ButtonIcon as m } from "./mainstack-design-system392.js";
-import { ButtonLabel as k } from "./mainstack-design-system393.js";
-import { ButtonRoot as p } from "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
+import { ButtonIcon as m } from "./mainstack-design-system382.js";
+import { ButtonLabel as k } from "./mainstack-design-system383.js";
+import { ButtonRoot as p } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
 const q = ({
   className: x,
   children: b,

package/dist/mainstack-design-system18.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./mainstack-design-system586.cjs"),i=require("./mainstack-design-system392.cjs"),c=require("./mainstack-design-system393.cjs"),l=require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system108.cjs"),B=require("./mainstack-design-system130.cjs"),h=require("./mainstack-design-system23.cjs"),b=require("./mainstack-design-system592.cjs"),u=({className:d,onLibrarySelect:m,children:t,...p})=>{const{accept:x,maxFiles:_,maxSize:g,onValuesChange:r,onError:n,setMainPreviewFile:s}=h.useImageUploaderContext(),j=q.useCallback(async I=>{try{const o=await a.generateImageFilePreview(I);r(o),s(o[0])}catch(o){n&&n(o)}},[r,s,n]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:a.cn("flex absolute left-1/2 -translate-x-1/2 bottom-24 justify-center items-center gap-8",d),...p,children:t||e.jsxs(e.Fragment,{children:[e.jsx(b.DropzoneUploadArea,{onDrop:j,accept:x,maxFiles:_,maxSize:g,noDrag:!0,asChild:!0,children:e.jsxs(l.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(i.ButtonIcon,{children:e.jsx(B,{})}),e.jsx(c.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(l.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:m,children:[e.jsx(i.ButtonIcon,{children:e.jsx(v,{})}),e.jsx(c.ButtonLabel,{children:"Select from library"})]})]})})};u.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./mainstack-design-system587.cjs"),i=require("./mainstack-design-system382.cjs"),c=require("./mainstack-design-system383.cjs"),l=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system108.cjs"),B=require("./mainstack-design-system130.cjs"),h=require("./mainstack-design-system23.cjs"),b=require("./mainstack-design-system593.cjs"),u=({className:d,onLibrarySelect:m,children:t,...p})=>{const{accept:x,maxFiles:_,maxSize:g,onValuesChange:r,onError:n,setMainPreviewFile:s}=h.useImageUploaderContext(),j=q.useCallback(async I=>{try{const o=await a.generateImageFilePreview(I);r(o),s(o[0])}catch(o){n&&n(o)}},[r,s,n]);return e.jsx("div",{"data-slot":"image-uploader-dropzone-actions",className:a.cn("flex absolute left-1/2 -translate-x-1/2 bottom-24 justify-center items-center gap-8",d),...p,children:t||e.jsxs(e.Fragment,{children:[e.jsx(b.DropzoneUploadArea,{onDrop:j,accept:x,maxFiles:_,maxSize:g,noDrag:!0,asChild:!0,children:e.jsxs(l.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(i.ButtonIcon,{children:e.jsx(B,{})}),e.jsx(c.ButtonLabel,{children:"Upload from device"})]})}),e.jsxs(l.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:m,children:[e.jsx(i.ButtonIcon,{children:e.jsx(v,{})}),e.jsx(c.ButtonLabel,{children:"Select from library"})]})]})})};u.displayName="ImageUploaderMainPreviewActions";exports.ImageUploaderMainPreviewActions=u;

package/dist/mainstack-design-system18.js

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as e, jsxs as t, Fragment as x } from "react/jsx-runtime";
 import { useCallback as y } from "react";
-import { generateImageFilePreview as I, cn as w } from "./mainstack-design-system586.js";
-import { ButtonIcon as m } from "./mainstack-design-system392.js";
-import { ButtonLabel as l } from "./mainstack-design-system393.js";
-import { ButtonRoot as s } from "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
+import { generateImageFilePreview as I, cn as w } from "./mainstack-design-system587.js";
+import { ButtonIcon as m } from "./mainstack-design-system382.js";
+import { ButtonLabel as l } from "./mainstack-design-system383.js";
+import { ButtonRoot as s } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
 import "./mainstack-design-system356.js";
 import C from "./mainstack-design-system108.js";
 import U from "./mainstack-design-system130.js";
 import { useImageUploaderContext as b } from "./mainstack-design-system23.js";
-import { DropzoneUploadArea as z } from "./mainstack-design-system592.js";
+import { DropzoneUploadArea as z } from "./mainstack-design-system593.js";
 const D = ({
   className: c,
   onLibrarySelect: d,

package/dist/mainstack-design-system19.cjs

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

package/dist/mainstack-design-system19.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as m, Fragment as p } from "react/jsx-runtime";
-import { ButtonIcon as u } from "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import { ButtonRoot as v } from "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
+import { ButtonIcon as u } from "./mainstack-design-system382.js";
+import "./mainstack-design-system383.js";
+import { ButtonRoot as v } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
 import "./mainstack-design-system356.js";
 import g from "./mainstack-design-system285.js";
-import { cn as f } from "./mainstack-design-system586.js";
+import { cn as f } from "./mainstack-design-system587.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system23.js";
 const w = ({
   className: t,

package/dist/mainstack-design-system20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./mainstack-design-system586.cjs"),e=({className:o,...t})=>r.jsx("h5",{"data-slot":"image-uploader-dropzone-title",className:a.cn("body-small-medium text-primary",o),...t});e.displayName="ImageUploaderDropzoneTitle";exports.ImageUploaderDropzoneTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./mainstack-design-system587.cjs"),e=({className:o,...t})=>r.jsx("h5",{"data-slot":"image-uploader-dropzone-title",className:a.cn("body-small-medium text-primary",o),...t});e.displayName="ImageUploaderDropzoneTitle";exports.ImageUploaderDropzoneTitle=e;

package/dist/mainstack-design-system20.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const m = ({
   className: e,
   ...o

package/dist/mainstack-design-system21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./mainstack-design-system586.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"image-uploader-dropzoneSubtext",className:a.cn("body-extrasmall-regular text-secondary",t),...o});e.displayName="ImageUploaderDropzoneSubtext";exports.ImageUploaderDropzoneSubtext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./mainstack-design-system587.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"image-uploader-dropzoneSubtext",className:a.cn("body-extrasmall-regular text-secondary",t),...o});e.displayName="ImageUploaderDropzoneSubtext";exports.ImageUploaderDropzoneSubtext=e;

package/dist/mainstack-design-system21.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const t = ({
   className: e,
   ...o

package/dist/mainstack-design-system22.cjs

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

package/dist/mainstack-design-system22.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as f } from "react/jsx-runtime";
 import { useCallback as g } from "react";
-import { generateImageFilePreview as x, cn as u } from "./mainstack-design-system586.js";
-import { DropzoneUploadArea as h } from "./mainstack-design-system592.js";
+import { generateImageFilePreview as x, cn as u } from "./mainstack-design-system587.js";
+import { DropzoneUploadArea as h } from "./mainstack-design-system593.js";
 import { useImageUploaderContext as v } from "./mainstack-design-system23.js";
 import "./mainstack-design-system356.js";
 import z from "./mainstack-design-system54.js";

package/dist/mainstack-design-system25.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),F=require("./mainstack-design-system32.cjs"),U=require("./index-C8aODXfJ.cjs"),h=require("./mainstack-design-system586.cjs"),n=require("react"),a=({values:i,onValuesChange:d,defaultValues:r=[],isDisabled:o,accept:s={"file/*":[".pdf",".txt",".docx"]},maxFiles:p=4,maxSize:u,multiple:c=!0,onError:f,children:x,className:m,...C})=>{const[l,g]=U.useControllableState({prop:i,defaultProp:r,onChange:d}),v=!c&&l.length>0,y=n.Children.map(x,e=>n.isValidElement(e)&&e.type?.displayName==="FileUploaderDropzone"&&v?null:e);return t.jsx(F.FileUploaderContext.Provider,{value:{values:l,defaultValues:r,isDisabled:o,accept:s,maxFiles:p,maxSize:u,onValuesChange:g,onError:f},children:t.jsx("div",{"data-disabled":o,"aria-disabled":o,"data-slot":"file-uploader-root",className:h.cn("relative flex flex-col gap-12 body-font-family",m),...C,children:y})})};a.displayName="FileUploaderRoot";exports.FileUploaderRoot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),F=require("./mainstack-design-system32.cjs"),U=require("./index-C8aODXfJ.cjs"),h=require("./mainstack-design-system587.cjs"),n=require("react"),a=({values:i,onValuesChange:d,defaultValues:r=[],isDisabled:o,accept:s={"file/*":[".pdf",".txt",".docx"]},maxFiles:p=4,maxSize:u,multiple:c=!0,onError:f,children:x,className:m,...C})=>{const[l,g]=U.useControllableState({prop:i,defaultProp:r,onChange:d}),v=!c&&l.length>0,y=n.Children.map(x,e=>n.isValidElement(e)&&e.type?.displayName==="FileUploaderDropzone"&&v?null:e);return t.jsx(F.FileUploaderContext.Provider,{value:{values:l,defaultValues:r,isDisabled:o,accept:s,maxFiles:p,maxSize:u,onValuesChange:g,onError:f},children:t.jsx("div",{"data-disabled":o,"aria-disabled":o,"data-slot":"file-uploader-root",className:h.cn("relative flex flex-col gap-12 body-font-family",m),...C,children:y})})};a.displayName="FileUploaderRoot";exports.FileUploaderRoot=a;

package/dist/mainstack-design-system25.js

@@ -2,7 +2,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { FileUploaderContext as g } from "./mainstack-design-system32.js";
 import { u as y } from "./index-437EL2iq.js";
-import { cn as z } from "./mainstack-design-system586.js";
+import { cn as z } from "./mainstack-design-system587.js";
 import a from "react";
 const F = ({
   values: n,

package/dist/mainstack-design-system26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./mainstack-design-system586.cjs"),h=require("./mainstack-design-system32.cjs"),f=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");const j=require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system285.cjs"),o=({children:s,className:a,fileId:n,fileName:c,formatedSize:u,fileExtension:d})=>{const{values:r,onValuesChange:l}=h.useFileUploaderContext(),m=p.useCallback(()=>{const t=[...r],i=t.findIndex(x=>x.id===n);i>-1&&(t.splice(i,1),l(t))},[l,n,r]);return s||e.jsxs("div",{"data-slot":"file-uploader-preview-item",className:y.cn("flex justify-between items-center w-full",a),children:[e.jsxs("div",{className:"flex items-center gap-8 grow",children:[e.jsx("div",{className:"relative flex size-10 shrink-0 px-8 py-10 rounded-8 bg-surface-neutral-l5 body-extrasmall-medium text-secondary items-center justify-center w-48 h-40",children:e.jsx("p",{className:"text-secondary body-extrasmall-medium",children:d})}),e.jsxs("div",{className:"min-w-0 flex flex-col",children:[e.jsx("p",{className:"truncate body-extrasmall-regular text-primary w-258 min-w-0 ",children:c}),e.jsx("span",{className:"truncate body-tiny-regular text-secondary",children:u})]})]}),e.jsx(j.ButtonRoot,{size:"tiny",variant:"ghost",iconOnly:!0,status:"default",onClick:m,children:e.jsx(f.ButtonIcon,{children:e.jsx(v,{className:"h-20 w-20"})})})]})};o.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./mainstack-design-system587.cjs"),h=require("./mainstack-design-system32.cjs"),f=require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");const j=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system356.cjs");const v=require("./mainstack-design-system285.cjs"),o=({children:s,className:a,fileId:n,fileName:c,formatedSize:u,fileExtension:d})=>{const{values:r,onValuesChange:l}=h.useFileUploaderContext(),m=p.useCallback(()=>{const t=[...r],i=t.findIndex(x=>x.id===n);i>-1&&(t.splice(i,1),l(t))},[l,n,r]);return s||e.jsxs("div",{"data-slot":"file-uploader-preview-item",className:y.cn("flex justify-between items-center w-full",a),children:[e.jsxs("div",{className:"flex items-center gap-8 grow",children:[e.jsx("div",{className:"relative flex size-10 shrink-0 px-8 py-10 rounded-8 bg-surface-neutral-l5 body-extrasmall-medium text-secondary items-center justify-center w-48 h-40",children:e.jsx("p",{className:"text-secondary body-extrasmall-medium",children:d})}),e.jsxs("div",{className:"min-w-0 flex flex-col",children:[e.jsx("p",{className:"truncate body-extrasmall-regular text-primary w-258 min-w-0 ",children:c}),e.jsx("span",{className:"truncate body-tiny-regular text-secondary",children:u})]})]}),e.jsx(j.ButtonRoot,{size:"tiny",variant:"ghost",iconOnly:!0,status:"default",onClick:m,children:e.jsx(f.ButtonIcon,{children:e.jsx(v,{className:"h-20 w-20"})})})]})};o.displayName="FileUploaderPreviewItem";exports.FileUploaderPreviewItem=o;

package/dist/mainstack-design-system26.js

@@ -1,11 +1,11 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { cn as x } from "./mainstack-design-system586.js";
+import { cn as x } from "./mainstack-design-system587.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system32.js";
-import { ButtonIcon as y } from "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import { ButtonRoot as w } from "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
+import { ButtonIcon as y } from "./mainstack-design-system382.js";
+import "./mainstack-design-system383.js";
+import { ButtonRoot as w } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
 import "./mainstack-design-system356.js";
 import v from "./mainstack-design-system285.js";
 const N = ({

package/dist/mainstack-design-system27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./mainstack-design-system586.cjs"),a=require("./mainstack-design-system32.cjs"),e=({children:l,className:r,...i})=>{const{values:t}=a.useFileUploaderContext();return o.jsx("div",{role:"list","data-slot":"file-uploader-preview",className:s.cn("flex items-center gap-12",r),...i,children:l({values:t})})};e.displayName="FileUploaderPreview";exports.FileUploaderPreview=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./mainstack-design-system587.cjs"),a=require("./mainstack-design-system32.cjs"),e=({children:l,className:r,...i})=>{const{values:t}=a.useFileUploaderContext();return o.jsx("div",{role:"list","data-slot":"file-uploader-preview",className:s.cn("flex items-center gap-12",r),...i,children:l({values:t})})};e.displayName="FileUploaderPreview";exports.FileUploaderPreview=e;

package/dist/mainstack-design-system27.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { cn as t } from "./mainstack-design-system586.js";
+import { cn as t } from "./mainstack-design-system587.js";
 import { useFileUploaderContext as a } from "./mainstack-design-system32.js";
 const p = ({
   children: e,

package/dist/mainstack-design-system28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./mainstack-design-system586.cjs"),e=({className:l,...t})=>o.jsx("h5",{"data-slot":"file-uploader-dropzone-title",className:r.cn("body-small-medium text-primary mt-12",l),...t});e.displayName="FileUploaderDropzoneTitle";exports.FileUploaderDropzoneTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./mainstack-design-system587.cjs"),e=({className:l,...t})=>o.jsx("h5",{"data-slot":"file-uploader-dropzone-title",className:r.cn("body-small-medium text-primary mt-12",l),...t});e.displayName="FileUploaderDropzoneTitle";exports.FileUploaderDropzoneTitle=e;

package/dist/mainstack-design-system28.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as l } from "./mainstack-design-system586.js";
+import { cn as l } from "./mainstack-design-system587.js";
 const t = ({
   className: e,
   ...o

package/dist/mainstack-design-system29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./mainstack-design-system586.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"file-uploader-dropzoneSubtext",className:l.cn("body-extrasmall-regular text-secondary",t),...o});e.displayName="FileUploaderDropzoneSubtext";exports.FileUploaderDropzoneSubtext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./mainstack-design-system587.cjs"),e=({className:t,...o})=>r.jsx("p",{"data-slot":"file-uploader-dropzoneSubtext",className:l.cn("body-extrasmall-regular text-secondary",t),...o});e.displayName="FileUploaderDropzoneSubtext";exports.FileUploaderDropzoneSubtext=e;

package/dist/mainstack-design-system29.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as t } from "./mainstack-design-system586.js";
+import { cn as t } from "./mainstack-design-system587.js";
 const a = ({
   className: e,
   ...o

package/dist/mainstack-design-system30.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system392.cjs"),n=require("./mainstack-design-system393.cjs"),t=require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system108.cjs"),d=require("./mainstack-design-system130.cjs"),a=require("./mainstack-design-system586.cjs"),r=({className:s,children:c,onLibrarySelect:i,...l})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("flex justify-center items-center gap-8 mt-16",s),...l,children:c||e.jsxs(e.Fragment,{children:[e.jsxs(t.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(o.ButtonIcon,{children:e.jsx(d,{})}),e.jsx(n.ButtonLabel,{children:"Upload from device"})]}),e.jsxs(t.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:i,children:[e.jsx(o.ButtonIcon,{children:e.jsx(u,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system382.cjs"),n=require("./mainstack-design-system383.cjs"),t=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system108.cjs"),d=require("./mainstack-design-system130.cjs"),a=require("./mainstack-design-system587.cjs"),r=({className:s,children:c,onLibrarySelect:i,...l})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("flex justify-center items-center gap-8 mt-16",s),...l,children:c||e.jsxs(e.Fragment,{children:[e.jsxs(t.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(o.ButtonIcon,{children:e.jsx(d,{})}),e.jsx(n.ButtonLabel,{children:"Upload from device"})]}),e.jsxs(t.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:i,children:[e.jsx(o.ButtonIcon,{children:e.jsx(u,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;

package/dist/mainstack-design-system30.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as o, jsxs as r, Fragment as m } from "react/jsx-runtime";
-import { ButtonIcon as e } from "./mainstack-design-system392.js";
-import { ButtonLabel as i } from "./mainstack-design-system393.js";
-import { ButtonRoot as n } from "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
+import { ButtonIcon as e } from "./mainstack-design-system382.js";
+import { ButtonLabel as i } from "./mainstack-design-system383.js";
+import { ButtonRoot as n } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
 import "./mainstack-design-system356.js";
 import a from "./mainstack-design-system108.js";
 import s from "./mainstack-design-system130.js";
-import { cn as p } from "./mainstack-design-system586.js";
+import { cn as p } from "./mainstack-design-system587.js";
 const f = ({
   className: t,
   children: c,

package/dist/mainstack-design-system31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),a=require("./mainstack-design-system586.cjs"),g=require("./mainstack-design-system592.cjs"),f=require("./mainstack-design-system32.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system54.cjs"),n=({className:i,children:l,...c})=>{const{onValuesChange:o,accept:d,maxSize:s,maxFiles:u,onError:e}=f.useFileUploaderContext(),p=b.useCallback(async v=>{try{const r=await a.getFileMetadata(v);o(r)}catch(r){e&&e(r)}},[o,e]);return t.jsxs(g.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:a.cn("relative border border-dashed border-border-interactive-neutral rounded-20 bg-surface-neutral-l1 data-[active-preview=true]:overflow-hidden cursor-pointer hover:bg-interactive-secondary data-dragging:border-border-interactive-neutral active:ring-2 active:ring-border-interactive-neutral-pressed p-24 flex flex-col items-center justify-center h-full",i),onDrop:p,accept:d,maxFiles:u,maxSize:s,asChild:!0,...c,children:[t.jsx(m,{variant:"filled"}),l]})};n.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),b=require("react"),a=require("./mainstack-design-system587.cjs"),g=require("./mainstack-design-system593.cjs"),f=require("./mainstack-design-system32.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system54.cjs"),n=({className:i,children:l,...c})=>{const{onValuesChange:o,accept:d,maxSize:s,maxFiles:u,onError:e}=f.useFileUploaderContext(),p=b.useCallback(async v=>{try{const r=await a.getFileMetadata(v);o(r)}catch(r){e&&e(r)}},[o,e]);return t.jsxs(g.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:a.cn("relative border border-dashed border-border-interactive-neutral rounded-20 bg-surface-neutral-l1 data-[active-preview=true]:overflow-hidden cursor-pointer hover:bg-interactive-secondary data-dragging:border-border-interactive-neutral active:ring-2 active:ring-border-interactive-neutral-pressed p-24 flex flex-col items-center justify-center h-full",i),onDrop:p,accept:d,maxFiles:u,maxSize:s,asChild:!0,...c,children:[t.jsx(m,{variant:"filled"}),l]})};n.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=n;

package/dist/mainstack-design-system31.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as m } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { getFileMetadata as u, cn as v } from "./mainstack-design-system586.js";
-import { DropzoneUploadArea as b } from "./mainstack-design-system592.js";
+import { getFileMetadata as u, cn as v } from "./mainstack-design-system587.js";
+import { DropzoneUploadArea as b } from "./mainstack-design-system593.js";
 import { useFileUploaderContext as g } from "./mainstack-design-system32.js";
 import "./mainstack-design-system356.js";
 import h from "./mainstack-design-system54.js";

package/dist/mainstack-design-system33.cjs

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

package/dist/mainstack-design-system33.js

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

package/dist/mainstack-design-system35.cjs

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

package/dist/mainstack-design-system35.js

@@ -1,8 +1,8 @@
-import { ButtonIcon as o } from "./mainstack-design-system392.js";
-import { ButtonLabel as t } from "./mainstack-design-system393.js";
-import { ButtonRoot as r } from "./mainstack-design-system394.js";
-import { Button as B } from "./mainstack-design-system395.js";
-import { buttonVariants as i } from "./mainstack-design-system396.js";
+import { ButtonIcon as o } from "./mainstack-design-system382.js";
+import { ButtonLabel as t } from "./mainstack-design-system383.js";
+import { ButtonRoot as r } from "./mainstack-design-system384.js";
+import { Button as B } from "./mainstack-design-system385.js";
+import { buttonVariants as i } from "./mainstack-design-system386.js";
 const u = {
   Root: r,
   Label: t,

package/dist/mainstack-design-system356.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./mainstack-design-system586.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("size-24",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;
+"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./mainstack-design-system587.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("size-24",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;

package/dist/mainstack-design-system356.js

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

package/dist/mainstack-design-system357.cjs

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

package/dist/mainstack-design-system357.js

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

package/dist/mainstack-design-system358.cjs

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

package/dist/mainstack-design-system358.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { forwardRef as p, useState as m } from "react";
-import { InputRoot as d } from "./mainstack-design-system437.js";
-import { InputField as l } from "./mainstack-design-system438.js";
-import "./mainstack-design-system436.js";
+import { InputRoot as d } from "./mainstack-design-system429.js";
+import { InputField as l } from "./mainstack-design-system430.js";
+import "./mainstack-design-system428.js";
 import "./mainstack-design-system356.js";
 import a from "./mainstack-design-system299.js";
 import c from "./mainstack-design-system300.js";

package/dist/mainstack-design-system359.cjs

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

package/dist/mainstack-design-system359.js

@@ -1,12 +1,12 @@
-import { PhoneNumberDigitField as o } from "./mainstack-design-system591.js";
-import { PhoneNumberFields as r } from "./mainstack-design-system440.js";
-import { PhoneNumberFlagField as e } from "./mainstack-design-system441.js";
-import { PhoneNumberOptions as i } from "./mainstack-design-system442.js";
-import { PhoneNumberOptionsList as m } from "./mainstack-design-system443.js";
-import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system444.js";
-import { PhoneNumberPortal as n } from "./mainstack-design-system445.js";
-import { PhoneNumberRoot as p } from "./mainstack-design-system446.js";
-import { PhoneNumberInput as O } from "./mainstack-design-system439.js";
+import { PhoneNumberDigitField as o } from "./mainstack-design-system592.js";
+import { PhoneNumberFields as r } from "./mainstack-design-system432.js";
+import { PhoneNumberFlagField as e } from "./mainstack-design-system433.js";
+import { PhoneNumberOptions as i } from "./mainstack-design-system434.js";
+import { PhoneNumberOptionsList as m } from "./mainstack-design-system435.js";
+import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system436.js";
+import { PhoneNumberPortal as n } from "./mainstack-design-system437.js";
+import { PhoneNumberRoot as p } from "./mainstack-design-system438.js";
+import { PhoneNumberInput as O } from "./mainstack-design-system431.js";
 const f = {
   Root: p,
   DigitField: o,

package/dist/mainstack-design-system36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system382.cjs"),t=require("./mainstack-design-system383.cjs"),r=require("./mainstack-design-system384.cjs"),o={Root:a,Image:t,Fallback:r};exports.AvatarRoot=a;exports.AvatarImage=t;exports.AvatarFallback=r;exports.AvatarGroup=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system387.cjs"),t=require("./mainstack-design-system388.cjs"),r=require("./mainstack-design-system389.cjs"),o={Root:a.AvatarRoot,Image:t.AvatarImage,Fallback:r.AvatarFallback};exports.AvatarRoot=a.AvatarRoot;exports.AvatarImage=t.AvatarImage;exports.AvatarFallback=r.AvatarFallback;exports.AvatarGroup=o;

package/dist/mainstack-design-system36.js

@@ -1,6 +1,6 @@
-import a from "./mainstack-design-system382.js";
-import o from "./mainstack-design-system383.js";
-import r from "./mainstack-design-system384.js";
+import { AvatarRoot as a } from "./mainstack-design-system387.js";
+import { AvatarImage as o } from "./mainstack-design-system388.js";
+import { AvatarFallback as r } from "./mainstack-design-system389.js";
 const l = {
   Root: a,
   Image: o,

package/dist/mainstack-design-system360.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system448.cjs"),e=require("./mainstack-design-system449.cjs"),r=require("./mainstack-design-system450.cjs"),l=require("./mainstack-design-system451.cjs"),c=require("./mainstack-design-system452.cjs"),F=require("./mainstack-design-system453.cjs"),d=require("./mainstack-design-system454.cjs"),o=require("./mainstack-design-system455.cjs"),t=require("./mainstack-design-system447.cjs"),P={Root:o.PriceFieldRoot,DigitField:i.PriceFieldDigitField,Fields:e.PriceFieldFields,FlagField:r.PriceFieldFlagField,Portal:d.PriceFieldPortal,Options:l.PriceFieldOptions,OptionsList:c.PriceFieldOptionsList,OptionsSearchField:F.PriceFieldOptionsSearchField};exports.PriceFieldDigitField=i.PriceFieldDigitField;exports.PriceFieldFields=e.PriceFieldFields;exports.PriceFieldFlagField=r.PriceFieldFlagField;exports.PriceFieldOptions=l.PriceFieldOptions;exports.PriceFieldOptionsList=c.PriceFieldOptionsList;exports.PriceFieldOptionsSearchField=F.PriceFieldOptionsSearchField;exports.PriceFieldPortal=d.PriceFieldPortal;exports.PriceFieldRoot=o.PriceFieldRoot;exports.PriceFieldInput=t.PriceFieldInput;exports.PriceFieldGroup=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system440.cjs"),e=require("./mainstack-design-system441.cjs"),r=require("./mainstack-design-system442.cjs"),l=require("./mainstack-design-system443.cjs"),c=require("./mainstack-design-system444.cjs"),F=require("./mainstack-design-system445.cjs"),d=require("./mainstack-design-system446.cjs"),o=require("./mainstack-design-system447.cjs"),t=require("./mainstack-design-system439.cjs"),P={Root:o.PriceFieldRoot,DigitField:i.PriceFieldDigitField,Fields:e.PriceFieldFields,FlagField:r.PriceFieldFlagField,Portal:d.PriceFieldPortal,Options:l.PriceFieldOptions,OptionsList:c.PriceFieldOptionsList,OptionsSearchField:F.PriceFieldOptionsSearchField};exports.PriceFieldDigitField=i.PriceFieldDigitField;exports.PriceFieldFields=e.PriceFieldFields;exports.PriceFieldFlagField=r.PriceFieldFlagField;exports.PriceFieldOptions=l.PriceFieldOptions;exports.PriceFieldOptionsList=c.PriceFieldOptionsList;exports.PriceFieldOptionsSearchField=F.PriceFieldOptionsSearchField;exports.PriceFieldPortal=d.PriceFieldPortal;exports.PriceFieldRoot=o.PriceFieldRoot;exports.PriceFieldInput=t.PriceFieldInput;exports.PriceFieldGroup=P;

package/dist/mainstack-design-system360.js

@@ -1,12 +1,12 @@
-import { PriceFieldDigitField as i } from "./mainstack-design-system448.js";
-import { PriceFieldFields as r } from "./mainstack-design-system449.js";
-import { PriceFieldFlagField as o } from "./mainstack-design-system450.js";
-import { PriceFieldOptions as e } from "./mainstack-design-system451.js";
-import { PriceFieldOptionsList as t } from "./mainstack-design-system452.js";
-import { PriceFieldOptionsSearchField as l } from "./mainstack-design-system453.js";
-import { PriceFieldPortal as F } from "./mainstack-design-system454.js";
-import { PriceFieldRoot as d } from "./mainstack-design-system455.js";
-import { PriceFieldInput as u } from "./mainstack-design-system447.js";
+import { PriceFieldDigitField as i } from "./mainstack-design-system440.js";
+import { PriceFieldFields as r } from "./mainstack-design-system441.js";
+import { PriceFieldFlagField as o } from "./mainstack-design-system442.js";
+import { PriceFieldOptions as e } from "./mainstack-design-system443.js";
+import { PriceFieldOptionsList as t } from "./mainstack-design-system444.js";
+import { PriceFieldOptionsSearchField as l } from "./mainstack-design-system445.js";
+import { PriceFieldPortal as F } from "./mainstack-design-system446.js";
+import { PriceFieldRoot as d } from "./mainstack-design-system447.js";
+import { PriceFieldInput as u } from "./mainstack-design-system439.js";
 const O = {
   Root: d,
   DigitField: i,

package/dist/mainstack-design-system361.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),r=require("react"),v=require("./mainstack-design-system553.cjs");function h({children:l,mode:n="light",uiTheme:c="default",themeCssVariablesOveride:u={},...o}){const t=r.useRef(null),[f,m]=r.useState({...o,mode:n,uiTheme:c,themeCssVariablesOveride:u}),s=r.useCallback(e=>{t.current&&(e?.mode&&t.current.setAttribute("data-theme-mode",e.mode),e?.uiTheme&&t.current.setAttribute("data-ui-theme",e.uiTheme),e?.themeCssVariablesOveride&&Object.entries(e.themeCssVariablesOveride).forEach(([i,a])=>{a&&t.current&&t.current.style.setProperty(i,a)}))},[]),b=r.useCallback(e=>{s(e),m(i=>({...i,themeCssVariablesOveride:{...i?.themeCssVariablesOveride||{},...e?.themeCssVariablesOveride||{}}}))},[s]);return r.useEffect(()=>{const e={mode:n,uiTheme:c,themeCssVariablesOveride:u,...o};s(e)},[n,o,u,c,s]),d.jsx(v.MainstackDesignSystemProviderContext.Provider,{value:[f,b],children:d.jsx("div",{ref:t,children:l})})}exports.MainstackDesignSystemProvider=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),r=require("react"),v=require("./mainstack-design-system552.cjs");function h({children:l,mode:n="light",uiTheme:c="default",themeCssVariablesOveride:u={},...o}){const t=r.useRef(null),[f,m]=r.useState({...o,mode:n,uiTheme:c,themeCssVariablesOveride:u}),s=r.useCallback(e=>{t.current&&(e?.mode&&t.current.setAttribute("data-theme-mode",e.mode),e?.uiTheme&&t.current.setAttribute("data-ui-theme",e.uiTheme),e?.themeCssVariablesOveride&&Object.entries(e.themeCssVariablesOveride).forEach(([i,a])=>{a&&t.current&&t.current.style.setProperty(i,a)}))},[]),b=r.useCallback(e=>{s(e),m(i=>({...i,themeCssVariablesOveride:{...i?.themeCssVariablesOveride||{},...e?.themeCssVariablesOveride||{}}}))},[s]);return r.useEffect(()=>{const e={mode:n,uiTheme:c,themeCssVariablesOveride:u,...o};s(e)},[n,o,u,c,s]),d.jsx(v.MainstackDesignSystemProviderContext.Provider,{value:[f,b],children:d.jsx("div",{ref:t,children:l})})}exports.MainstackDesignSystemProvider=h;

package/dist/mainstack-design-system361.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as b, useState as v, useCallback as d, useEffect as C } from "react";
-import { MainstackDesignSystemProviderContext as y } from "./mainstack-design-system553.js";
+import { MainstackDesignSystemProviderContext as y } from "./mainstack-design-system552.js";
 function k({
   children: f,
   mode: s = "light",

package/dist/mainstack-design-system362.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=require("./mainstack-design-system553.cjs");function n(){const e=t.useContext(s.MainstackDesignSystemProviderContext);if(!e)throw new Error("useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />.");return e}exports.useMainstackDesignSystemTheme=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=require("./mainstack-design-system552.cjs");function n(){const e=t.useContext(s.MainstackDesignSystemProviderContext);if(!e)throw new Error("useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />.");return e}exports.useMainstackDesignSystemTheme=n;

package/dist/mainstack-design-system362.js

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { MainstackDesignSystemProviderContext as s } from "./mainstack-design-system553.js";
+import { MainstackDesignSystemProviderContext as s } from "./mainstack-design-system552.js";
 function r() {
   const e = t(s);
   if (!e)

package/dist/mainstack-design-system363.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system456.cjs"),t=require("./mainstack-design-system457.cjs"),e=require("./mainstack-design-system458.cjs"),i=require("./mainstack-design-system459.cjs"),a=require("./mainstack-design-system460.cjs"),d=require("./mainstack-design-system461.cjs"),R={Root:o.RadioRoot,Item:t.RadioItem,ItemLabel:e.RadioItemLabel,ItemIndicator:i.RadioItemIndicator,ItemTitle:a.RadioItemTitle,ItemSubtext:d.RadioItemSubText};exports.RadioRoot=o.RadioRoot;exports.RadioItem=t.RadioItem;exports.RadioItemLabel=e.RadioItemLabel;exports.RadioItemIndicator=i.RadioItemIndicator;exports.RadioItemTitle=a.RadioItemTitle;exports.RadioItemSubText=d.RadioItemSubText;exports.RadioGroup=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system448.cjs"),t=require("./mainstack-design-system449.cjs"),e=require("./mainstack-design-system450.cjs"),i=require("./mainstack-design-system451.cjs"),a=require("./mainstack-design-system452.cjs"),d=require("./mainstack-design-system453.cjs"),R={Root:o.RadioRoot,Item:t.RadioItem,ItemLabel:e.RadioItemLabel,ItemIndicator:i.RadioItemIndicator,ItemTitle:a.RadioItemTitle,ItemSubtext:d.RadioItemSubText};exports.RadioRoot=o.RadioRoot;exports.RadioItem=t.RadioItem;exports.RadioItemLabel=e.RadioItemLabel;exports.RadioItemIndicator=i.RadioItemIndicator;exports.RadioItemTitle=a.RadioItemTitle;exports.RadioItemSubText=d.RadioItemSubText;exports.RadioGroup=R;