mainstack-design-system 1.16.0 → 1.16.2

package/dist/mainstack-design-system24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),c=require("./utils-Dp-J9Ksy.cjs"),_=require("./mainstack-design-system629.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-BoD_1Mo-.cjs");const d=({className:p,children:u,...g})=>{const{onValuesChange:i,setMainPreviewFile:l,accept:x,maxSize:a,maxFiles:t,onError:e}=z.useImageUploaderContext(),f=y.useCallback(async(I,n)=>{if(n.length>0&&e){if(n.some(r=>r.errors.some(s=>s.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return n.some(r=>r.errors.some(s=>s.code==="too-many-files"))?e(new Error(`You can only upload a maximum of ${t} images.`)):e(new Error("Invalid image type or criteria."))}try{const o=await c.generateImageFilePreview(I);i(o),l(o[0])}catch(o){e&&e(o)}},[i,l,e,t,a]);return m.jsxs(_.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:c.cn("mds:flex mds:relative mds:flex-col mds:items-center mds:gap-8 mds:justify-center mds:p-24 mds:text-center mds:h-full",p),onDrop:f,accept:x,maxFiles:t,maxSize:a,asChild:!0,...g,children:[m.jsx(h,{variant:"filled"}),u]})};d.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),c=require("./utils-s-0cOrOT.cjs"),_=require("./mainstack-design-system629.cjs"),z=require("./mainstack-design-system25.cjs");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system55.cjs");require("./player-CocaNyQC.cjs");const d=({className:p,children:u,...g})=>{const{onValuesChange:i,setMainPreviewFile:l,accept:x,maxSize:a,maxFiles:t,onError:e}=z.useImageUploaderContext(),f=y.useCallback(async(I,n)=>{if(n.length>0&&e){if(n.some(r=>r.errors.some(s=>s.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return n.some(r=>r.errors.some(s=>s.code==="too-many-files"))?e(new Error(`You can only upload a maximum of ${t} images.`)):e(new Error("Invalid image type or criteria."))}try{const o=await c.generateImageFilePreview(I);i(o),l(o[0])}catch(o){e&&e(o)}},[i,l,e,t,a]);return m.jsxs(_.DropzoneUploadArea,{"data-slot":"image-uploader-dropzone-content",className:c.cn("mds:flex mds:relative mds:flex-col mds:items-center mds:gap-8 mds:justify-center mds:p-24 mds:text-center mds:h-full",p),onDrop:f,accept:x,maxFiles:t,maxSize:a,asChild:!0,...g,children:[m.jsx(h,{variant:"filled"}),u]})};d.displayName="ImageUploaderDropzone";exports.ImageUploaderDropzone=d;

package/dist/mainstack-design-system24.js

@@ -1,11 +1,11 @@
 import { jsxs as u, jsx as x } from "react/jsx-runtime";
 import { useCallback as y } from "react";
-import { g as h, c as I } from "./utils-BWBRqOem.js";
+import { g as h, c as I } from "./utils-Z5JtG_Bc.js";
 import { DropzoneUploadArea as w } from "./mainstack-design-system629.js";
 import { useImageUploaderContext as z } from "./mainstack-design-system25.js";
 import "./mainstack-design-system366.js";
 import v from "./mainstack-design-system55.js";
-import "./player-DtDfxekb.js";
+import "./player-Chgv-hOU.js";
 const M = ({
   className: l,
   children: d,

package/dist/mainstack-design-system27.cjs

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

package/dist/mainstack-design-system27.js

@@ -1,73 +1,76 @@
 'use client';
-import { jsx as p } from "react/jsx-runtime";
-import { FileUploaderContext as N } from "./mainstack-design-system35.js";
-import { u as R } from "./index-437EL2iq.js";
-import { c as V } from "./utils-BWBRqOem.js";
-import m, { useState as A, useCallback as c } from "react";
-const D = ({
-  values: u,
-  onValuesChange: f,
+import { jsx as m } from "react/jsx-runtime";
+import { FileUploaderContext as V } from "./mainstack-design-system35.js";
+import { u as A } from "./index-437EL2iq.js";
+import { c as D } from "./utils-Z5JtG_Bc.js";
+import c, { useState as E, useCallback as u } from "react";
+const P = ({
+  values: f,
+  onValuesChange: C,
   defaultValues: n = [],
   isDisabled: e,
-  accept: C = { "file/*": [".pdf", ".txt", ".docx"] },
-  maxFiles: s = 4,
-  maxSize: g,
-  multiple: l = !0,
+  accept: g = { "file/*": [".pdf", ".txt", ".docx"] },
+  maxFiles: l = 4,
+  maxSize: h,
+  multiple: s = !0,
   onError: r,
-  children: h,
-  className: v,
-  ...y
+  children: v,
+  className: y,
+  isError: d,
+  ...x
 }) => {
-  const [t, d] = R({
-    prop: u,
+  const [t, i] = A({
+    prop: f,
     defaultProp: n,
-    onChange: f
-  }), [x, a] = A(null), z = c(
+    onChange: C
+  }), [z, a] = E(null), U = u(
     (o) => {
-      a(null), d(o);
+      a(null), i(o);
     },
-    [d]
-  ), U = c(
+    [i]
+  ), b = u(
     (o) => {
-      const i = o instanceof Error ? o.message : "An error occurred";
-      a(i), r && r(o);
+      const p = o instanceof Error ? o.message : "An error occurred";
+      a(p), r && r(o);
     },
     [r]
-  ), b = !l || t.length >= s, E = t.length > 0 && b, F = m.Children.map(h, (o) => m.isValidElement(o) && o.type?.displayName === "FileUploaderDropzone" && E ? null : o);
-  return /* @__PURE__ */ p(
-    N.Provider,
+  ), F = !s || t.length >= l, N = t.length > 0 && F, R = c.Children.map(v, (o) => c.isValidElement(o) && o.type?.displayName === "FileUploaderDropzone" && N ? null : o);
+  return /* @__PURE__ */ m(
+    V.Provider,
     {
       value: {
         values: t,
         defaultValues: n,
         isDisabled: e,
-        accept: C,
-        maxFiles: s,
-        maxSize: g,
-        multiple: l,
-        error: x,
+        accept: g,
+        maxFiles: l,
+        maxSize: h,
+        multiple: s,
+        error: z,
         setError: a,
-        onValuesChange: z,
-        onError: U
+        onValuesChange: U,
+        onError: b,
+        isError: d
       },
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ m(
         "div",
         {
           "data-disabled": e,
           "aria-disabled": e,
+          "data-error": d,
           "data-slot": "file-uploader-root",
-          className: V(
+          className: D(
             "mds:relative mds:flex mds:flex-col mds:gap-12 mds:body-font-family",
-            v
+            y
           ),
-          ...y,
-          children: F
+          ...x,
+          children: R
         }
       )
     }
   );
 };
-D.displayName = "FileUploaderRoot";
+P.displayName = "FileUploaderRoot";
 export {
-  D as FileUploaderRoot
+  P as FileUploaderRoot
 };

package/dist/mainstack-design-system28.cjs

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

package/dist/mainstack-design-system28.js

@@ -1,15 +1,15 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useCallback as f } from "react";
-import { c as x } from "./utils-BWBRqOem.js";
+import { c as x } from "./utils-Z5JtG_Bc.js";
 import { useFileUploaderContext as h } from "./mainstack-design-system35.js";
-import { ButtonIcon as y } from "./mainstack-design-system400.js";
-import "./mainstack-design-system401.js";
-import { ButtonRoot as w } from "./mainstack-design-system402.js";
-import "./mainstack-design-system403.js";
+import { ButtonIcon as y } from "./mainstack-design-system401.js";
+import "./mainstack-design-system402.js";
+import { ButtonRoot as w } from "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
+import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
 import v from "./mainstack-design-system286.js";
-import "./player-DtDfxekb.js";
+import "./player-Chgv-hOU.js";
 const N = ({
   children: d,
   className: l,

package/dist/mainstack-design-system29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-Dp-J9Ksy.cjs"),a=require("./mainstack-design-system35.cjs"),n=require("./mainstack-design-system388.cjs"),o=({children:s,className:t,...r})=>{const{values:e,multiple:i}=a.useFileUploaderContext();return l.jsxs("div",{role:"list","data-slot":"file-uploader-preview",className:d.cn("mds:flex mds:flex-col mds:gap-12",t),...r,children:[i&&e.length>0&&l.jsx(n.BodyText,{size:"extrasmall",weight:"medium",className:"mds:mt-12  mds:mb-4",children:"Uploads"}),s({values:e})]})};o.displayName="FileUploaderPreview";exports.FileUploaderPreview=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("./utils-s-0cOrOT.cjs"),a=require("./mainstack-design-system35.cjs"),n=require("./mainstack-design-system388.cjs"),o=({children:s,className:t,...r})=>{const{values:e,multiple:i}=a.useFileUploaderContext();return l.jsxs("div",{role:"list","data-slot":"file-uploader-preview",className:d.cn("mds:flex mds:flex-col mds:gap-12",t),...r,children:[i&&e.length>0&&l.jsx(n.BodyText,{size:"extrasmall",weight:"medium",className:"mds:mt-12  mds:mb-4",children:"Uploads"}),s({values:e})]})};o.displayName="FileUploaderPreview";exports.FileUploaderPreview=o;

package/dist/mainstack-design-system29.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { c as t } from "./utils-BWBRqOem.js";
+import { c as t } from "./utils-Z5JtG_Bc.js";
 import { useFileUploaderContext as a } from "./mainstack-design-system35.js";
 import { BodyText as d } from "./mainstack-design-system388.js";
 const p = ({

package/dist/mainstack-design-system30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system440.cjs");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");const o=require("./mainstack-design-system443.cjs");require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system366.cjs");require("react");require("./player-BoD_1Mo-.cjs");const t=require("./mainstack-design-system35.cjs"),u=()=>{const{error:r}=t.useFileUploaderContext();return r?e.jsx(o.FormErrorStatus,{className:"mds:mt-8",children:r}):null};exports.FileUploaderError=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("./mainstack-design-system441.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");const o=require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system398.cjs");require("./mainstack-design-system366.cjs");require("react");require("./player-CocaNyQC.cjs");const t=require("./mainstack-design-system35.cjs"),u=()=>{const{error:r}=t.useFileUploaderContext();return r?e.jsx(o.FormErrorStatus,{className:"mds:mt-8",children:r}):null};exports.FileUploaderError=u;

package/dist/mainstack-design-system30.js

@@ -1,20 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import "./mainstack-design-system440.js";
 import "./mainstack-design-system441.js";
 import "./mainstack-design-system442.js";
-import { FormErrorStatus as t } from "./mainstack-design-system443.js";
-import "./mainstack-design-system444.js";
+import "./mainstack-design-system443.js";
+import { FormErrorStatus as t } from "./mainstack-design-system444.js";
 import "./mainstack-design-system445.js";
 import "./mainstack-design-system446.js";
 import "./mainstack-design-system447.js";
+import "./mainstack-design-system448.js";
+import "./mainstack-design-system398.js";
 import "./mainstack-design-system366.js";
 import "react";
-import "./player-DtDfxekb.js";
+import "./player-Chgv-hOU.js";
 import { useFileUploaderContext as m } from "./mainstack-design-system35.js";
-const E = () => {
+const U = () => {
   const { error: r } = m();
   return r ? /* @__PURE__ */ o(t, { className: "mds:mt-8", children: r }) : null;
 };
 export {
-  E as FileUploaderError
+  U as FileUploaderError
 };

package/dist/mainstack-design-system31.cjs

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

package/dist/mainstack-design-system31.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as l } from "./utils-BWBRqOem.js";
+import { c as l } from "./utils-Z5JtG_Bc.js";
 const m = ({
   className: e,
   ...o

package/dist/mainstack-design-system32.cjs

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

package/dist/mainstack-design-system32.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as t } from "./utils-BWBRqOem.js";
+import { c as t } from "./utils-Z5JtG_Bc.js";
 const a = ({
   className: e,
   ...o

package/dist/mainstack-design-system33.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system400.cjs"),n=require("./mainstack-design-system401.cjs"),t=require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-BoD_1Mo-.cjs");const a=require("./utils-Dp-J9Ksy.cjs"),r=({className:s,children:i,onLibrarySelect:c,...u})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("mds:flex mds:justify-center mds:items-center mds:gap-8 mds:mt-16",s),...u,children:i||e.jsxs(e.Fragment,{children:[e.jsxs(t.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(o.ButtonIcon,{children:e.jsx(d,{})}),e.jsx(n.ButtonLabel,{children:"Upload from device"})]}),e.jsxs(t.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:c,children:[e.jsx(o.ButtonIcon,{children:e.jsx(l,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system401.cjs"),n=require("./mainstack-design-system402.cjs"),t=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system109.cjs"),d=require("./mainstack-design-system131.cjs");require("react");require("./player-CocaNyQC.cjs");const a=require("./utils-s-0cOrOT.cjs"),r=({className:s,children:i,onLibrarySelect:c,...u})=>e.jsx("div",{"data-slot":"file-uploader-dropzone-actions",className:a.cn("mds:flex mds:justify-center mds:items-center mds:gap-8 mds:mt-16",s),...u,children:i||e.jsxs(e.Fragment,{children:[e.jsxs(t.ButtonRoot,{variant:"secondary",rounded:"sm",size:"xs",children:[e.jsx(o.ButtonIcon,{children:e.jsx(d,{})}),e.jsx(n.ButtonLabel,{children:"Upload from device"})]}),e.jsxs(t.ButtonRoot,{variant:"secondary",size:"xs",rounded:"sm",onClick:c,children:[e.jsx(o.ButtonIcon,{children:e.jsx(l,{})}),e.jsx(n.ButtonLabel,{children:"Select from library"})]})]})});r.displayName="FileUploaderDropzoneActions";exports.FileUploaderDropzoneActions=r;

package/dist/mainstack-design-system33.js

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as o, jsxs as r, Fragment as c } from "react/jsx-runtime";
-import { ButtonIcon as e } from "./mainstack-design-system400.js";
-import { ButtonLabel as i } from "./mainstack-design-system401.js";
-import { ButtonRoot as t } from "./mainstack-design-system402.js";
-import "./mainstack-design-system403.js";
+import { ButtonIcon as e } from "./mainstack-design-system401.js";
+import { ButtonLabel as i } from "./mainstack-design-system402.js";
+import { ButtonRoot as t } from "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
+import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
 import l from "./mainstack-design-system109.js";
 import a from "./mainstack-design-system131.js";
 import "react";
-import "./player-DtDfxekb.js";
-import { c as p } from "./utils-BWBRqOem.js";
+import "./player-Chgv-hOU.js";
+import { c as p } from "./utils-Z5JtG_Bc.js";
 const f = ({
   className: m,
   children: n,

package/dist/mainstack-design-system34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),q=require("react"),f=require("./utils-Dp-J9Ksy.cjs"),U=require("./mainstack-design-system629.cjs"),w=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-BoD_1Mo-.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:a,maxFiles:o,onError:e}=w.useFileUploaderContext(),z=q.useCallback(async(s,i)=>{const x=t.length,u=(o||0)-x;if(s.length>u||i.length>0){if(e){if(s.length>u||i.some(r=>r.errors.some(n=>n.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(n=>n.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return e(new Error("Invalid image type or criteria."))}return}try{const r=(await f.getFileMetadata(s)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),y=[...t,...r].slice(0,o);m(y)}catch(d){e&&e(d)}},[m,e,t,o,a]);return p.jsxs(U.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",b),onDrop:z,accept:_,maxFiles:o,maxSize:a,asChild:!0,...h,children:[p.jsx(C,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),U=require("react"),f=require("./utils-s-0cOrOT.cjs"),w=require("./mainstack-design-system629.cjs"),C=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const D=require("./mainstack-design-system55.cjs");require("./player-CocaNyQC.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:a,maxFiles:o,onError:e,isError:z}=C.useFileUploaderContext(),x=U.useCallback(async(n,i)=>{const y=t.length,u=(o||0)-y;if(n.length>u||i.length>0){if(e){if(n.length>u||i.some(r=>r.errors.some(s=>s.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(s=>s.code==="file-too-large"))){const r=a?(a/1048576).toFixed(0):"0";return e(new Error(`Image size exceeds the ${r}MB limit.`))}return e(new Error("Invalid image type or criteria."))}return}try{const r=(await f.getFileMetadata(n)).filter(l=>!t.some(c=>c.fileName===l.fileName&&c.fileSize===l.fileSize&&c.lastModified===l.lastModified)),q=[...t,...r].slice(0,o);m(q)}catch(d){e&&e(d)}},[m,e,t,o,a]);return p.jsxs(w.DropzoneUploadArea,{"data-slot":"file-uploader-dropzone-content",className:f.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",z&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",b),onDrop:x,accept:_,maxFiles:o,maxSize:a,asChild:!0,...h,children:[p.jsx(D,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;

package/dist/mainstack-design-system34.js

@@ -1,19 +1,27 @@
-import { jsxs as z, jsx as y } from "react/jsx-runtime";
-import { useCallback as w } from "react";
-import { a as C, c as M } from "./utils-BWBRqOem.js";
+import { jsxs as y, jsx as w } from "react/jsx-runtime";
+import { useCallback as C } from "react";
+import { a as E, c as M } from "./utils-Z5JtG_Bc.js";
 import { DropzoneUploadArea as N } from "./mainstack-design-system629.js";
 import { useFileUploaderContext as D } from "./mainstack-design-system35.js";
 import "./mainstack-design-system366.js";
-import E from "./mainstack-design-system55.js";
-import "./player-DtDfxekb.js";
-const I = ({
+import I from "./mainstack-design-system55.js";
+import "./player-Chgv-hOU.js";
+const S = ({
   className: f,
   children: p,
   ...g
 }) => {
-  const { values: t, onValuesChange: c, accept: h, maxSize: a, maxFiles: o, onError: e } = D(), v = w(
+  const {
+    values: t,
+    onValuesChange: c,
+    accept: b,
+    maxSize: a,
+    maxFiles: o,
+    onError: e,
+    isError: h
+  } = D(), v = C(
     async (i, n) => {
-      const b = t.length, u = (o || 0) - b;
+      const x = t.length, u = (o || 0) - x;
       if (i.length > u || n.length > 0) {
         if (e) {
           if (i.length > u || n.some(
@@ -37,40 +45,41 @@ const I = ({
         return;
       }
       try {
-        const r = (await C(i)).filter(
+        const r = (await E(i)).filter(
           (m) => !t.some(
             (l) => l.fileName === m.fileName && l.fileSize === m.fileSize && l.lastModified === m.lastModified
           )
-        ), x = [...t, ...r].slice(0, o);
-        c(x);
+        ), z = [...t, ...r].slice(0, o);
+        c(z);
       } catch (d) {
         e && e(d);
       }
     },
     [c, e, t, o, a]
   );
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ y(
     N,
     {
       "data-slot": "file-uploader-dropzone-content",
       className: M(
         "mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:data-[active-preview=true]:overflow-hidden mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-neutral mds:active:ring-2 mds:active:ring-border-interactive-neutral-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",
+        h && "mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",
         f
       ),
       onDrop: v,
-      accept: h,
+      accept: b,
       maxFiles: o,
       maxSize: a,
       asChild: !0,
       ...g,
       children: [
-        /* @__PURE__ */ y(E, { variant: "filled" }),
+        /* @__PURE__ */ w(I, { variant: "filled" }),
         p
       ]
     }
   );
 };
-I.displayName = "FileUploaderDropzone";
+S.displayName = "FileUploaderDropzone";
 export {
-  I as FileUploaderDropzone
+  S as FileUploaderDropzone
 };

package/dist/mainstack-design-system36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system400.cjs"),o=require("./mainstack-design-system401.cjs"),n=require("./mainstack-design-system402.cjs"),u=require("./mainstack-design-system403.cjs"),e=require("./mainstack-design-system404.cjs"),B=require("./mainstack-design-system405.cjs"),r={Root:n.ButtonRoot,Label:o.ButtonLabel,Icon:t.ButtonIcon,Loader:u.ButtonLoader};exports.ButtonIcon=t.ButtonIcon;exports.ButtonLabel=o.ButtonLabel;exports.ButtonRoot=n.ButtonRoot;exports.ButtonLoader=u.ButtonLoader;exports.Button=e.Button;exports.buttonVariants=B.buttonVariants;exports.ButtonGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system401.cjs"),o=require("./mainstack-design-system402.cjs"),n=require("./mainstack-design-system403.cjs"),u=require("./mainstack-design-system404.cjs"),e=require("./mainstack-design-system405.cjs"),B=require("./mainstack-design-system406.cjs"),r={Root:n.ButtonRoot,Label:o.ButtonLabel,Icon:t.ButtonIcon,Loader:u.ButtonLoader};exports.ButtonIcon=t.ButtonIcon;exports.ButtonLabel=o.ButtonLabel;exports.ButtonRoot=n.ButtonRoot;exports.ButtonLoader=u.ButtonLoader;exports.Button=e.Button;exports.buttonVariants=B.buttonVariants;exports.ButtonGroup=r;

package/dist/mainstack-design-system36.js

@@ -1,9 +1,9 @@
-import { ButtonIcon as o } from "./mainstack-design-system400.js";
-import { ButtonLabel as t } from "./mainstack-design-system401.js";
-import { ButtonRoot as r } from "./mainstack-design-system402.js";
-import { ButtonLoader as n } from "./mainstack-design-system403.js";
-import { Button as i } from "./mainstack-design-system404.js";
-import { buttonVariants as b } from "./mainstack-design-system405.js";
+import { ButtonIcon as o } from "./mainstack-design-system401.js";
+import { ButtonLabel as t } from "./mainstack-design-system402.js";
+import { ButtonRoot as r } from "./mainstack-design-system403.js";
+import { ButtonLoader as n } from "./mainstack-design-system404.js";
+import { Button as i } from "./mainstack-design-system405.js";
+import { buttonVariants as b } from "./mainstack-design-system406.js";
 const a = {
   Root: r,
   Label: t,

package/dist/mainstack-design-system366.cjs

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

package/dist/mainstack-design-system366.js

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

package/dist/mainstack-design-system367.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-BoD_1Mo-.cjs"),d=require("./utils-Dp-J9Ksy.cjs"),y=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:d.cn("mds:flex mds:items-center mds:justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-CocaNyQC.cjs"),d=require("./utils-s-0cOrOT.cjs"),y=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:d.cn("mds:flex mds:items-center mds:justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=y;

package/dist/mainstack-design-system367.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
 import { useRef as a, useEffect as f } from "react";
-import { h as l } from "./player-DtDfxekb.js";
-import { c as u } from "./utils-BWBRqOem.js";
+import { h as l } from "./player-Chgv-hOU.js";
+import { c as u } from "./utils-Z5JtG_Bc.js";
 const x = ({
   icon: i,
   size: o = 18,

package/dist/mainstack-design-system368.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system449.cjs"),n=require("./mainstack-design-system450.cjs"),o=require("./mainstack-design-system448.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-system450.cjs"),n=require("./mainstack-design-system451.cjs"),o=require("./mainstack-design-system449.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-system368.js

@@ -1,6 +1,6 @@
-import { InputRoot as o } from "./mainstack-design-system449.js";
-import { InputField as t } from "./mainstack-design-system450.js";
-import { Input as e } from "./mainstack-design-system448.js";
+import { InputRoot as o } from "./mainstack-design-system450.js";
+import { InputField as t } from "./mainstack-design-system451.js";
+import { Input as e } from "./mainstack-design-system449.js";
 const m = {
   Root: o,
   Field: t

package/dist/mainstack-design-system369.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("./mainstack-design-system449.cjs"),d=require("./mainstack-design-system450.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system300.cjs"),l=require("./mainstack-design-system301.cjs");require("./player-BoD_1Mo-.cjs");const t=o.forwardRef(({className:r,...i},u)=>{const[s,n]=o.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(d.InputField,{...i,ref:u,type:s}),s==="password"?e.jsxs("button",{onClick:()=>n("text"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>n("password"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:e.jsx(p,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("./mainstack-design-system450.cjs"),d=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system300.cjs"),l=require("./mainstack-design-system301.cjs");require("./player-CocaNyQC.cjs");require("./mainstack-design-system398.cjs");const r=o.forwardRef(({className:t,...i},u)=>{const[s,n]=o.useState("password");return e.jsxs(c.InputRoot,{className:t,children:[e.jsx(d.InputField,{...i,ref:u,type:s}),s==="password"?e.jsxs("button",{onClick:()=>n("text"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>n("password"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:e.jsx(p,{})})]})});r.displayName="PasswordField";exports.PasswordField=r;

package/dist/mainstack-design-system369.js

@@ -1,19 +1,20 @@
 'use client';
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { forwardRef as m, useState as p } from "react";
-import { InputRoot as d } from "./mainstack-design-system449.js";
-import { InputField as l } from "./mainstack-design-system450.js";
-import "./mainstack-design-system448.js";
+import { InputRoot as d } from "./mainstack-design-system450.js";
+import { InputField as l } from "./mainstack-design-system451.js";
+import "./mainstack-design-system449.js";
 import "./mainstack-design-system366.js";
 import a from "./mainstack-design-system300.js";
 import c from "./mainstack-design-system301.js";
-import "./player-DtDfxekb.js";
+import "./player-Chgv-hOU.js";
+import "./mainstack-design-system398.js";
 const u = m(
-  ({ className: i, ...e }, n) => {
+  ({ className: s, ...e }, n) => {
     const [r, t] = p("password");
-    return /* @__PURE__ */ s(d, { className: i, children: [
+    return /* @__PURE__ */ i(d, { className: s, children: [
       /* @__PURE__ */ o(l, { ...e, ref: n, type: r }),
-      r === "password" ? /* @__PURE__ */ s(
+      r === "password" ? /* @__PURE__ */ i(
         "button",
         {
           onClick: () => t("text"),

package/dist/mainstack-design-system37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system406.cjs"),t=require("./mainstack-design-system407.cjs"),r=require("./mainstack-design-system408.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system407.cjs"),t=require("./mainstack-design-system408.cjs"),r=require("./mainstack-design-system409.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-system37.js

@@ -1,6 +1,6 @@
-import { AvatarRoot as a } from "./mainstack-design-system406.js";
-import { AvatarImage as o } from "./mainstack-design-system407.js";
-import { AvatarFallback as r } from "./mainstack-design-system408.js";
+import { AvatarRoot as a } from "./mainstack-design-system407.js";
+import { AvatarImage as o } from "./mainstack-design-system408.js";
+import { AvatarFallback as r } from "./mainstack-design-system409.js";
 const l = {
   Root: a,
   Image: o,

package/dist/mainstack-design-system370.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system627.cjs"),o=require("./mainstack-design-system452.cjs"),n=require("./mainstack-design-system453.cjs"),r=require("./mainstack-design-system454.cjs"),t=require("./mainstack-design-system455.cjs"),u=require("./mainstack-design-system456.cjs"),i=require("./mainstack-design-system457.cjs"),m=require("./mainstack-design-system458.cjs"),P=require("./mainstack-design-system451.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-system627.cjs"),o=require("./mainstack-design-system453.cjs"),n=require("./mainstack-design-system454.cjs"),r=require("./mainstack-design-system455.cjs"),t=require("./mainstack-design-system456.cjs"),u=require("./mainstack-design-system457.cjs"),i=require("./mainstack-design-system458.cjs"),m=require("./mainstack-design-system459.cjs"),P=require("./mainstack-design-system452.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-system370.js

@@ -1,12 +1,12 @@
 import { PhoneNumberDigitField as o } from "./mainstack-design-system627.js";
-import { PhoneNumberFields as r } from "./mainstack-design-system452.js";
-import { PhoneNumberFlagField as e } from "./mainstack-design-system453.js";
-import { PhoneNumberOptions as i } from "./mainstack-design-system454.js";
-import { PhoneNumberOptionsList as m } from "./mainstack-design-system455.js";
-import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system456.js";
-import { PhoneNumberPortal as n } from "./mainstack-design-system457.js";
-import { PhoneNumberRoot as p } from "./mainstack-design-system458.js";
-import { PhoneNumberInput as O } from "./mainstack-design-system451.js";
+import { PhoneNumberFields as r } from "./mainstack-design-system453.js";
+import { PhoneNumberFlagField as e } from "./mainstack-design-system454.js";
+import { PhoneNumberOptions as i } from "./mainstack-design-system455.js";
+import { PhoneNumberOptionsList as m } from "./mainstack-design-system456.js";
+import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system457.js";
+import { PhoneNumberPortal as n } from "./mainstack-design-system458.js";
+import { PhoneNumberRoot as p } from "./mainstack-design-system459.js";
+import { PhoneNumberInput as O } from "./mainstack-design-system452.js";
 const f = {
   Root: p,
   DigitField: o,

package/dist/mainstack-design-system371.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system460.cjs"),e=require("./mainstack-design-system461.cjs"),r=require("./mainstack-design-system462.cjs"),l=require("./mainstack-design-system463.cjs"),c=require("./mainstack-design-system464.cjs"),F=require("./mainstack-design-system465.cjs"),d=require("./mainstack-design-system466.cjs"),o=require("./mainstack-design-system467.cjs"),t=require("./mainstack-design-system459.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-system461.cjs"),e=require("./mainstack-design-system462.cjs"),r=require("./mainstack-design-system463.cjs"),l=require("./mainstack-design-system464.cjs"),c=require("./mainstack-design-system465.cjs"),F=require("./mainstack-design-system466.cjs"),d=require("./mainstack-design-system467.cjs"),o=require("./mainstack-design-system468.cjs"),t=require("./mainstack-design-system460.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;