mainstack-design-system 1.19.3 → 1.19.4

package/dist/assets/theme/lightDarkModeTheme.css

@@ -244,6 +244,7 @@
   --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-125);
   --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);

package/dist/assets/theme/tokenTheme.css

@@ -966,28 +966,19 @@ E.g: public:p-20 will apply padding 20px when data-ui-theme="public in html root
     0 -1px 0 0 var(--mds-color-elevation-shadow-10) inset;
 
   --shadow-special-button-default:
-    -2px 0 0 0 var(--mds-color-neutral-400) inset,
-    0 -2px 0 0 var(--mds-color-neutral-400) inset,
-    2px 0 0 0 var(--mds-color-neutral-400) inset,
-    0 2px 0 0 var(--mds-color-neutral-400) inset,
-    0 4px 8px 0 var(--mds-color-elevation-shadow-20),
-    0 0 0 0.8px var(--mds-color-neutral-500);
+    -0.5px -0.5px 1px 1px var(--mds-color-neutral-350) inset,
+    -0.5px -0.5px 0.5px 1px var(--mds-color-neutral-350) inset,
+    0.5px 0.5px 0.5px 1px var(--mds-color-neutral-350) inset;
 
   --shadow-special-button-hover:
-    0 4px 8px 0 var(--mds-color-elevation-shadow-10),
-    0 0 0 0.8px var(--mds-color-neutral-500),
-    0 -2px 0 0 var(--mds-color-neutral-500) inset,
-    0 2px 0 0 var(--mds-color-neutral-500) inset,
-    -2px 0 0 0 var(--mds-color-neutral-500) inset,
-    2px 0 0 0 var(--mds-color-neutral-500) inset;
+    0.5px 0.5px 0.5px 1px var(--mds-color-neutral-375) inset,
+    -0.5px -0.5px 1px 1px var(--mds-color-neutral-375) inset,
+    -0.5px -0.5px 0.5px 1px var(--mds-color-neutral-375) inset;
 
   --shadow-special-button-pressed:
-    0 6px 0 0 var(--mds-color-neutral-500) inset,
-    0 0 0 0.8px var(--mds-color-neutral-425),
-    0 2px 0 0 var(--mds-color-neutral-500) inset,
-    0 -2px 0 0 var(--mds-color-neutral-500) inset,
-    2px 0 0 0 var(--mds-color-neutral-500) inset,
-    -2px 0 0 0 var(--mds-color-neutral-500) inset;
+    0.521px 0.521px 0 0 var(--mds-color-neutral-375) inset,
+    0 6.25px 0 0 var(--mds-color-neutral-500) inset,
+    0 0 0 0 var(--mds-color-neutral-375) inset;
 
   --background-image-content-special: linear-gradient(
     0deg,

package/dist/mainstack-design-system366.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-BJ1u234q.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-BJ1u234q.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-20",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

@@ -23,7 +23,7 @@ const h = n.forwardRef(
         stroke: "none",
         strokeWidth: "1",
         style: { maskType: "alpha" },
-        className: w("mds:size-24", l),
+        className: w("mds:size-20", l),
         ...r,
         children: [
           /* @__PURE__ */ i(

package/dist/mainstack-design-system406.cjs

@@ -1,10 +1,9 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(`mds:group/buttonroot mds:inline-flex mds:items-center mds:justify-center mds:cursor-pointer mds:gap-4 mds:body-extrasmall-medium
   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:focus-visible:ring-2 mds:focus-visible:ring-border-interactive-info-light-focused mds:disabled:cursor-not-allowed`,{variants:{status:{default:"",warning:"",success:"",error:"",info:""},variant:{special:"",primary:"",secondary:"",outline:"",ghost:""},size:{tiny:"mds:body-tiny-medium mds:h-30 mds:p-6",xs:"mds:h-36  mds:px-14 mds:py-8",sm:"mds:h-40  mds:p-16",md:"mds:h-48  mds:px-16 mds:py-12",lg:"mds:h-56  mds:p-16"},rounded:{sm:"mds:rounded-full",md:"mds:rounded-10"}},compoundVariants:[{status:"default",variant:"special",class:`mds:bg-content-special mds:text-on-primary mds:shadow-special-button-default
-                 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: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-primary
+                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: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
 
@@ -15,12 +14,12 @@
                   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-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: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-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-primary
+              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
               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

@@ -37,10 +37,9 @@ const r = e(
         status: "default",
         variant: "special",
         class: `mds:bg-content-special mds:text-on-primary mds:shadow-special-button-default
-                 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: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-primary
+                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: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`
       },
       {
@@ -66,8 +65,8 @@ const r = e(
         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-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: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-primary-pressed
                   mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
@@ -76,7 +75,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-primary
+              mds:active:bg-interactive-ghost-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
               mds:disabled:bg-transparent  mds:disabled:text-on-primary-disabled`
       },
       // WARNING BUTTONS

package/dist/mainstack-design-system420.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("./index-BgXU_6PU.cjs"),m=require("./utils-BJ1u234q.cjs"),r=i.forwardRef(({className:d,children:s,isError:e,...t},a)=>o.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',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:transition-all mds:duration-300 mds:ease-in-out","mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",d),ref:a,...t,children:s}));r.displayName="AccordionItem";exports.AccordionItem=r;

package/dist/mainstack-design-system420.js

@@ -1,24 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import o from "react";
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
 import { I as m } from "./index-Z8GhkKSz.js";
 import { c as i } from "./utils-DH-0D-9U.js";
-const n = o.forwardRef(
-  ({ className: a, children: e, isError: r, ...d }, t) => /* @__PURE__ */ s(
+const n = t.forwardRef(
+  ({ className: d, children: a, isError: r, ...e }, s) => /* @__PURE__ */ o(
     m,
     {
       "data-slot": "accordion-item",
       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',
+        'mds:data-[state="open"]:bg-surface-neutral-l1',
         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',
+        r && 'mds:data-[state="open"]:ring-border-surface-error-l1',
         "mds:transition-all mds:duration-300 mds:ease-in-out",
         "mds:data-disabled:opacity-50 mds:data-disabled:cursor-not-allowed",
-        a
+        d
       ),
-      ref: t,
-      ...d,
-      children: e
+      ref: s,
+      ...e,
+      children: a
     }
   )
 );

package/dist/mainstack-design-system422.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("./index-BgXU_6PU.cjs"),r=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system196.cjs");require("./player-C6X6nrWe.cjs");const o=d.forwardRef(({className:s,children:t,...n},a)=>e.jsxs(c.Header,{"data-slot":"accordion-header",ref:a,className:r.cn("mds:group mds:flex mds:items-center mds:gap-8 mds:w-full",s),...n,children:[t,e.jsx(i,{className:r.cn("mds:transition-transform mds:duration-300 mds:ease-in-out",'mds:group-data-[state="open"]:rotate-180')})]}));o.displayName="AccordionHeader";exports.AccordionHeader=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("./index-BgXU_6PU.cjs"),s=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const c=require("./mainstack-design-system196.cjs");require("./player-C6X6nrWe.cjs");const o=i.forwardRef(({className:t,children:n,...d},a)=>e.jsxs(r.Header,{"data-slot":"accordion-header",ref:a,className:s.cn("mds:group mds:flex mds:items-center mds:gap-8 mds:w-full",t),...d,children:[n,e.jsx(r.Trigger2,{asChild:!0,children:e.jsx(c,{className:s.cn("mds:transition-transform mds:cursor-pointer mds:duration-300 mds:ease-in-out",'mds:group-data-[state="open"]:rotate-180')})})]}));o.displayName="AccordionHeader";exports.AccordionHeader=o;

package/dist/mainstack-design-system422.js

@@ -1,37 +1,37 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import d from "react";
-import { H as i } from "./index-Z8GhkKSz.js";
-import { c as r } from "./utils-DH-0D-9U.js";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import m from "react";
+import { H as i, T as n } from "./index-Z8GhkKSz.js";
+import { c as o } from "./utils-DH-0D-9U.js";
 import "./mainstack-design-system366.js";
-import n from "./mainstack-design-system196.js";
+import c from "./mainstack-design-system196.js";
 import "./player-DlPlWw5L.js";
-const c = d.forwardRef(
-  ({ className: o, children: a, ...e }, m) => /* @__PURE__ */ s(
+const p = m.forwardRef(
+  ({ className: e, children: a, ...s }, t) => /* @__PURE__ */ d(
     i,
     {
       "data-slot": "accordion-header",
-      ref: m,
-      className: r(
+      ref: t,
+      className: o(
         "mds:group mds:flex mds:items-center mds:gap-8 mds:w-full",
-        o
+        e
       ),
-      ...e,
+      ...s,
       children: [
         a,
-        /* @__PURE__ */ t(
-          n,
+        /* @__PURE__ */ r(n, { asChild: !0, children: /* @__PURE__ */ r(
+          c,
           {
-            className: r(
-              "mds:transition-transform mds:duration-300 mds:ease-in-out",
+            className: o(
+              "mds:transition-transform mds:cursor-pointer mds:duration-300 mds:ease-in-out",
               'mds:group-data-[state="open"]:rotate-180'
             )
           }
-        )
+        ) })
       ]
     }
   )
 );
-c.displayName = "AccordionHeader";
+p.displayName = "AccordionHeader";
 export {
-  c as AccordionHeader
+  p as AccordionHeader
 };

package/dist/mainstack-design-system437.cjs

@@ -1 +1 @@
-"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;
+"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 s=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(s,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const m=d(l),n=m.forwardRef(({className:e,asChild:s=!1,children:t,...r},i)=>{const o=s?a.Slot:"span";return c.jsx(o,{ref:i,"data-slot":"chip-slot",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0 mds:[&:first-child_svg]:text-primary mds:[&:last-child_svg]:text-secondary",e),...r,children:t})});n.displayName="ChipSlot";exports.ChipSlot=n;

package/dist/mainstack-design-system437.js

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

package/dist/mainstack-design-system440.cjs

@@ -1 +1 @@
-"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;
+"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]:ring-3 mds:data-[selected=true]: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"}}),d=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=d;exports.chipVariants=e;

package/dist/mainstack-design-system440.js

@@ -7,7 +7,7 @@ const d = r(
     "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:data-[selected=true]:ring-3 mds:data-[selected=true]: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",

package/dist/mainstack-design-system451.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs"),e=n.forwardRef(({className:t,shape:d="rounded",isError:s,isSuccess:r,...a},l)=>o.jsx("input",{ref:l,"data-slot":"input-field","data-error":s,"data-success":r,"data-shape":d,className:i.cn("mds:body-extrasmall-book","mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",t),...a}));e.displayName="InputField";exports.InputField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),u=require("./utils-BJ1u234q.cjs"),e=o.forwardRef(({className:t,shape:r="rounded",isError:d,isSuccess:s,...a},l)=>n.jsx("input",{ref:l,"data-slot":"input-field","data-error":d,"data-success":s,"data-shape":r,className:u.cn("mds:body-extrasmall-regular","mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",t),...a}));e.displayName="InputField";exports.InputField=e;

package/dist/mainstack-design-system451.js

@@ -1,23 +1,23 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { c as m } from "./utils-DH-0D-9U.js";
 const n = l(
   ({
     className: e,
-    shape: d = "rounded",
-    isError: r,
-    isSuccess: o,
+    shape: r = "rounded",
+    isError: d,
+    isSuccess: a,
     ...s
-  }, t) => /* @__PURE__ */ a(
+  }, t) => /* @__PURE__ */ o(
     "input",
     {
       ref: t,
       "data-slot": "input-field",
-      "data-error": r,
-      "data-success": o,
-      "data-shape": d,
+      "data-error": d,
+      "data-success": a,
+      "data-shape": r,
       className: m(
-        "mds:body-extrasmall-book",
+        "mds:body-extrasmall-regular",
         "mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",
         e
       ),

package/dist/mainstack-design-system461.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),m=require("./mainstack-design-system450.cjs"),F=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");const e=require("./utils-BJ1u234q.cjs"),C=require("./mainstack-design-system605.cjs"),P=require("./mainstack-design-system398.cjs"),c=g.forwardRef(({placeholder:a="0.00",disabled:s,...l},d)=>{const{activeCountry:i,isDisabled:u,value:_,onValueChange:r}=C.usePriceFieldContext(),p=P.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[i];return t.jsxs(m.InputRoot,{"data-slot":"price-field-digit-field",className:"mds:has-disabled:opacity-50",children:[t.jsx("p",{className:e.cn("mds:body-extrasmall-book"),children:p??""}),t.jsx(F.InputField,{...l,disabled:s||u,placeholder:a,value:e.formatPriceDigit(e.sanitizePriceInputValue(_)),onChange:n=>{const o=e.getPriceDigitMetadataValueObject({value:n.target.value,activeCountry:i});r&&(n.target.value=o.digit,r(o))},ref:d})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),m=require("./mainstack-design-system450.cjs"),F=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");const e=require("./utils-BJ1u234q.cjs"),C=require("./mainstack-design-system605.cjs"),P=require("./mainstack-design-system398.cjs"),c=g.forwardRef(({placeholder:o="0.00",disabled:s,...l},u)=>{const{activeCountry:i,isDisabled:d,value:_,onValueChange:r}=C.usePriceFieldContext(),p=P.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[i];return t.jsxs(m.InputRoot,{"data-slot":"price-field-digit-field",className:"mds:has-disabled:opacity-50",children:[t.jsx("p",{className:e.cn("mds:body-extrasmall-regular"),children:p??""}),t.jsx(F.InputField,{...l,disabled:s||d,placeholder:o,value:e.formatPriceDigit(e.sanitizePriceInputValue(_)),onChange:n=>{const a=e.getPriceDigitMetadataValueObject({value:n.target.value,activeCountry:i});r&&(n.target.value=a.digit,r(a))},ref:u})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;

package/dist/mainstack-design-system461.js

@@ -1,35 +1,35 @@
 'use client';
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { InputRoot as f } from "./mainstack-design-system450.js";
 import { InputField as g } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
-import { c as C, d as _, l as b, b as v } from "./utils-DH-0D-9U.js";
-import { usePriceFieldContext as D } from "./mainstack-design-system605.js";
-import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as P } from "./mainstack-design-system398.js";
-const y = u(
-  ({ placeholder: o = "0.00", disabled: d, ...l }, s) => {
-    const { activeCountry: i, isDisabled: c, value: m, onValueChange: e } = D(), n = P[i];
-    return /* @__PURE__ */ p(
+import { c as C, d as _, l as v, b as D } from "./utils-DH-0D-9U.js";
+import { usePriceFieldContext as P } from "./mainstack-design-system605.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as b } from "./mainstack-design-system398.js";
+const y = p(
+  ({ placeholder: o = "0.00", disabled: l, ...d }, s) => {
+    const { activeCountry: e, isDisabled: c, value: m, onValueChange: i } = P(), n = b[e];
+    return /* @__PURE__ */ u(
       f,
       {
         "data-slot": "price-field-digit-field",
         className: "mds:has-disabled:opacity-50",
         children: [
-          /* @__PURE__ */ r("p", { className: C("mds:body-extrasmall-book"), children: n ?? "" }),
+          /* @__PURE__ */ r("p", { className: C("mds:body-extrasmall-regular"), children: n ?? "" }),
           /* @__PURE__ */ r(
             g,
             {
-              ...l,
-              disabled: d || c,
+              ...d,
+              disabled: l || c,
               placeholder: o,
-              value: _(v(m)),
+              value: _(D(m)),
               onChange: (t) => {
-                const a = b({
+                const a = v({
                   value: t.target.value,
-                  activeCountry: i
+                  activeCountry: e
                 });
-                e && (t.target.value = a.digit, e(a));
+                i && (t.target.value = a.digit, i(a));
               },
               ref: s
             }

package/dist/mainstack-design-system472.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index-DX47zPiS.cjs"),m=require("./utils-BJ1u234q.cjs"),d=t.forwardRef(({className:s,...a},i)=>e.jsx(r.Item2,{"data-slot":"radio-item-indicator",className:m.cn("mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-24 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",s),ref:i,...a,children:e.jsx(r.Indicator,{className:"mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-12 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  "})}));d.displayName="RadioItemIndicator";exports.RadioItemIndicator=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index-DX47zPiS.cjs"),m=require("./utils-BJ1u234q.cjs"),d=t.forwardRef(({className:s,...a},i)=>e.jsx(r.Item2,{"data-slot":"radio-item-indicator",className:m.cn("mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-20 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",s),ref:i,...a,children:e.jsx(r.Indicator,{className:"mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-10 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  "})}));d.displayName="RadioItemIndicator";exports.RadioItemIndicator=d;

package/dist/mainstack-design-system472.js

@@ -8,12 +8,12 @@ const o = a(
     {
       "data-slot": "radio-item-indicator",
       className: t(
-        "mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-24 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",
+        "mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-primary mds:bg-on-primary mds:size-20 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-primary-disabled mds:hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled  mds:disabled:cursor-not-allowed  ",
         e
       ),
       ref: s,
       ...d,
-      children: /* @__PURE__ */ r(m, { className: "mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-12 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  " })
+      children: /* @__PURE__ */ r(m, { className: "mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-10 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16  " })
     }
   )
 );

package/dist/mainstack-design-system494.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),i=require("./utils-BJ1u234q.cjs"),e=o.forwardRef(({className:t,isError:a,isSuccess:r,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":r,className:i.cn("mds:body-extrasmall-book","mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",t),...s}));e.displayName="TextareaField";exports.TextareaField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),i=require("./utils-BJ1u234q.cjs"),e=o.forwardRef(({className:r,isError:a,isSuccess:t,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":t,className:i.cn("mds:body-extrasmall-regular","mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",r),...s}));e.displayName="TextareaField";exports.TextareaField=e;

package/dist/mainstack-design-system494.js

@@ -1,16 +1,16 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { c as t } from "./utils-DH-0D-9U.js";
-const l = o(
-  ({ className: e, isError: a, isSuccess: r, ...d }, s) => /* @__PURE__ */ m(
+import { forwardRef as t } from "react";
+import { c as l } from "./utils-DH-0D-9U.js";
+const o = t(
+  ({ className: e, isError: r, isSuccess: a, ...d }, s) => /* @__PURE__ */ m(
     "textarea",
     {
       ref: s,
       "data-slot": "textarea-field",
-      "data-error": a,
-      "data-success": r,
-      className: t(
-        "mds:body-extrasmall-book",
+      "data-error": r,
+      "data-success": a,
+      className: l(
+        "mds:body-extrasmall-regular",
         "mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",
         e
       ),
@@ -18,7 +18,7 @@ const l = o(
     }
   )
 );
-l.displayName = "TextareaField";
+o.displayName = "TextareaField";
 export {
-  l as TextareaField
+  o as TextareaField
 };

package/dist/mainstack-design-system544.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),u=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const a=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-C6X6nrWe.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(l.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),u=require("react"),c=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const a=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const d=require("./mainstack-design-system108.cjs");require("./player-C6X6nrWe.cjs");const t=u.forwardRef(({children:o,className:n,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:c.cn(n),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(l.ButtonIcon,{children:e.jsx(d,{})})})}));t.displayName="ModalClose";exports.ModalClose=t;

package/dist/mainstack-design-system544.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
-import { b as a } from "./index-DDHQjaCF.js";
-import { forwardRef as s } from "react";
+import { b as s } from "./index-DDHQjaCF.js";
+import { forwardRef as a } from "react";
 import { c as e } from "./utils-DH-0D-9U.js";
 import { ButtonIcon as l } from "./mainstack-design-system401.js";
 import "./mainstack-design-system402.js";
@@ -9,11 +9,11 @@ import { ButtonRoot as n } from "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
 import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
-import d from "./mainstack-design-system93.js";
+import d from "./mainstack-design-system108.js";
 import "./player-DlPlWw5L.js";
-const p = s(
+const p = a(
   ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
-    a,
+    s,
     {
       "data-slot": "modal-close",
       className: e(m),
@@ -28,7 +28,7 @@ const p = s(
           rounded: "sm",
           variant: "secondary",
           className: "mds:min-w-36 mds:min-h-36",
-          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
+          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, {}) })
         }
       )
     }

package/dist/mainstack-design-system560.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("./utils-BJ1u234q.cjs"),e=require("react"),E=require("./mainstack-design-system618.cjs"),a=({className:c,...u})=>{const[t,l]=e.useState(null),[d,r]=e.useState(!1),[m,f]=e.useState(!1),[v,S]=e.useState(!0),[T,b]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let s;const o=()=>{r(!0),s&&clearTimeout(s),s=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),S(n<=2),b(n+x>=R-2)};return t.addEventListener("scroll",o),window.addEventListener("resize",o),o(),()=>{t.removeEventListener("scroll",o),window.removeEventListener("resize",o),s&&clearTimeout(s)}},[t]),i.jsx(E.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:v,atRight:T,setScrollContainer:l},children:i.jsx("div",{ref:l,className:w.cn("mds:w-full mds:mx-auto mds:relative",c),...u})})};a.displayName="TableRoot";exports.TableRoot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("./utils-BJ1u234q.cjs"),e=require("react"),w=require("./mainstack-design-system618.cjs"),a=({className:c,...u})=>{const[t,l]=e.useState(null),[d,r]=e.useState(!1),[m,f]=e.useState(!1),[b,v]=e.useState(!0),[S,T]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let o;const s=()=>{r(!0),o&&clearTimeout(o),o=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),v(n<=2),T(n+x>=R-2)};return t.addEventListener("scroll",s),window.addEventListener("resize",s),s(),()=>{t.removeEventListener("scroll",s),window.removeEventListener("resize",s),o&&clearTimeout(o)}},[t]),i.jsx(w.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:b,atRight:S,setScrollContainer:l},children:i.jsx("div",{ref:l,className:p.cn("mds:w-full mds:[border-top:none] mds:[border-bottom:none] mds:mx-auto mds:relative",c),...u})})};a.displayName="TableRoot";exports.TableRoot=a;