mainstack-design-system 1.3.6 → 1.3.8

package/dist/mainstack-design-system.js

@@ -346,12 +346,12 @@ import { DisplayText as Qd } from "./mainstack-design-system377.js";
 import { HeadlineText as qd } from "./mainstack-design-system378.js";
 import { FileUploaderGroup as Zd } from "./mainstack-design-system25.js";
 import { ImageUploaderGroup as Yd } from "./mainstack-design-system15.js";
-import { DropzoneUploadArea as $d } from "./mainstack-design-system595.js";
+import { DropzoneUploadArea as $d } from "./mainstack-design-system594.js";
 import { CountrySelectGroup as ec } from "./mainstack-design-system379.js";
 import { TableGroup as tc } from "./mainstack-design-system380.js";
 import { Pagination as fc } from "./mainstack-design-system381.js";
 import { Spinner as nc } from "./mainstack-design-system382.js";
-import { cn as lc, formatPriceDigit as xc, generateImageFilePreview as dc, getFileMetadata as cc, sanitizeNumberInputValue as uc, sanitizePriceInputValue as sc } from "./mainstack-design-system589.js";
+import { c as lc, f as xc, g as dc, a as cc, s as uc, b as sc } from "./utils-CFdAYIby.js";
 import { useElementWidth as Ic } from "./mainstack-design-system13.js";
 import { useDisclosure as Cc } from "./mainstack-design-system14.js";
 import { useContainerMatchMedia as Tc } from "./mainstack-design-system383.js";
@@ -386,7 +386,7 @@ import { BannerText as Tu } from "./mainstack-design-system410.js";
 import { BannerContent as bu } from "./mainstack-design-system411.js";
 import { CheckboxRoot as Su } from "./mainstack-design-system412.js";
 import { CheckboxLabel as Du } from "./mainstack-design-system413.js";
-import { CheckboxIndicator as Mu } from "./mainstack-design-system586.js";
+import { CheckboxIndicator as Mu } from "./mainstack-design-system587.js";
 import { CheckboxTitle as wu } from "./mainstack-design-system414.js";
 import { CheckboxSubText as vu } from "./mainstack-design-system415.js";
 import { ChipRoot as Lu } from "./mainstack-design-system416.js";
@@ -407,7 +407,7 @@ import { Input as ms } from "./mainstack-design-system430.js";
 import { InputRoot as xs } from "./mainstack-design-system431.js";
 import { InputField as cs } from "./mainstack-design-system432.js";
 import { PhoneNumberInput as ss } from "./mainstack-design-system433.js";
-import { PhoneNumberDigitField as Is } from "./mainstack-design-system593.js";
+import { PhoneNumberDigitField as Is } from "./mainstack-design-system592.js";
 import { PhoneNumberFields as Cs } from "./mainstack-design-system434.js";
 import { PhoneNumberFlagField as Ts } from "./mainstack-design-system435.js";
 import { PhoneNumberOptions as bs } from "./mainstack-design-system436.js";
@@ -465,8 +465,8 @@ import { TextEditorMenuAction as II } from "./mainstack-design-system486.js";
 import { TextSizesMenu as CI } from "./mainstack-design-system487.js";
 import { UnderlineMenu as TI } from "./mainstack-design-system488.js";
 import { UnorderedListMenu as bI } from "./mainstack-design-system489.js";
-import { TextEditorRoot as SI } from "./mainstack-design-system597.js";
-import { TextEditorField as DI } from "./mainstack-design-system598.js";
+import { TextEditorRoot as SI } from "./mainstack-design-system596.js";
+import { TextEditorField as DI } from "./mainstack-design-system597.js";
 import { TextEditorMenuBar as MI } from "./mainstack-design-system490.js";
 import { TileRoot as wI } from "./mainstack-design-system491.js";
 import { TileMedia as vI } from "./mainstack-design-system492.js";
@@ -480,43 +480,43 @@ import { ToggleTitle as jI } from "./mainstack-design-system499.js";
 import { ToggleRoot as JI } from "./mainstack-design-system500.js";
 import { ToggleLabel as XI } from "./mainstack-design-system501.js";
 import { ToggleSubtext as _I } from "./mainstack-design-system502.js";
-import { ToggleSwitch as og } from "./mainstack-design-system587.js";
+import { ToggleSwitch as og } from "./mainstack-design-system588.js";
 import { toggleVariants as rg } from "./mainstack-design-system503.js";
 import { DateRange as ag } from "./mainstack-design-system504.js";
-import { DateRangeCalendar as pg } from "./mainstack-design-system588.js";
-import { DateRangeMenubar as mg } from "./mainstack-design-system591.js";
-import { DateRangeMenuAction as xg } from "./mainstack-design-system505.js";
-import { DateRangePortal as cg } from "./mainstack-design-system506.js";
-import { DateRangeRoot as sg } from "./mainstack-design-system507.js";
-import { DateRangeTrigger as Ig } from "./mainstack-design-system508.js";
-import { DatePicker as Cg } from "./mainstack-design-system509.js";
-import { DatePickerCalendar as Tg } from "./mainstack-design-system510.js";
-import { DatePickerInputField as bg } from "./mainstack-design-system511.js";
-import { DatePickerPortal as Sg } from "./mainstack-design-system512.js";
-import { DatePickerRoot as Dg } from "./mainstack-design-system513.js";
-import { TimePicker as Mg } from "./mainstack-design-system514.js";
-import { TimePickerCalendar as wg } from "./mainstack-design-system594.js";
-import { TimePickerInputField as vg } from "./mainstack-design-system515.js";
-import { TimePickerPortal as Lg } from "./mainstack-design-system516.js";
-import { TimePickerRoot as Ug } from "./mainstack-design-system517.js";
-import { ResponsivePopoverDrawerClose as Vg } from "./mainstack-design-system518.js";
-import { ResponsivePopoverDrawerContent as Eg } from "./mainstack-design-system599.js";
-import { ResponsivePopoverDrawerOverlay as zg } from "./mainstack-design-system519.js";
-import { ResponsivePopoverDrawerPortal as Kg } from "./mainstack-design-system596.js";
-import { ResponsivePopoverDrawerRoot as jg } from "./mainstack-design-system520.js";
-import { ResponsivePopoverDrawerTrigger as Jg } from "./mainstack-design-system521.js";
-import { ModalBody as Xg } from "./mainstack-design-system522.js";
-import { ModalClose as _g } from "./mainstack-design-system523.js";
-import { ModalContentSlot as oC } from "./mainstack-design-system524.js";
-import { ModalContentHeader as rC } from "./mainstack-design-system525.js";
-import { ModalContentFooter as aC } from "./mainstack-design-system526.js";
-import { ModalContentTitle as pC } from "./mainstack-design-system527.js";
-import { ModalContentMain as mC } from "./mainstack-design-system528.js";
-import { ModalOverlay as xC } from "./mainstack-design-system529.js";
-import { ModalRoot as cC } from "./mainstack-design-system530.js";
-import { ModalTrigger as sC } from "./mainstack-design-system531.js";
-import { ModalPortal as IC } from "./mainstack-design-system532.js";
-import { ModalVisualSlot as CC } from "./mainstack-design-system533.js";
+import { DateRangeCalendar as pg } from "./mainstack-design-system589.js";
+import { DateRangeMenubar as mg } from "./mainstack-design-system505.js";
+import { DateRangeMenuAction as xg } from "./mainstack-design-system506.js";
+import { DateRangePortal as cg } from "./mainstack-design-system507.js";
+import { DateRangeRoot as sg } from "./mainstack-design-system508.js";
+import { DateRangeTrigger as Ig } from "./mainstack-design-system509.js";
+import { DatePicker as Cg } from "./mainstack-design-system510.js";
+import { DatePickerCalendar as Tg } from "./mainstack-design-system511.js";
+import { DatePickerInputField as bg } from "./mainstack-design-system512.js";
+import { DatePickerPortal as Sg } from "./mainstack-design-system513.js";
+import { DatePickerRoot as Dg } from "./mainstack-design-system514.js";
+import { TimePicker as Mg } from "./mainstack-design-system515.js";
+import { TimePickerCalendar as wg } from "./mainstack-design-system593.js";
+import { TimePickerInputField as vg } from "./mainstack-design-system516.js";
+import { TimePickerPortal as Lg } from "./mainstack-design-system517.js";
+import { TimePickerRoot as Ug } from "./mainstack-design-system518.js";
+import { ResponsivePopoverDrawerClose as Vg } from "./mainstack-design-system519.js";
+import { ResponsivePopoverDrawerContent as Eg } from "./mainstack-design-system598.js";
+import { ResponsivePopoverDrawerOverlay as zg } from "./mainstack-design-system520.js";
+import { ResponsivePopoverDrawerPortal as Kg } from "./mainstack-design-system595.js";
+import { ResponsivePopoverDrawerRoot as jg } from "./mainstack-design-system521.js";
+import { ResponsivePopoverDrawerTrigger as Jg } from "./mainstack-design-system522.js";
+import { ModalBody as Xg } from "./mainstack-design-system523.js";
+import { ModalClose as _g } from "./mainstack-design-system524.js";
+import { ModalContentSlot as oC } from "./mainstack-design-system525.js";
+import { ModalContentHeader as rC } from "./mainstack-design-system526.js";
+import { ModalContentFooter as aC } from "./mainstack-design-system527.js";
+import { ModalContentTitle as pC } from "./mainstack-design-system528.js";
+import { ModalContentMain as mC } from "./mainstack-design-system529.js";
+import { ModalOverlay as xC } from "./mainstack-design-system530.js";
+import { ModalRoot as cC } from "./mainstack-design-system531.js";
+import { ModalTrigger as sC } from "./mainstack-design-system532.js";
+import { ModalPortal as IC } from "./mainstack-design-system533.js";
+import { ModalVisualSlot as CC } from "./mainstack-design-system534.js";
 import { FileUploaderRoot as TC } from "./mainstack-design-system26.js";
 import { FileUploaderDropzone as bC } from "./mainstack-design-system32.js";
 import { FileUploaderDropzoneTitle as SC } from "./mainstack-design-system29.js";
@@ -531,26 +531,26 @@ import { ImageUploaderMainPreview as EC } from "./mainstack-design-system20.js";
 import { ImageUploaderMainPreviewActions as zC } from "./mainstack-design-system19.js";
 import { ImageUploaderPreviewItem as KC } from "./mainstack-design-system18.js";
 import { ImageUploaderPreview as jC } from "./mainstack-design-system17.js";
-import { CountrySelect as JC } from "./mainstack-design-system534.js";
-import { CountrySelectRoot as XC } from "./mainstack-design-system535.js";
-import { CountrySelectInputField as _C } from "./mainstack-design-system536.js";
-import { CountrySelectPortal as oP } from "./mainstack-design-system537.js";
-import { CountrySelectOptionsList as rP } from "./mainstack-design-system538.js";
-import { TableRoot as aP } from "./mainstack-design-system539.js";
-import { Table as pP } from "./mainstack-design-system540.js";
-import { TableBody as mP } from "./mainstack-design-system541.js";
-import { TableCell as xP } from "./mainstack-design-system542.js";
-import { TableCellLabel as cP } from "./mainstack-design-system543.js";
-import { TableCellContent as sP } from "./mainstack-design-system544.js";
-import { TableHead as IP } from "./mainstack-design-system545.js";
-import { TableHeader as CP } from "./mainstack-design-system546.js";
-import { TableRow as TP } from "./mainstack-design-system547.js";
-import { TablePagination as bP } from "./mainstack-design-system548.js";
-import { PaginationRoot as SP } from "./mainstack-design-system549.js";
-import { PaginationPrev as DP } from "./mainstack-design-system550.js";
-import { PaginationNext as MP } from "./mainstack-design-system551.js";
-import { PaginationPageButton as wP } from "./mainstack-design-system552.js";
-import { PaginationPageSize as vP } from "./mainstack-design-system553.js";
+import { CountrySelect as JC } from "./mainstack-design-system535.js";
+import { CountrySelectRoot as XC } from "./mainstack-design-system536.js";
+import { CountrySelectInputField as _C } from "./mainstack-design-system537.js";
+import { CountrySelectPortal as oP } from "./mainstack-design-system538.js";
+import { CountrySelectOptionsList as rP } from "./mainstack-design-system539.js";
+import { TableRoot as aP } from "./mainstack-design-system540.js";
+import { Table as pP } from "./mainstack-design-system541.js";
+import { TableBody as mP } from "./mainstack-design-system542.js";
+import { TableCell as xP } from "./mainstack-design-system543.js";
+import { TableCellLabel as cP } from "./mainstack-design-system544.js";
+import { TableCellContent as sP } from "./mainstack-design-system545.js";
+import { TableHead as IP } from "./mainstack-design-system546.js";
+import { TableHeader as CP } from "./mainstack-design-system547.js";
+import { TableRow as TP } from "./mainstack-design-system548.js";
+import { TablePagination as bP } from "./mainstack-design-system549.js";
+import { PaginationRoot as SP } from "./mainstack-design-system550.js";
+import { PaginationPrev as DP } from "./mainstack-design-system551.js";
+import { PaginationNext as MP } from "./mainstack-design-system552.js";
+import { PaginationPageButton as wP } from "./mainstack-design-system553.js";
+import { PaginationPageSize as vP } from "./mainstack-design-system554.js";
 export {
   x as Accordion,
   _c as AccordionContent,

package/dist/mainstack-design-system16.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("react"),j=require("./mainstack-design-system24.cjs"),C=require("./index-C8aODXfJ.cjs"),I=require("./mainstack-design-system589.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-system24.cjs"),C=require("./index-C8aODXfJ.cjs"),I=require("./utils-DRUMSl4z.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-system16.js

@@ -3,7 +3,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { ImageUploaderContext as x } from "./mainstack-design-system24.js";
 import { u as C } from "./index-437EL2iq.js";
-import { cn as h } from "./mainstack-design-system589.js";
+import { c as h } from "./utils-CFdAYIby.js";
 const P = ({
   values: r,
   onValuesChange: t,
@@ -15,28 +15,28 @@ const P = ({
   onError: m,
   children: i,
   className: g,
-  ...d
+  ...s
 }) => {
-  const [s, v] = C({
+  const [d, c] = C({
     prop: r,
     defaultProp: e,
     onChange: t
-  }), [c, f] = u(
+  }), [v, f] = u(
     e ? e[0] : null
   );
   return /* @__PURE__ */ a(
     x.Provider,
     {
       value: {
-        values: s,
+        values: d,
         defaultValues: e,
-        mainPreviewFile: c,
+        mainPreviewFile: v,
         isDisabled: o,
         accept: l,
         maxFiles: n,
         maxSize: p,
         setMainPreviewFile: f,
-        onValuesChange: v,
+        onValuesChange: c,
         onError: m
       },
       children: /* @__PURE__ */ a(
@@ -49,7 +49,7 @@ const P = ({
             "relative flex flex-col gap-12 body-font-family",
             g
           ),
-          ...d,
+          ...s,
           children: i
         }
       )

package/dist/mainstack-design-system17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./mainstack-design-system589.cjs"),c=require("./mainstack-design-system18.cjs"),p=require("./mainstack-design-system24.cjs"),o=({children:l,className:t,...i})=>{const{values:e,mainPreviewFile:s,maxFiles:r,setMainPreviewFile:n}=p.useImageUploaderContext(),d=r&&e?.length>0?e?.length<r:!0;return a.jsxs("div",{role:"list","data-slot":"image-uploader-preview",className:m.cn("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("./utils-DRUMSl4z.cjs"),c=require("./mainstack-design-system18.cjs"),p=require("./mainstack-design-system24.cjs"),o=({children:l,className:t,...i})=>{const{values:e,mainPreviewFile:s,maxFiles:r,setMainPreviewFile:n}=p.useImageUploaderContext(),d=r&&e?.length>0?e?.length<r:!0;return a.jsxs("div",{role:"list","data-slot":"image-uploader-preview",className:m.cn("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-system17.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { cn as p } from "./mainstack-design-system589.js";
+import { c as p } from "./utils-CFdAYIby.js";
 import { ImageUploaderPreviewItem as d } from "./mainstack-design-system18.js";
 import { useImageUploaderContext as c } from "./mainstack-design-system24.js";
 const g = ({

package/dist/mainstack-design-system18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),c=require("./mainstack-design-system589.cjs");require("./mainstack-design-system355.cjs");const R=require("./mainstack-design-system53.cjs"),M=require("./mainstack-design-system223.cjs"),S=require("./mainstack-design-system239.cjs"),B=require("./mainstack-design-system284.cjs"),A=require("./mainstack-design-system24.cjs"),F=require("./mainstack-design-system595.cjs"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system384.cjs"),C=require("./mainstack-design-system385.cjs"),m=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const q=({className:j,children:b,previewImgSrc:p,previewId:o,isPlaceholder:y,onClick:z,...N})=>{const{values:r,maxFiles:h,accept:k,maxSize:U,onValuesChange:l,onError:v,setMainPreviewFile:n,mainPreviewFile:s}=A.useImageUploaderContext(),[D,I]=_.useState(!1),x=s?.id===o,P=_.useCallback(()=>{const t=[...r],a=t.findIndex(i=>i.id===o),f=s?.id===o;a>-1&&(t.splice(a,1),l(t),f&&n(t[0]||null))},[l,o,n,r,s]),O=_.useCallback(async t=>{const a=h||0,f=Math.max(0,a-r.length),i=t.slice(0,f);if(!(i.length===0||i.length>=a))try{const g=await c.generateImageFilePreview(i),w=[...r,...g];l(w),s||n(w[0]||null)}catch(g){v&&v(g)}},[s,h,l,n,r,v]);return b||(y?e.jsx(F.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",j),onClick:z,...N,children:e.jsx(R,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":x,className:c.cn("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"),children:[e.jsx("img",{className:c.cn("object-cover h-full w-full ",j),src:p,alt:`Image uploaded with id ${o}`,onClick:()=>{x||n({id:o,previewSrc:p})}}),x?e.jsx(m.ButtonRoot,{className:"absolute top-4 right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>{t.stopPropagation(),P()},children:e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-16 text-interactive-error"})})}):e.jsxs(u.Popover,{open:D,onOpenChange:I,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(M,{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}),I(!1)},size:"xs",variant:"ghost",children:[e.jsx(d.ButtonIcon,{children:e.jsx(S,{className:"size-20"})}),e.jsx(C.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(m.ButtonRoot,{className:"justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-20 text-interactive-error"})}),e.jsx(C.ButtonLabel,{className:" text-interactive-error",children:"Delete"})]})]})})]})]}))};q.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),c=require("./utils-DRUMSl4z.cjs");require("./mainstack-design-system355.cjs");const R=require("./mainstack-design-system53.cjs"),M=require("./mainstack-design-system223.cjs"),S=require("./mainstack-design-system239.cjs"),B=require("./mainstack-design-system284.cjs"),A=require("./mainstack-design-system24.cjs"),F=require("./mainstack-design-system594.cjs"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system384.cjs"),C=require("./mainstack-design-system385.cjs"),m=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const q=({className:j,children:b,previewImgSrc:p,previewId:o,isPlaceholder:y,onClick:z,...N})=>{const{values:r,maxFiles:h,accept:k,maxSize:U,onValuesChange:l,onError:v,setMainPreviewFile:n,mainPreviewFile:s}=A.useImageUploaderContext(),[D,I]=_.useState(!1),x=s?.id===o,P=_.useCallback(()=>{const t=[...r],a=t.findIndex(i=>i.id===o),f=s?.id===o;a>-1&&(t.splice(a,1),l(t),f&&n(t[0]||null))},[l,o,n,r,s]),O=_.useCallback(async t=>{const a=h||0,f=Math.max(0,a-r.length),i=t.slice(0,f);if(!(i.length===0||i.length>=a))try{const g=await c.generateImageFilePreview(i),w=[...r,...g];l(w),s||n(w[0]||null)}catch(g){v&&v(g)}},[s,h,l,n,r,v]);return b||(y?e.jsx(F.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",j),onClick:z,...N,children:e.jsx(R,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":x,className:c.cn("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"),children:[e.jsx("img",{className:c.cn("object-cover h-full w-full ",j),src:p,alt:`Image uploaded with id ${o}`,onClick:()=>{x||n({id:o,previewSrc:p})}}),x?e.jsx(m.ButtonRoot,{className:"absolute top-4 right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:t=>{t.stopPropagation(),P()},children:e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-16 text-interactive-error"})})}):e.jsxs(u.Popover,{open:D,onOpenChange:I,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(M,{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}),I(!1)},size:"xs",variant:"ghost",children:[e.jsx(d.ButtonIcon,{children:e.jsx(S,{className:"size-20"})}),e.jsx(C.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(m.ButtonRoot,{className:"justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(d.ButtonIcon,{children:e.jsx(B,{className:"size-20 text-interactive-error"})}),e.jsx(C.ButtonLabel,{className:" text-interactive-error",children:"Delete"})]})]})})]})]}))};q.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=q;

package/dist/mainstack-design-system18.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as M, useCallback as N } from "react";
-import { generateImageFilePreview as U, cn as d } from "./mainstack-design-system589.js";
+import { g as U, c as d } from "./utils-CFdAYIby.js";
 import "./mainstack-design-system355.js";
 import A from "./mainstack-design-system53.js";
 import H from "./mainstack-design-system223.js";
 import S from "./mainstack-design-system239.js";
 import y from "./mainstack-design-system284.js";
 import { useImageUploaderContext as T } from "./mainstack-design-system24.js";
-import { DropzoneUploadArea as E } from "./mainstack-design-system595.js";
+import { DropzoneUploadArea as E } from "./mainstack-design-system594.js";
 import { P as L, a as R, b as V, c as $ } from "./index-RoCFhqzC.js";
 import { ButtonIcon as m } from "./mainstack-design-system384.js";
 import { ButtonLabel as k } from "./mainstack-design-system385.js";
@@ -23,36 +23,36 @@ const q = ({
   ...I
 }) => {
   const {
-    values: i,
+    values: a,
     maxFiles: f,
     accept: O,
     maxSize: j,
     onValuesChange: c,
     onError: h,
     setMainPreviewFile: o,
-    mainPreviewFile: a
-  } = T(), [B, w] = M(!1), v = a?.id === t, C = N(() => {
-    const r = [...i], n = r.findIndex((s) => s.id === t), g = a?.id === t;
+    mainPreviewFile: i
+  } = T(), [B, w] = M(!1), v = i?.id === t, C = N(() => {
+    const r = [...a], n = r.findIndex((s) => s.id === t), g = i?.id === t;
     n > -1 && (r.splice(n, 1), c(r), g && o(r[0] || null));
-  }, [c, t, o, i, a]), F = N(
+  }, [c, t, o, a, i]), F = N(
     async (r) => {
-      const n = f || 0, g = Math.max(0, n - i.length), s = r.slice(0, g);
+      const n = f || 0, g = Math.max(0, n - a.length), s = r.slice(0, g);
       if (!(s.length === 0 || s.length >= n))
         try {
           const x = await U(
             s
-          ), z = [...i, ...x];
-          c(z), a || o(z[0] || null);
+          ), z = [...a, ...x];
+          c(z), i || o(z[0] || null);
         } catch (x) {
           h && h(x);
         }
     },
     [
-      a,
+      i,
       f,
       c,
       o,
-      i,
+      a,
       h
     ]
   );

package/dist/mainstack-design-system19.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),a=require("./mainstack-design-system589.cjs"),i=require("./mainstack-design-system384.cjs"),c=require("./mainstack-design-system385.cjs"),l=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system355.cjs");const v=require("./mainstack-design-system107.cjs"),B=require("./mainstack-design-system129.cjs"),h=require("./mainstack-design-system24.cjs"),b=require("./mainstack-design-system595.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("./utils-DRUMSl4z.cjs"),i=require("./mainstack-design-system384.cjs"),c=require("./mainstack-design-system385.cjs"),l=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system355.cjs");const v=require("./mainstack-design-system107.cjs"),B=require("./mainstack-design-system129.cjs"),h=require("./mainstack-design-system24.cjs"),b=require("./mainstack-design-system594.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-system19.js

@@ -1,39 +1,39 @@
 '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-system589.js";
+import { g as I, c as w } from "./utils-CFdAYIby.js";
 import { ButtonIcon as m } from "./mainstack-design-system384.js";
-import { ButtonLabel as l } from "./mainstack-design-system385.js";
-import { ButtonRoot as s } from "./mainstack-design-system386.js";
+import { ButtonLabel as s } from "./mainstack-design-system385.js";
+import { ButtonRoot as c } from "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
 import "./mainstack-design-system355.js";
 import C from "./mainstack-design-system107.js";
 import U from "./mainstack-design-system129.js";
 import { useImageUploaderContext as b } from "./mainstack-design-system24.js";
-import { DropzoneUploadArea as z } from "./mainstack-design-system595.js";
+import { DropzoneUploadArea as z } from "./mainstack-design-system594.js";
 const D = ({
-  className: c,
+  className: l,
   onLibrarySelect: d,
-  children: i,
+  children: a,
   ...p
 }) => {
   const {
     accept: f,
     maxFiles: u,
     maxSize: g,
-    onValuesChange: a,
+    onValuesChange: i,
     onError: o,
     setMainPreviewFile: n
   } = b(), h = y(
     async (v) => {
       try {
         const r = await I(v);
-        a(r), n(r[0]);
+        i(r), n(r[0]);
       } catch (r) {
         o && o(r);
       }
     },
-    [a, n, o]
+    [i, n, o]
   );
   return /* @__PURE__ */ e(
     "div",
@@ -41,10 +41,10 @@ const D = ({
       "data-slot": "image-uploader-dropzone-actions",
       className: w(
         "flex absolute left-1/2 -translate-x-1/2 bottom-24 justify-center items-center gap-8",
-        c
+        l
       ),
       ...p,
-      children: i || /* @__PURE__ */ t(x, { children: [
+      children: a || /* @__PURE__ */ t(x, { children: [
         /* @__PURE__ */ e(
           z,
           {
@@ -54,14 +54,14 @@ const D = ({
             maxSize: g,
             noDrag: !0,
             asChild: !0,
-            children: /* @__PURE__ */ t(s, { variant: "secondary", rounded: "sm", size: "xs", children: [
+            children: /* @__PURE__ */ t(c, { variant: "secondary", rounded: "sm", size: "xs", children: [
               /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(U, {}) }),
-              /* @__PURE__ */ e(l, { children: "Upload from device" })
+              /* @__PURE__ */ e(s, { children: "Upload from device" })
             ] })
           }
         ),
         /* @__PURE__ */ t(
-          s,
+          c,
           {
             variant: "secondary",
             size: "xs",
@@ -69,7 +69,7 @@ const D = ({
             onClick: d,
             children: [
               /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(C, {}) }),
-              /* @__PURE__ */ e(l, { children: "Select from library" })
+              /* @__PURE__ */ e(s, { children: "Select from library" })
             ]
           }
         )

package/dist/mainstack-design-system20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const m=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system284.cjs"),g=require("./mainstack-design-system589.cjs"),b=require("./mainstack-design-system24.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]||null))},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-system384.cjs");require("./mainstack-design-system385.cjs");const m=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system284.cjs"),g=require("./utils-DRUMSl4z.cjs"),b=require("./mainstack-design-system24.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]||null))},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-system20.js

@@ -5,7 +5,7 @@ import { ButtonRoot as v } from "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
 import "./mainstack-design-system355.js";
 import g from "./mainstack-design-system284.js";
-import { cn as f } from "./mainstack-design-system589.js";
+import { c as f } from "./utils-CFdAYIby.js";
 import { useImageUploaderContext as h } from "./mainstack-design-system24.js";
 const w = ({
   className: t,

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-system589.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("./utils-DRUMSl4z.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-system21.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as a } from "./mainstack-design-system589.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as r } from "./utils-CFdAYIby.js";
 const m = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "h5",
   {
     "data-slot": "image-uploader-dropzone-title",
-    className: a("body-small-medium text-primary", e),
+    className: r("body-small-medium text-primary", e),
     ...o
   }
 );

package/dist/mainstack-design-system22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("./mainstack-design-system589.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("./utils-DRUMSl4z.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-system22.js

@@ -1,13 +1,13 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as a } from "./mainstack-design-system589.js";
+import { jsx as a } from "react/jsx-runtime";
+import { c as r } from "./utils-CFdAYIby.js";
 const t = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "p",
   {
     "data-slot": "image-uploader-dropzoneSubtext",
-    className: a("body-extrasmall-regular text-secondary", e),
+    className: r("body-extrasmall-regular text-secondary", e),
     ...o
   }
 );

package/dist/mainstack-design-system23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("react"),n=require("./mainstack-design-system589.cjs"),_=require("./mainstack-design-system595.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.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("./utils-DRUMSl4z.cjs"),_=require("./mainstack-design-system594.cjs"),I=require("./mainstack-design-system24.cjs");require("./mainstack-design-system355.cjs");const f=require("./mainstack-design-system53.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-system23.js

@@ -1,18 +1,18 @@
 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-system589.js";
-import { DropzoneUploadArea as h } from "./mainstack-design-system595.js";
+import { g as x, c as u } from "./utils-CFdAYIby.js";
+import { DropzoneUploadArea as h } from "./mainstack-design-system594.js";
 import { useImageUploaderContext as v } from "./mainstack-design-system24.js";
 import "./mainstack-design-system355.js";
 import z from "./mainstack-design-system53.js";
 const I = ({
-  className: a,
+  className: t,
   children: i,
   ...n
 }) => {
   const {
     onValuesChange: o,
-    setMainPreviewFile: t,
+    setMainPreviewFile: a,
     accept: l,
     maxSize: m,
     maxFiles: p,
@@ -21,12 +21,12 @@ const I = ({
     async (c) => {
       try {
         const e = await x(c);
-        o(e), t(e[0]);
+        o(e), a(e[0]);
       } catch (e) {
         r && r(e);
       }
     },
-    [o, t, r]
+    [o, a, r]
   );
   return /* @__PURE__ */ d(
     h,
@@ -34,7 +34,7 @@ const I = ({
       "data-slot": "image-uploader-dropzone-content",
       className: u(
         "flex relative flex-col items-center gap-8 justify-center p-24 text-center h-full",
-        a
+        t
       ),
       onDrop: s,
       accept: l,

package/dist/mainstack-design-system26.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),F=require("./mainstack-design-system33.cjs"),U=require("./index-C8aODXfJ.cjs"),h=require("./mainstack-design-system589.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-system33.cjs"),U=require("./index-C8aODXfJ.cjs"),h=require("./utils-DRUMSl4z.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-system26.js

@@ -1,9 +1,9 @@
 'use client';
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { FileUploaderContext as g } from "./mainstack-design-system33.js";
 import { u as y } from "./index-437EL2iq.js";
-import { cn as z } from "./mainstack-design-system589.js";
-import a from "react";
+import { c as z } from "./utils-CFdAYIby.js";
+import l from "react";
 const F = ({
   values: n,
   onValuesChange: i,
@@ -22,8 +22,8 @@ const F = ({
     prop: n,
     defaultProp: r,
     onChange: i
-  }), h = !m && t.length > 0, v = a.Children.map(u, (e) => a.isValidElement(e) && e.type?.displayName === "FileUploaderDropzone" && h ? null : e);
-  return /* @__PURE__ */ l(
+  }), h = !m && t.length > 0, v = l.Children.map(u, (e) => l.isValidElement(e) && e.type?.displayName === "FileUploaderDropzone" && h ? null : e);
+  return /* @__PURE__ */ a(
     g.Provider,
     {
       value: {
@@ -36,7 +36,7 @@ const F = ({
         onValuesChange: C,
         onError: f
       },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ a(
         "div",
         {
           "data-disabled": o,

package/dist/mainstack-design-system27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),y=require("./mainstack-design-system589.cjs"),h=require("./mainstack-design-system33.cjs"),f=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const j=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system355.cjs");const v=require("./mainstack-design-system284.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("./utils-DRUMSl4z.cjs"),h=require("./mainstack-design-system33.cjs"),f=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const j=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system355.cjs");const v=require("./mainstack-design-system284.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;