mainstack-design-system 1.19.1 → 1.19.3

package/dist/assets/theme/lightDarkModeTheme.css

@@ -7,7 +7,7 @@
   * Also you don't need to prefix the css variables defined here with `--mds-` cause tailwind does that for you already when you placed the css variable in `@theme`
   */
 
-  --color-primary: var(--mds-color-neutral-400);
+  --color-primary: var(--mds-color-neutral-375);
   --color-secondary: var(--mds-color-neutral-300);
   --color-tertiary: var(--mds-color-neutral-275);
   --color-accent: var(--mds-color-indigo-275);
@@ -26,9 +26,9 @@
 
   --color-on-primary: var(--mds-color-neutral-50);
   --color-on-primary-disabled: var(--mds-color-neutral-250);
-  --color-on-secondary: var(--mds-color-neutral-400);
+  --color-on-secondary: var(--mds-color-neutral-375);
   --color-on-secondary-disabled: var(--mds-color-neutral-250);
-  --color-on-ghost: var(--mds-color-neutral-400);
+  --color-on-ghost: var(--mds-color-neutral-375);
 
   --color-on-accent: var(--mds-color-indigo-50);
   --color-on-success: var(--mds-color-green-50);
@@ -51,14 +51,14 @@
   --color-on-info-light: var(--mds-color-cobalt-425);
   --color-on-info-light-disabled: var(--mds-color-muted-cobalt-325);
 
-  --color-interactive-primary: var(--mds-color-neutral-400);
-  --color-interactive-primary-hover: var(--mds-color-neutral-450);
-  --color-interactive-primary-pressed: var(--mds-color-neutral-500);
+  --color-interactive-primary: var(--mds-color-indigo-275);
+  --color-interactive-primary-hover: var(--mds-color-indigo-300);
+  --color-interactive-primary-pressed: var(--mds-color-indigo-300);
   --color-interactive-primary-disabled: var(--mds-color-neutral-150);
 
-  --color-interactive-secondary: var(--mds-color-neutral-150);
-  --color-interactive-secondary-hover: var(--mds-color-neutral-175);
-  --color-interactive-secondary-pressed: var(--mds-color-neutral-200);
+  --color-interactive-secondary: var(--mds-color-neutral-125);
+  --color-interactive-secondary-hover: var(--mds-color-neutral-150);
+  --color-interactive-secondary-pressed: var(--mds-color-neutral-150);
   --color-interactive-secondary-disabled: var(--mds-color-neutral-150);
 
   --color-interactive-ghost: var(--mds-color-neutral-50);
@@ -182,18 +182,17 @@
   --color-surface-warning-invert-l4: var(--mds-color-lemon-425);
   --color-surface-warning-invert-l5: var(--mds-color-lemon-400);
 
-  --color-border-interactive-success: var(--mds-color-green-125);
-  --color-border-interactive-neutral: var(--mds-color-neutral-150);
-  --color-border-interactive-neutral-hover: var(--mds-color-neutral-175);
-  --color-border-interactive-neutral-pressed: var(--mds-color-neutral-375);
-  --color-border-interactive-neutral-disabled: var(--mds-color-neutral-150);
-  --color-border-interactive-neutral-active: var(--mds-color-neutral-400);
-  --color-border-interactive-neutral-active-hover: var(--mds-color-neutral-450);
-  --color-border-interactive-neutral-active-pressed: var(
-    --mds-color-neutral-500
+  --color-border-interactive-primary: var(--mds-color-neutral-150);
+  --color-border-interactive-primary-hover: var(--mds-color-neutral-175);
+  --color-border-interactive-primary-pressed: var(--mds-color-indigo-225);
+  --color-border-interactive-primary-disabled: var(--mds-color-neutral-150);
+  --color-border-interactive-primary-active: var(--mds-color-indigo-200);
+  --color-border-interactive-primary-active-hover: var(--mds-color-indigo-225);
+  --color-border-interactive-primary-active-pressed: var(
+    --mds-color-indigo-275
   );
-  --color-border-interactive-neutral-active-disabled: var(
-    --mds-color-neutral-375
+  --color-border-interactive-primary-active-disabled: var(
+    --mds-color-muted-indigo-225
   );
 
   --color-border-interactive-neutral-inverse: var(--mds-color-neutral-450);
@@ -245,12 +244,12 @@
   --color-border-surface-info-subtle: var(--mds-color-cobalt-275);
   --color-border-surface-info-strong: var(--mds-color-cobalt-325);
 
-  --color-border-surface-spread-neutral: var(--mds-color-neutral-225);
+  --color-border-surface-spread-primary: var(--mds-color-indigo-50);
   --color-border-surface-spread-success: var(--mds-color-green-175);
   --color-border-surface-spread-error: var(--mds-color-red-175);
   --color-border-surface-spread-warning: var(--mds-color-lemon-175);
   --color-border-surface-spread-info: var(--mds-color-cobalt-175);
-  --color-border-surface-spread-focus: var(--mds-color-cobalt-200);
+  --color-border-surface-spread-focus: var(--mds-color-cobalt-100);
 
   /*  Base values, every shadow and elevation will be computed from this colors */
   --color-base-shadow-elevation-lt: #363b45;
@@ -504,22 +503,22 @@
     --mds-color-surface-warning-invert-l4: var(--mds-color-muted-lemon-125);
     --mds-color-surface-warning-invert-l5: var(--mds-color-muted-lemon-150);
 
-    --mds-color-border-interactive-neutral: var(--mds-color-neutral-375);
-    --mds-color-border-interactive-neutral-hover: var(--mds-color-neutral-275);
-    --mds-color-border-interactive-neutral-pressed: var(
+    --mds-color-border-interactive-primary: var(--mds-color-neutral-375);
+    --mds-color-border-interactive-primary-hover: var(--mds-color-neutral-275);
+    --mds-color-border-interactive-primary-pressed: var(
       --mds-color-neutral-200
     );
-    --mds-color-border-interactive-neutral-disabled: var(
+    --mds-color-border-interactive-primary-disabled: var(
       --mds-color-neutral-400
     );
-    --mds-color-border-interactive-neutral-active: var(--mds-color-neutral-150);
-    --mds-color-border-interactive-neutral-active-hover: var(
+    --mds-color-border-interactive-primary-active: var(--mds-color-neutral-150);
+    --mds-color-border-interactive-primary-active-hover: var(
       --mds-color-neutral-100
     );
-    --mds-color-border-interactive-neutral-active-pressed: var(
+    --mds-color-border-interactive-primary-active-pressed: var(
       --mds-color-neutral-50
     );
-    --mds-color-border-interactive-neutral-active-disabled: var(
+    --mds-color-border-interactive-primary-active-disabled: var(
       --mds-color-neutral-325
     );
 
@@ -596,7 +595,7 @@
     --mds-color-border-surface-info-subtle: var(--mds-color-muted-cobalt-200);
     --mds-color-border-surface-info-strong: var(--mds-color-muted-cobalt-250);
 
-    --mds-color-border-surface-spread-neutral: var(--mds-color-neutral-325);
+    --mds-color-border-surface-spread-primary: var(--mds-color-neutral-325);
     --mds-color-border-surface-spread-success: var(--mds-color-muted-green-450);
     --mds-color-border-surface-spread-error: var(--mds-color-red-450);
     --mds-color-border-surface-spread-warning: var(--mds-color-muted-lemon-450);

package/dist/assets/theme/tokenTheme.css

@@ -62,22 +62,22 @@ E.g: public:p-20 will apply padding 20px when data-ui-theme="public in html root
   /* override tailwind palette */
   /* Neutral Colors */
   --color-neutral-500: #040506;
-  --color-neutral-475: #090a0c;
-  --color-neutral-450: #0d0e12;
-  --color-neutral-425: #111318;
-  --color-neutral-400: #16181d;
+  --color-neutral-475: #080a0c;
+  --color-neutral-450: #0c0e12;
+  --color-neutral-425: #101318;
+  --color-neutral-400: #14181f;
   --color-neutral-375: #1f2228;
-  --color-neutral-350: #363b45;
-  --color-neutral-325: #484e5b;
-  --color-neutral-300: #6c7689;
-  --color-neutral-275: #a4aab7;
-  --color-neutral-250: #afb5c0;
-  --color-neutral-225: #bcc0c8;
-  --color-neutral-200: #cdd0d6;
-  --color-neutral-175: #dddfe3;
-  --color-neutral-150: #eeeff1;
-  --color-neutral-125: #f4f4f6;
-  --color-neutral-100: #f9fafa;
+  --color-neutral-350: #313949;
+  --color-neutral-325: #414c62;
+  --color-neutral-300: #627293;
+  --color-neutral-275: #9da8be;
+  --color-neutral-250: #a9b3c6;
+  --color-neutral-225: #b6bece;
+  --color-neutral-200: #c8ceda;
+  --color-neutral-175: #dadee7;
+  --color-neutral-150: #edeff3;
+  --color-neutral-125: #f3f4f7;
+  --color-neutral-100: #f9fafb;
   --color-neutral-75: #fcfcfd;
   --color-neutral-50: #ffffff;
 

package/dist/mainstack-design-system18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),I=require("react"),c=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const E=require("./mainstack-design-system55.cjs"),L=require("./mainstack-design-system225.cjs"),R=require("./mainstack-design-system241.cjs"),q=require("./mainstack-design-system286.cjs");require("./player-C6X6nrWe.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system629.cjs"),h=require("./index-4R9KShCu.cjs"),x=require("./mainstack-design-system401.cjs"),C=require("./mainstack-design-system402.cjs"),v=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");const z=({className:w,children:B,previewImgSrc:f,previewId:t,isPlaceholder:N,onClick:k,...U})=>{const{values:a,maxFiles:l,accept:D,maxSize:m,onValuesChange:u,onError:s,setMainPreviewFile:n,mainPreviewFile:d,isError:O}=T.useImageUploaderContext(),[M,y]=I.useState(!1),j=d?.id===t,P=I.useCallback(()=>{const r=[...a],i=r.findIndex(p=>p.id===t),_=d?.id===t;i>-1&&(r.splice(i,1),u(r),_&&n(r[0]||null))},[u,t,n,a,d]),S=I.useCallback(async(r,i)=>{const _=a.length,p=(l||0)-_;if(r.length>p||i.length>0){if(s){if(r.length>p||i.some(o=>o.errors.some(b=>b.code==="too-many-files")))return s(new Error(`You can only upload a maximum of ${l} images.`));if(i.some(o=>o.errors.some(b=>b.code==="file-too-large"))){const o=m?(m/1048576).toFixed(0):"0";return s(new Error(`Image size exceeds the ${o}MB limit.`))}return s(new Error("Invalid image type or criteria."))}return}try{const g=await c.generateImageFilePreview(r),o=[...a,...g];u(o),d||n(o[o.length-1]||null)}catch(g){s&&s(g)}},[a,l,m,u,s,d,n]);return B||(N?e.jsx(A.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"mds:w-fit",noDrag:!0,accept:D,maxFiles:l,maxSize:m,onDrop:S,children:e.jsx("button",{className:c.cn("mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-16 mds:h-88 mds:shrink-0 mds:w-117 mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:hover:bg-interactive-secondary",O&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",w),onClick:k,...U,children:e.jsx(E,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":j,className:c.cn("mds:relative mds:h-88 mds:rounded-16 mds:shrink-0 mds:w-117 mds:overflow-hidden mds:cursor-pointer mds:data-[active-preview=true]:outline-2 mds:data-[active-preview=true]:outline-offset-2 mds:data-[active-preview=true]:outline-border-interactive-neutral-active"),children:[e.jsx("img",{className:c.cn("mds:object-cover mds:h-full mds:w-full ",w),src:f,alt:`Image uploaded with id ${t}`,onClick:()=>{j||n({id:t,previewSrc:f})}}),j?e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:r=>{r.stopPropagation(),P()},children:e.jsx(x.ButtonIcon,{children:e.jsx(q,{className:"mds:size-16 mds:text-interactive-error"})})}):e.jsxs(h.Popover,{open:M,onOpenChange:y,children:[e.jsx(h.PopoverTrigger,{asChild:!0,children:e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:r=>r.stopPropagation(),children:e.jsx(x.ButtonIcon,{children:e.jsx(L,{className:"mds:size-16"})})})}),e.jsx(h.PopoverPortal,{children:e.jsxs(h.PopoverContent,{side:"bottom",sideOffset:2,align:"end",className:c.cn("mds:flex mds:flex-col mds:p-8 mds:bg-surface-neutral-l1 mds:rounded-18 mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out "),children:[e.jsxs(v.ButtonRoot,{onClick:()=>{n({id:t,previewSrc:f}),y(!1)},size:"xs",variant:"ghost",children:[e.jsx(x.ButtonIcon,{children:e.jsx(R,{className:"mds:size-20 mds:text-tertiary"})}),e.jsx(C.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(v.ButtonRoot,{className:"mds:justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(x.ButtonIcon,{children:e.jsx(q,{className:"mds:size-20 mds:text-interactive-error"})}),e.jsx(C.ButtonLabel,{className:" mds:text-interactive-error",children:"Delete"})]})]})})]})]}))};z.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),I=require("react"),c=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const E=require("./mainstack-design-system55.cjs"),L=require("./mainstack-design-system225.cjs"),R=require("./mainstack-design-system241.cjs"),q=require("./mainstack-design-system286.cjs");require("./player-C6X6nrWe.cjs");const T=require("./mainstack-design-system25.cjs"),A=require("./mainstack-design-system629.cjs"),h=require("./index-4R9KShCu.cjs"),x=require("./mainstack-design-system401.cjs"),C=require("./mainstack-design-system402.cjs"),v=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");const z=({className:w,children:y,previewImgSrc:f,previewId:t,isPlaceholder:N,onClick:k,...U})=>{const{values:a,maxFiles:l,accept:D,maxSize:m,onValuesChange:u,onError:s,setMainPreviewFile:n,mainPreviewFile:d,isError:O}=T.useImageUploaderContext(),[M,B]=I.useState(!1),j=d?.id===t,P=I.useCallback(()=>{const r=[...a],i=r.findIndex(p=>p.id===t),_=d?.id===t;i>-1&&(r.splice(i,1),u(r),_&&n(r[0]||null))},[u,t,n,a,d]),S=I.useCallback(async(r,i)=>{const _=a.length,p=(l||0)-_;if(r.length>p||i.length>0){if(s){if(r.length>p||i.some(o=>o.errors.some(b=>b.code==="too-many-files")))return s(new Error(`You can only upload a maximum of ${l} images.`));if(i.some(o=>o.errors.some(b=>b.code==="file-too-large"))){const o=m?(m/1048576).toFixed(0):"0";return s(new Error(`Image size exceeds the ${o}MB limit.`))}return s(new Error("Invalid image type or criteria."))}return}try{const g=await c.generateImageFilePreview(r),o=[...a,...g];u(o),d||n(o[o.length-1]||null)}catch(g){s&&s(g)}},[a,l,m,u,s,d,n]);return y||(N?e.jsx(A.DropzoneUploadArea,{"data-slot":"image-uploader-preview-item-placeholder",className:"mds:w-fit",noDrag:!0,accept:D,maxFiles:l,maxSize:m,onDrop:S,children:e.jsx("button",{className:c.cn("mds:border mds:border-dashed mds:border-border-interactive-primary mds:rounded-16 mds:h-88 mds:shrink-0 mds:w-117 mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:hover:bg-interactive-secondary",O&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",w),onClick:k,...U,children:e.jsx(E,{variant:"filled"})})}):e.jsxs("div",{"data-slot":"image-uploader-preview-item","data-active-preview":j,className:c.cn("mds:relative mds:h-88 mds:rounded-16 mds:shrink-0 mds:w-117 mds:overflow-hidden mds:cursor-pointer mds:data-[active-preview=true]:outline-2 mds:data-[active-preview=true]:outline-offset-2 mds:data-[active-preview=true]:outline-border-interactive-primary-active"),children:[e.jsx("img",{className:c.cn("mds:object-cover mds:h-full mds:w-full ",w),src:f,alt:`Image uploaded with id ${t}`,onClick:()=>{j||n({id:t,previewSrc:f})}}),j?e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:r=>{r.stopPropagation(),P()},children:e.jsx(x.ButtonIcon,{children:e.jsx(q,{className:"mds:size-16 mds:text-interactive-error"})})}):e.jsxs(h.Popover,{open:M,onOpenChange:B,children:[e.jsx(h.PopoverTrigger,{asChild:!0,children:e.jsx(v.ButtonRoot,{className:"mds:absolute mds:top-4 mds:right-4",size:"tiny",variant:"secondary",rounded:"sm",iconOnly:!0,onClick:r=>r.stopPropagation(),children:e.jsx(x.ButtonIcon,{children:e.jsx(L,{className:"mds:size-16"})})})}),e.jsx(h.PopoverPortal,{children:e.jsxs(h.PopoverContent,{side:"bottom",sideOffset:2,align:"end",className:c.cn("mds:flex mds:flex-col mds:p-8 mds:bg-surface-neutral-l1 mds:rounded-18 mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out "),children:[e.jsxs(v.ButtonRoot,{onClick:()=>{n({id:t,previewSrc:f}),B(!1)},size:"xs",variant:"ghost",children:[e.jsx(x.ButtonIcon,{children:e.jsx(R,{className:"mds:size-20 mds:text-tertiary"})}),e.jsx(C.ButtonLabel,{children:"Set as cover image"})]}),e.jsxs(v.ButtonRoot,{className:"mds:justify-start ",size:"xs",variant:"ghost",onClick:P,children:[e.jsx(x.ButtonIcon,{children:e.jsx(q,{className:"mds:size-20 mds:text-interactive-error"})}),e.jsx(C.ButtonLabel,{className:" mds:text-interactive-error",children:"Delete"})]})]})})]})]}))};z.displayName="ImageUploaderPreviewItem";exports.ImageUploaderPreviewItem=z;

package/dist/mainstack-design-system18.js

@@ -16,7 +16,7 @@ import { ButtonRoot as v } from "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
 import "./mainstack-design-system405.js";
 const J = ({
-  className: y,
+  className: P,
   children: z,
   previewImgSrc: x,
   previewId: t,
@@ -35,21 +35,21 @@ const J = ({
     mainPreviewFile: m,
     isError: S
   } = L(), [T, C] = _(!1), w = m?.id === t, N = I(() => {
-    const r = [...n], a = r.findIndex((p) => p.id === t), b = m?.id === t;
-    a > -1 && (r.splice(a, 1), u(r), b && i(r[0] || null));
+    const r = [...n], a = r.findIndex((p) => p.id === t), y = m?.id === t;
+    a > -1 && (r.splice(a, 1), u(r), y && i(r[0] || null));
   }, [u, t, i, n, m]), U = I(
     async (r, a) => {
-      const b = n.length, p = (l || 0) - b;
+      const y = n.length, p = (l || 0) - y;
       if (r.length > p || a.length > 0) {
         if (s) {
           if (r.length > p || a.some(
-            (o) => o.errors.some((P) => P.code === "too-many-files")
+            (o) => o.errors.some((b) => b.code === "too-many-files")
           ))
             return s(
               new Error(`You can only upload a maximum of ${l} images.`)
             );
           if (a.some(
-            (o) => o.errors.some((P) => P.code === "file-too-large")
+            (o) => o.errors.some((b) => b.code === "file-too-large")
           )) {
             const o = c ? (c / 1048576).toFixed(0) : "0";
             return s(
@@ -91,9 +91,9 @@ const J = ({
         "button",
         {
           className: h(
-            "mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-16 mds:h-88 mds:shrink-0 mds:w-117 mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:hover:bg-interactive-secondary",
+            "mds:border mds:border-dashed mds:border-border-interactive-primary mds:rounded-16 mds:h-88 mds:shrink-0 mds:w-117 mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:hover:bg-interactive-secondary",
             S && "mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",
-            y
+            P
           ),
           onClick: O,
           ...E,
@@ -107,13 +107,13 @@ const J = ({
       "data-slot": "image-uploader-preview-item",
       "data-active-preview": w,
       className: h(
-        "mds:relative mds:h-88 mds:rounded-16 mds:shrink-0 mds:w-117 mds:overflow-hidden mds:cursor-pointer mds:data-[active-preview=true]:outline-2 mds:data-[active-preview=true]:outline-offset-2 mds:data-[active-preview=true]:outline-border-interactive-neutral-active"
+        "mds:relative mds:h-88 mds:rounded-16 mds:shrink-0 mds:w-117 mds:overflow-hidden mds:cursor-pointer mds:data-[active-preview=true]:outline-2 mds:data-[active-preview=true]:outline-offset-2 mds:data-[active-preview=true]:outline-border-interactive-primary-active"
       ),
       children: [
         /* @__PURE__ */ e(
           "img",
           {
-            className: h("mds:object-cover mds:h-full mds:w-full ", y),
+            className: h("mds:object-cover mds:h-full mds:w-full ", P),
             src: x,
             alt: `Image uploaded with id ${t}`,
             onClick: () => {

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-system401.cjs");require("./mainstack-design-system402.cjs");const g=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system286.cjs");require("react");require("./player-C6X6nrWe.cjs");const b=require("./utils-BJ1u234q.cjs"),w=require("./mainstack-design-system25.cjs"),o=({className:i,children:n,...a})=>{const{mainPreviewFile:r,onValuesChange:d,values:l,setMainPreviewFile:m,isError:c}=w.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:b.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:w-504 mds:data-[active-preview=true]:overflow-hidden  mds:h-378 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 ",c&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",i),...a,children:r?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r.previewSrc,alt:"Image Uploader Main Preview image ",className:"mds:absolute mds:top-0 mds:left-0 mds:w-full mds:h-full mds:object-cover"}),e.jsx(g.ButtonRoot,{rounded:"sm",size:"tiny",status:"default",variant:"secondary",iconOnly:!0,className:"mds:absolute mds:right-20 mds:top-20 mds:z-10",onClick:()=>{const s=[...l],t=s.findIndex(u=>u.id===r.id);t>-1&&(s.splice(t,1),d(s),m(s[0]||null))},children:e.jsx(v.ButtonIcon,{children:e.jsx(p,{variant:"outlined",className:"mds:h-16 mds:w-16 mds:text-error"})})})]}):n})};o.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const v=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const g=require("./mainstack-design-system286.cjs");require("react");require("./player-C6X6nrWe.cjs");const b=require("./utils-BJ1u234q.cjs"),w=require("./mainstack-design-system25.cjs"),o=({className:t,children:a,...d})=>{const{mainPreviewFile:r,onValuesChange:n,values:m,setMainPreviewFile:l,isError:c}=w.useImageUploaderContext();return e.jsx("div",{role:"region","data-slot":"image-uploader-dropzone","data-active-preview":!!r?.id,className:b.cn("mds:relative mds:border mds:border-dashed mds:border-border-interactive-primary mds:rounded-20 mds:bg-surface-neutral-l1 mds:w-504 mds:data-[active-preview=true]:overflow-hidden  mds:h-378 mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-primary  mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed ",c&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",t),...d,children:r?e.jsxs(e.Fragment,{children:[e.jsx("img",{src:r.previewSrc,alt:"Image Uploader Main Preview image ",className:"mds:absolute mds:top-0 mds:left-0 mds:w-full mds:h-full mds:object-cover"}),e.jsx(v.ButtonRoot,{rounded:"sm",size:"tiny",status:"default",variant:"secondary",iconOnly:!0,className:"mds:absolute mds:right-20 mds:top-20 mds:z-10",onClick:()=>{const s=[...m],i=s.findIndex(u=>u.id===r.id);i>-1&&(s.splice(i,1),n(s),l(s[0]||null))},children:e.jsx(p.ButtonIcon,{children:e.jsx(g,{variant:"outlined",className:"mds:h-16 mds:w-16 mds:text-error"})})})]}):a})};o.displayName="ImageUploaderMainPreview";exports.ImageUploaderMainPreview=o;

package/dist/mainstack-design-system20.js

@@ -29,7 +29,7 @@ const w = ({
       "data-slot": "image-uploader-dropzone",
       "data-active-preview": !!r?.id,
       className: b(
-        "mds:relative mds:border mds:border-dashed mds:border-border-interactive-neutral mds:rounded-20 mds:bg-surface-neutral-l1 mds:w-504 mds:data-[active-preview=true]:overflow-hidden  mds:h-378 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:relative mds:border mds:border-dashed mds:border-border-interactive-primary mds:rounded-20 mds:bg-surface-neutral-l1 mds:w-504 mds:data-[active-preview=true]:overflow-hidden  mds:h-378 mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-dragging:border-border-interactive-primary  mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed ",
         l && "mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",
         o
       ),
@@ -53,10 +53,10 @@ const w = ({
             iconOnly: !0,
             className: "mds:absolute mds:right-20 mds:top-20 mds:z-10",
             onClick: () => {
-              const d = [...m], i = d.findIndex(
+              const i = [...m], d = i.findIndex(
                 (c) => c.id === r.id
               );
-              i > -1 && (d.splice(i, 1), t(d), n(d[0] || null));
+              d > -1 && (i.splice(d, 1), t(i), n(i[0] || null));
             },
             children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
               f,

package/dist/mainstack-design-system34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),U=require("react"),f=require("./utils-BJ1u234q.cjs"),w=require("./mainstack-design-system629.cjs"),F=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-C6X6nrWe.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:_,maxSize:s,maxFiles:o,onError:e,isError:z}=F.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(a=>a.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(i.some(r=>r.errors.some(a=>a.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return e(new Error(`File size exceeds the ${r}MB limit.`))}return e(new Error("Invalid file 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,s]);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:s,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-BJ1u234q.cjs"),w=require("./mainstack-design-system629.cjs"),F=require("./mainstack-design-system35.cjs");require("./mainstack-design-system366.cjs");const C=require("./mainstack-design-system55.cjs");require("./player-C6X6nrWe.cjs");const g=({className:b,children:v,...h})=>{const{values:t,onValuesChange:m,accept:y,maxSize:s,maxFiles:o,onError:e,isError:_}=F.useFileUploaderContext(),z=U.useCallback(async(i,n)=>{const x=t.length,u=(o||0)-x;if(i.length>u||n.length>0){if(e){if(i.length>u||n.some(r=>r.errors.some(a=>a.code==="too-many-files")))return e(new Error(`You can only upload a maximum of ${o} images.`));if(n.some(r=>r.errors.some(a=>a.code==="file-too-large"))){const r=s?(s/1048576).toFixed(0):"0";return e(new Error(`File size exceeds the ${r}MB limit.`))}return e(new Error("Invalid file type or criteria."))}return}try{const r=(await f.getFileMetadata(i)).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,s]);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-primary 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-primary mds:active:ring-2 mds:active:ring-border-interactive-primary-pressed mds:p-24 mds:flex mds:flex-col mds:items-center mds:justify-center mds:h-full",_&&"mds:ring-2 mds:bg-surface-error-l1 mds:ring-border-surface-error-l1",b),onDrop:z,accept:y,maxFiles:o,maxSize:s,asChild:!0,...h,children:[p.jsx(C,{variant:"filled"}),v]})};g.displayName="FileUploaderDropzone";exports.FileUploaderDropzone=g;

package/dist/mainstack-design-system34.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as w } from "react/jsx-runtime";
+import { jsxs as z, jsx as w } from "react/jsx-runtime";
 import { useCallback as C } from "react";
 import { a as E, c as M } from "./utils-DH-0D-9U.js";
 import { DropzoneUploadArea as N } from "./mainstack-design-system629.js";
@@ -7,7 +7,7 @@ import "./mainstack-design-system366.js";
 import F from "./mainstack-design-system55.js";
 import "./player-DlPlWw5L.js";
 const S = ({
-  className: f,
+  className: u,
   children: p,
   ...g
 }) => {
@@ -20,17 +20,17 @@ const S = ({
     onError: e,
     isError: h
   } = D(), v = C(
-    async (i, n) => {
-      const x = t.length, u = (o || 0) - x;
-      if (i.length > u || n.length > 0) {
+    async (i, d) => {
+      const y = t.length, f = (o || 0) - y;
+      if (i.length > f || d.length > 0) {
         if (e) {
-          if (i.length > u || n.some(
+          if (i.length > f || d.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 (n.some(
+          if (d.some(
             (r) => r.errors.some(
               (s) => s.code === "file-too-large"
             )
@@ -46,25 +46,25 @@ const S = ({
       }
       try {
         const r = (await E(i)).filter(
-          (l) => !t.some(
-            (m) => m.fileName === l.fileName && m.fileSize === l.fileSize && m.lastModified === l.lastModified
+          (m) => !t.some(
+            (l) => l.fileName === m.fileName && l.fileSize === m.fileSize && l.lastModified === m.lastModified
           )
-        ), z = [...t, ...r].slice(0, o);
-        c(z);
-      } catch (d) {
-        e && e(d);
+        ), x = [...t, ...r].slice(0, o);
+        c(x);
+      } catch (n) {
+        e && e(n);
       }
     },
     [c, e, t, o, a]
   );
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ z(
     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",
+        "mds:relative mds:border mds:border-dashed mds:border-border-interactive-primary 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-primary mds:active:ring-2 mds:active:ring-border-interactive-primary-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
+        u
       ),
       onDrop: v,
       accept: b,

package/dist/mainstack-design-system406.cjs

@@ -4,23 +4,23 @@
                  mds:border-1 mds:border-neutral-350
                 mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
 
-                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
+                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-primary
                 mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
                 mds:hover:bg-interactive-primary-hover
 
-                mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-neutral
+                mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-primary
                 mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`mds:bg-interactive-secondary  mds:text-on-secondary
                   mds:hover:bg-interactive-secondary-hover
 
-                  mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
-                  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"outline",class:`mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:text-primary
+                  mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
+                  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"outline",class:`mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:text-primary
                 mds:hover:bg-interactive-secondary  mds:hover:border-interactive-secondary
-                    mds:focus-visible:border-border-surface-spread-neutral
-                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral   mds:active:ring-2 mds:active:outline-border-interactive-neutral-pressed
-                  mds:disabled:border mds:disabled:border-border-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"ghost",class:`mds:bg-transparent
+                    mds:focus-visible:border-border-surface-spread-primary
+                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-primary   mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
+                  mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"ghost",class:`mds:bg-transparent
               mds:hover:bg-interactive-ghost-hover
 
-              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
+              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
               mds:disabled:bg-transparent  mds:disabled:text-on-primary-disabled`},{status:"warning",variant:"primary",class:`mds:bg-interactive-warning mds:text-on-warning
                 mds:hover:bg-interactive-warning-hover
                 mds:focus-visible:bg-warning  mds:focus-visible:shadow-none

package/dist/mainstack-design-system406.js

@@ -40,7 +40,7 @@ const r = e(
                  mds:border-1 mds:border-neutral-350
                 mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
 
-                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
+                mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-primary
                 mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
@@ -49,7 +49,7 @@ const r = e(
         class: `mds:bg-primary mds:text-on-primary
                 mds:hover:bg-interactive-primary-hover
 
-                mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-neutral
+                mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-primary
                 mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
@@ -58,17 +58,17 @@ const r = e(
         class: `mds:bg-interactive-secondary  mds:text-on-secondary
                   mds:hover:bg-interactive-secondary-hover
 
-                  mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
+                  mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
                   mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
         status: "default",
         variant: "outline",
-        class: `mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:text-primary
+        class: `mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:text-primary
                 mds:hover:bg-interactive-secondary  mds:hover:border-interactive-secondary
-                    mds:focus-visible:border-border-surface-spread-neutral
-                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral   mds:active:ring-2 mds:active:outline-border-interactive-neutral-pressed
-                  mds:disabled:border mds:disabled:border-border-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`
+                    mds:focus-visible:border-border-surface-spread-primary
+                 mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-primary   mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
+                  mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
         status: "default",
@@ -76,7 +76,7 @@ const r = e(
         class: `mds:bg-transparent
               mds:hover:bg-interactive-ghost-hover
 
-              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
+              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
               mds:disabled:bg-transparent  mds:disabled:text-on-primary-disabled`
       },
       // WARNING BUTTONS

package/dist/mainstack-design-system412.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),e=require("./index-Deb8apmU.cjs"),m=require("./mainstack-design-system597.cjs"),c=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system598.cjs"),o=p.forwardRef(({className:s,children:i,...a},n)=>{const{side:d,align:r,type:l}=u.useTooltipContext();return t.jsx(e.Portal,{children:t.jsxs(e.Content2,{ref:n,side:d,align:r,sideOffset:8,"data-tooltip-type":l,className:c.cn("mds:z-50 mds:text-white mds:shadow-md mds:data-[state=delayed-open]:animate-in mds:data-[state=closed]:animate-out mds:w-fit mds:bg-surface-neutral-invert-l1 mds:text-content-on-primary mds:shadow-utility-elevation-shadow-2","mds:data-[tooltip-type=plain]:px-16 mds:data-[tooltip-type=plain]:py-8 mds:data-[tooltip-type=plain]:rounded-10 ","mds:data-[tooltip-type=rich]:max-w-xs mds:data-[tooltip-type=rich]:p-16 mds:data-[tooltip-type=rich]:rounded-16",s),...a,children:[i,t.jsx(m.TooltipArrow,{className:"mds:text-surface-neutral-invert-l1 "})]})})});o.displayName="TooltipContent";exports.TooltipContent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),e=require("./index-Deb8apmU.cjs"),m=require("./mainstack-design-system597.cjs"),c=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system598.cjs"),o=p.forwardRef(({className:s,children:i,...a},n)=>{const{side:d,align:r,type:l}=u.useTooltipContext();return t.jsx(e.Portal,{children:t.jsxs(e.Content2,{ref:n,side:d,align:r,sideOffset:8,"data-tooltip-type":l,className:c.cn("mds:z-50 mds:text-white mds:shadow-md mds:data-[state=delayed-open]:animate-in mds:data-[state=closed]:animate-out mds:w-fit mds:bg-surface-neutral-invert-l5 mds:text-content-on-primary mds:shadow-utility-elevation-shadow-2","mds:data-[tooltip-type=plain]:px-16 mds:data-[tooltip-type=plain]:py-8 mds:data-[tooltip-type=plain]:rounded-10 ","mds:data-[tooltip-type=rich]:max-w-xs mds:data-[tooltip-type=rich]:p-16 mds:data-[tooltip-type=rich]:rounded-16",s),...a,children:[i,t.jsx(m.TooltipArrow,{className:"mds:text-surface-neutral-invert-l1 "})]})})});o.displayName="TooltipContent";exports.TooltipContent=o;

package/dist/mainstack-design-system412.js

@@ -15,7 +15,7 @@ const u = r.forwardRef(({ className: o, children: a, ...e }, d) => {
       sideOffset: 8,
       "data-tooltip-type": m,
       className: f(
-        "mds:z-50 mds:text-white mds:shadow-md mds:data-[state=delayed-open]:animate-in mds:data-[state=closed]:animate-out mds:w-fit mds:bg-surface-neutral-invert-l1 mds:text-content-on-primary mds:shadow-utility-elevation-shadow-2",
+        "mds:z-50 mds:text-white mds:shadow-md mds:data-[state=delayed-open]:animate-in mds:data-[state=closed]:animate-out mds:w-fit mds:bg-surface-neutral-invert-l5 mds:text-content-on-primary mds:shadow-utility-elevation-shadow-2",
         "mds:data-[tooltip-type=plain]:px-16 mds:data-[tooltip-type=plain]:py-8 mds:data-[tooltip-type=plain]:rounded-10 ",
         "mds:data-[tooltip-type=rich]:max-w-xs mds:data-[tooltip-type=rich]:p-16 mds:data-[tooltip-type=rich]:rounded-16",
         o

package/dist/mainstack-design-system420.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),i=require("./index-BgXU_6PU.cjs"),c=require("./utils-BJ1u234q.cjs"),r=o.forwardRef(({className:t,children:d,isError:e,...a},s)=>n.jsx(i.Item,{"data-slot":"accordion-item",className:c.cn("mds:w-full mds:p-16 mds:rounded-18 mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:flex mds:flex-col mds:gap-16",'mds:data-[state="open"]:bg-surface-neutral-l1 mds:data-[state="open"]:ring-2',e?"mds:ring-border-surface-error-l1 mds:ring-2":"mds:ring-border-interactive-neutral mds:ring-1",e?'mds:data-[state="open"]:ring-border-surface-error-l1':'mds:data-[state="open"]:ring-border-interactive-neutral-active',"mds:transition-all mds:duration-300 mds:ease-in-out","mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",t),ref:s,...a,children:d}));r.displayName="AccordionItem";exports.AccordionItem=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),n=require("./index-BgXU_6PU.cjs"),m=require("./utils-BJ1u234q.cjs"),r=o.forwardRef(({className:t,children:d,isError:e,...a},s)=>i.jsx(n.Item,{"data-slot":"accordion-item",className:m.cn("mds:w-full mds:p-16 mds:rounded-18 mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:flex mds:flex-col mds:gap-16",'mds:data-[state="open"]:bg-surface-neutral-l1 mds:data-[state="open"]:ring-2',e?"mds:ring-border-surface-error-l1 mds:ring-2":"mds:ring-border-interactive-primary mds:ring-1",e?'mds:data-[state="open"]:ring-border-surface-error-l1':'mds:data-[state="open"]:ring-border-interactive-primary-active',"mds:transition-all mds:duration-300 mds:ease-in-out","mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",t),ref:s,...a,children:d}));r.displayName="AccordionItem";exports.AccordionItem=r;

package/dist/mainstack-design-system420.js

@@ -1,17 +1,17 @@
 import { jsx as s } from "react/jsx-runtime";
 import o from "react";
 import { I as m } from "./index-Z8GhkKSz.js";
-import { c as n } from "./utils-DH-0D-9U.js";
-const i = o.forwardRef(
+import { c as i } from "./utils-DH-0D-9U.js";
+const n = o.forwardRef(
   ({ className: a, children: e, isError: r, ...d }, t) => /* @__PURE__ */ s(
     m,
     {
       "data-slot": "accordion-item",
-      className: n(
+      className: i(
         "mds:w-full mds:p-16 mds:rounded-18 mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:flex mds:flex-col mds:gap-16",
         'mds:data-[state="open"]:bg-surface-neutral-l1 mds:data-[state="open"]:ring-2',
-        r ? "mds:ring-border-surface-error-l1 mds:ring-2" : "mds:ring-border-interactive-neutral mds:ring-1",
-        r ? 'mds:data-[state="open"]:ring-border-surface-error-l1' : 'mds:data-[state="open"]:ring-border-interactive-neutral-active',
+        r ? "mds:ring-border-surface-error-l1 mds:ring-2" : "mds:ring-border-interactive-primary mds:ring-1",
+        r ? 'mds:data-[state="open"]:ring-border-surface-error-l1' : 'mds:data-[state="open"]:ring-border-interactive-primary-active',
         "mds:transition-all mds:duration-300 mds:ease-in-out",
         "mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",
         a
@@ -22,7 +22,7 @@ const i = o.forwardRef(
     }
   )
 );
-i.displayName = "AccordionItem";
+n.displayName = "AccordionItem";
 export {
-  i as AccordionItem
+  n as AccordionItem
 };

package/dist/mainstack-design-system437.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),a=require("./index-CpE6WAgy.cjs"),u=require("./utils-BJ1u234q.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(l),s=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const i=n?a.Slot:"span";return c.jsx(i,{ref:o,"data-slot":"chip-slot",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});s.displayName="ChipSlot";exports.ChipSlot=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-BJ1u234q.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(a),s=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const c=n?l.Slot:"span";return i.jsx(c,{ref:o,"data-slot":"chip-slot",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&_svg]:text-accent",e),...r,children:t})});s.displayName="ChipSlot";exports.ChipSlot=s;

package/dist/mainstack-design-system437.js

@@ -1,23 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import * as a from "react";
 import { S as i } from "./index-BtQfgaSF.js";
 import { c as p } from "./utils-DH-0D-9U.js";
-const l = a.forwardRef(
-  ({ className: s, asChild: o = !1, children: t, ...m }, r) => /* @__PURE__ */ e(
-    o ? i : "span",
+const c = a.forwardRef(
+  ({ className: s, asChild: t = !1, children: o, ...m }, e) => /* @__PURE__ */ r(
+    t ? i : "span",
     {
-      ref: r,
+      ref: e,
       "data-slot": "chip-slot",
       className: p(
-        "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
+        "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&_svg]:text-accent",
         s
       ),
       ...m,
-      children: t
+      children: o
     }
   )
 );
-l.displayName = "ChipSlot";
+c.displayName = "ChipSlot";
 export {
-  l as ChipSlot
+  c as ChipSlot
 };

package/dist/mainstack-design-system440.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),r=e.cva(["mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral mds:text-primary mds:cursor-pointer","mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out","mds:hover:bg-interactive-secondary","mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-neutral mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-2 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral","mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-neutral mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-pressed","mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-hover","mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus","mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary","mds:flex mds:gap-4"],{variants:{size:{tiny:"mds:h-32",xs:"mds:h-36 ",sm:"mds:h-40"}},defaultVariants:{size:"sm"}}),s=e.cva(["mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1","mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1","mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus","mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-neutral-pressed mds:group-active:ring-border-surface-spread-neutral","mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active","mds:[&_svg]:size-15"]);exports.chipCheckboxVariants=s;exports.chipVariants=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CAgJYdlN.cjs"),e=r.cva(["mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary mds:text-primary mds:cursor-pointer","mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out","mds:hover:bg-interactive-secondary","mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary","mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-pressed","mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover","mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus","mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary","mds:flex mds:gap-4"],{variants:{size:{tiny:"mds:h-32",xs:"mds:h-36 ",sm:"mds:h-40"}},defaultVariants:{size:"sm"}}),s=r.cva(["mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1","mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1","mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus","mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-primary-pressed mds:group-active:ring-border-surface-spread-primary","mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-primary-active","mds:[&_svg]:size-15"]);exports.chipCheckboxVariants=s;exports.chipVariants=e;