mainstack-design-system 1.19.1 → 1.19.3

package/dist/mainstack-design-system510.js

@@ -1,11 +1,11 @@
 'use client';
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { S as l, a, b as t, c as n, d as i } from "./index-CLUgda6x.js";
+import { S as a, a as l, b as t, c as i, d as n } from "./index-CLUgda6x.js";
 import { c } from "./utils-DH-0D-9U.js";
 const f = o(
-  ({ className: r, ...s }, d) => /* @__PURE__ */ m(l, { className: " mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1", children: [
-    /* @__PURE__ */ e(a, { className: "mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ", children: /* @__PURE__ */ e(
+  ({ className: r, ...s }, m) => /* @__PURE__ */ d(a, { className: " mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1", children: [
+    /* @__PURE__ */ e(l, { className: "mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ", children: /* @__PURE__ */ e(
       "div",
       {
         className: c(
@@ -13,7 +13,7 @@ const f = o(
           r
         ),
         "data-slot": "text-editor-menu-bar",
-        ref: d,
+        ref: m,
         ...s
       }
     ) }),
@@ -21,11 +21,11 @@ const f = o(
       t,
       {
         orientation: "horizontal",
-        className: " mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",
-        children: /* @__PURE__ */ e(n, { className: "mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44" })
+        className: " mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-primary-hover",
+        children: /* @__PURE__ */ e(i, { className: "mds:flex-1 mds:bg-border-interactive-primary-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44" })
       }
     ),
-    /* @__PURE__ */ e(i, { className: " mds:bg-red-300" })
+    /* @__PURE__ */ e(n, { className: " mds:bg-red-300" })
   ] })
 );
 f.displayName = "TextEditorMenuBar";

package/dist/mainstack-design-system513.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-BJ1u234q.cjs"),s=({className:r,...t})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...t}),e.jsx("span",{className:d.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./utils-BJ1u234q.cjs"),s=({className:r,...d})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...d}),e.jsx("span",{className:t.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-primary-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;

package/dist/mainstack-design-system513.js

@@ -6,7 +6,7 @@ const t = ({ className: s, ...r }) => /* @__PURE__ */ d("span", { "data-slot": "
     "span",
     {
       className: m(
-        "mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center",
+        "mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-primary-hover mds:flex mds:items-center mds:justify-center",
         "mds:peer-checked:bg-primary mds:peer-checked:border-none",
         s
       ),

package/dist/mainstack-design-system526.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const R=require("./mainstack-design-system405.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-BJ1u234q.cjs"),o=g.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const R=require("./mainstack-design-system405.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-BJ1u234q.cjs"),i=g.forwardRef(({onClick:t,className:o,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-primary-pressed",o),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});i.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=i;

package/dist/mainstack-design-system526.js

@@ -1,32 +1,32 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
 import "./mainstack-design-system401.js";
 import "./mainstack-design-system402.js";
 import "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
-import { Button as p } from "./mainstack-design-system405.js";
+import { Button as f } from "./mainstack-design-system405.js";
 import { useDateRangeContext as l } from "./mainstack-design-system612.js";
 import { c as g } from "./utils-DH-0D-9U.js";
-const v = f(
-  ({ onClick: t, className: n, actionData: e, ...i }, a) => {
+const v = c(
+  ({ onClick: t, className: n, actionData: e, ...i }, m) => {
     const {
-      activeMenu: m,
+      activeMenu: a,
       onOpenChange: o,
       closeOnRangeSelect: s,
       onValueChange: r,
       setActiveMenu: u
     } = l();
-    return /* @__PURE__ */ c(
-      p,
+    return /* @__PURE__ */ p(
+      f,
       {
         "data-slot": "date-range-menu-action",
-        ref: a,
+        ref: m,
         variant: "outline",
         rounded: "sm",
         size: "sm",
-        "data-active": e.id === m,
+        "data-active": e.id === a,
         className: g(
-          "mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",
+          "mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-primary-pressed",
           n
         ),
         onClick: (d) => {

package/dist/mainstack-design-system527.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");const l=require("./mainstack-design-system630.cjs"),p=require("./mainstack-design-system540.cjs"),v=require("./mainstack-design-system628.cjs");require("./mainstack-design-system542.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");const p=require("./mainstack-design-system630.cjs"),l=require("./mainstack-design-system540.cjs"),v=require("./mainstack-design-system628.cjs");require("./mainstack-design-system542.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(p.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(l.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system527.js

@@ -1,26 +1,26 @@
 'use client';
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as d } from "./utils-DH-0D-9U.js";
+import { forwardRef as t } from "react";
+import { c as p } from "./utils-DH-0D-9U.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system613.js";
-import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system630.js";
+import { ResponsivePopoverDrawerContent as d } from "./mainstack-design-system630.js";
 import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system540.js";
 import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system628.js";
 import "./mainstack-design-system542.js";
-const n = m(
-  ({ children: o, className: e, ...s }, t) => /* @__PURE__ */ a(l, { children: [
+const n = t(
+  ({ children: o, className: e, ...s }, m) => /* @__PURE__ */ a(l, { children: [
     /* @__PURE__ */ r(
-      p,
+      d,
       {
         sideOffset: 6,
         "data-slot": "date-range-portal",
         role: "listbox",
-        className: d(
-          "mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",
+        className: p(
+          "mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",
           e
         ),
-        ref: t,
+        ref: m,
         ...s,
         children: o
       }

package/dist/mainstack-design-system533.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),u=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system614.cjs"),n=m.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:d,...i},c)=>{const{open:l}=p.useDatePickerContext();return a.jsx(o.PopoverPortal,{children:a.jsx(o.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:u.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",d),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...i,children:s})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system614.cjs"),s=m.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return a.jsx(o.PopoverPortal,{children:a.jsx(o.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:n})})});s.displayName="DatePickerPortal";exports.DatePickerPortal=s;

package/dist/mainstack-design-system533.js

@@ -1,38 +1,38 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { b as i, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { useDatePickerContext as f } from "./mainstack-design-system614.js";
+import { c as f } from "./utils-DH-0D-9U.js";
+import { useDatePickerContext as l } from "./mainstack-design-system614.js";
 const P = c(
   ({
-    children: a,
-    onWheel: o,
-    onTouchMove: e,
+    children: e,
+    onWheel: r,
+    onTouchMove: t,
     className: s,
     ...d
-  }, n) => {
-    const { open: m } = f();
-    return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
+  }, m) => {
+    const { open: n } = l();
+    return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a(
       p,
       {
         "data-slot": "date-picker-portal",
         role: "listbox",
         sideOffset: 6,
-        "data-date-picker-calendar-opened": m,
-        className: l(
-          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
+        "data-date-picker-calendar-opened": n,
+        className: f(
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",
           s
         ),
-        onWheel: (t) => {
-          t.stopPropagation(), o && o(t);
+        onWheel: (o) => {
+          o.stopPropagation(), r && r(o);
         },
-        onTouchMove: (t) => {
-          t.stopPropagation(), e && e(t);
+        onTouchMove: (o) => {
+          o.stopPropagation(), t && t(o);
         },
-        ref: n,
+        ref: m,
         ...d,
-        children: a
+        children: e
       }
     ) });
   }

package/dist/mainstack-design-system537.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),u=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=p.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:u.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",s),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:n,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",n),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:s})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;

package/dist/mainstack-design-system537.js

@@ -2,17 +2,17 @@
 import { jsx as t } from "react/jsx-runtime";
 import { b as n, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { useTimePickerContext as f } from "./mainstack-design-system615.js";
+import { c as f } from "./utils-DH-0D-9U.js";
+import { useTimePickerContext as l } from "./mainstack-design-system615.js";
 const P = c(
   ({
     children: a,
-    onWheel: e,
-    onTouchMove: r,
-    className: s,
-    ...m
+    onWheel: r,
+    onTouchMove: e,
+    className: m,
+    ...s
   }, d) => {
-    const { open: i } = f();
+    const { open: i } = l();
     return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
       p,
       {
@@ -20,18 +20,18 @@ const P = c(
         role: "listbox",
         sideOffset: 6,
         "data-date-picker-calendar-opened": i,
-        className: l(
-          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
-          s
+        className: f(
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",
+          m
         ),
         ref: d,
         onWheel: (o) => {
-          o.stopPropagation(), e && e(o);
+          o.stopPropagation(), r && r(o);
         },
         onTouchMove: (o) => {
-          o.stopPropagation(), r && r(o);
+          o.stopPropagation(), e && e(o);
         },
-        ...m,
+        ...s,
         children: a
       }
     ) });

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:s,...l})=>{const{setScrollContainer:r}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:r,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",s),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...l})})};t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...s})})};t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system561.js

@@ -9,7 +9,7 @@ const l = ({ className: r, ...t }) => {
       "data-slot": "table-container",
       ref: a,
       className: o(
-        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",
+        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",
         r
       ),
       children: /* @__PURE__ */ e(

package/dist/mainstack-design-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("./utils-BJ1u234q.cjs"),e=({className:d,...r})=>s.jsx("tr",{"data-slot":"table-row",className:m.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-neutral mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-neutral",d),...r});e.displayName="TableRow";exports.TableRow=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-primary mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;

package/dist/mainstack-design-system568.js

@@ -5,7 +5,7 @@ const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
   {
     "data-slot": "table-row",
     className: e(
-      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-neutral mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-neutral",
+      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-primary mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-primary",
       d
     ),
     ...m

package/dist/mainstack-design-system569.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.cjs"),t=({totalResults:n=3,limit:s,defaultLimit:a,page:o,setPage:i,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:o,totalPages:m,onPageChange:i,defaultLimit:a,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};t.displayName="TablePagination";exports.TablePagination=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.cjs"),a=({totalResults:n=3,limit:s,defaultLimit:t,page:i,setPage:o,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-primary mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:i,totalPages:m,onPageChange:o,defaultLimit:t,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;

package/dist/mainstack-design-system569.js

@@ -11,8 +11,8 @@ const h = ({
   limit: e,
   defaultLimit: a,
   page: o,
-  setPage: t,
-  setLimit: r,
+  setPage: r,
+  setLimit: t,
   className: i
 }) => {
   const n = Math.ceil(d / e), { isScrolling: l, atBottom: c } = P();
@@ -21,7 +21,7 @@ const h = ({
     {
       "data-slot": "table-pagination",
       className: g(
-        "mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",
+        "mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-primary mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",
         l ? "mds:rounded-t-20 mds:shadow-lg " : "mds:rounded-20 ",
         c ? "mds:rounded-b-20 mds:border" : "mds:rounded-b-none",
         i
@@ -36,10 +36,10 @@ const h = ({
           {
             page: o,
             totalPages: n,
-            onPageChange: t,
+            onPageChange: r,
             defaultLimit: a,
             limit: e,
-            onLimitChange: r,
+            onLimitChange: t,
             className: "mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",
             children: [
               /* @__PURE__ */ m(x, {}),

package/dist/mainstack-design-system576.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CAgJYdlN.cjs"),t=s.cva("mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral  mds:text-primary",{variants:{tone:{success:"mds:**:data-[slot=toast-icon]:bg-surface-success-l4",error:"mds:**:data-[slot=toast-icon]:bg-surface-error-l4",warning:"mds:**:data-[slot=toast-icon]:bg-surface-warning-l4",info:"mds:**:data-[slot=toast-icon]:bg-surface-info-l4"}},defaultVariants:{tone:"info"}});exports.toastVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CAgJYdlN.cjs"),t=s.cva("mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary  mds:text-primary",{variants:{tone:{success:"mds:**:data-[slot=toast-icon]:bg-surface-success-l4",error:"mds:**:data-[slot=toast-icon]:bg-surface-error-l4",warning:"mds:**:data-[slot=toast-icon]:bg-surface-warning-l4",info:"mds:**:data-[slot=toast-icon]:bg-surface-info-l4"}},defaultVariants:{tone:"info"}});exports.toastVariants=t;

package/dist/mainstack-design-system576.js

@@ -1,6 +1,6 @@
 import { c as s } from "./index-D29mdTf5.js";
 const a = s(
-  "mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral  mds:text-primary",
+  "mds:body-font-family mds:flex mds:items-center mds:justify-between mds:gap-12 mds:rounded-16 mds:p-12 mds:shadow-500 mds:min-w-400 mds:transition-transform mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary  mds:text-primary",
   {
     variants: {
       tone: {

package/dist/mainstack-design-system586.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),v=require("./index-Bpm2I_hv.cjs"),p=require("./utils-BJ1u234q.cjs"),r=a.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=a.useContext(v.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:p.cn("form-root-slot-defaults","mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-neutral-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});r.displayName="PinInputSlot";exports.PinInputSlot=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),p=require("./index-Bpm2I_hv.cjs"),v=require("./utils-BJ1u234q.cjs"),a=r.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=r.useContext(p.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:v.cn("form-root-slot-defaults","mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});a.displayName="PinInputSlot";exports.PinInputSlot=a;

package/dist/mainstack-design-system586.js

@@ -3,7 +3,7 @@ import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { forwardRef as p, useContext as f } from "react";
 import { j as v } from "./index-6WEiHZQh.js";
 import { c as x } from "./utils-DH-0D-9U.js";
-const h = p(
+const y = p(
   ({
     className: a,
     index: r,
@@ -18,7 +18,7 @@ const h = p(
       {
         className: x(
           "form-root-slot-defaults",
-          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-neutral-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
+          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
           a
         ),
         "data-slot": "pin-input-slot",
@@ -34,7 +34,7 @@ const h = p(
     );
   }
 );
-h.displayName = "PinInputSlot";
+y.displayName = "PinInputSlot";
 export {
-  h as PinInputSlot
+  y as PinInputSlot
 };

package/dist/mainstack-design-system601.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system197.cjs");require("./player-C6X6nrWe.cjs");const l=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system624.cjs"),s=c.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r||"US")}),e.jsx(i,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system366.cjs");const c=require("./mainstack-design-system197.cjs");require("./player-C6X6nrWe.cjs");const l=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system624.cjs"),s=i.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-primary-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r||"US")}),e.jsx(c,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;

package/dist/mainstack-design-system601.js

@@ -1,27 +1,27 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
 import "./mainstack-design-system366.js";
 import c from "./mainstack-design-system197.js";
 import "./player-DlPlWw5L.js";
-import { c as l } from "./utils-DH-0D-9U.js";
-import { getCountryFlagComp as p } from "./mainstack-design-system624.js";
-const u = i(
+import { c as p } from "./utils-DH-0D-9U.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system624.js";
+const u = n(
   ({
     isOptionOpen: e,
     activeCountry: o,
-    onOptionOpenChange: s,
-    isError: r,
+    onOptionOpenChange: r,
+    isError: s,
     isSuccess: d,
     ...m
-  }, a) => /* @__PURE__ */ n(
+  }, a) => /* @__PURE__ */ i(
     "button",
     {
-      onClick: () => s(!0),
+      onClick: () => r(!0),
       "data-select-options-opened": e,
       "data-editable": "false",
-      className: l(
+      className: p(
         "form-root-slot-defaults",
-        "mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"
+        "mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-primary-active"
       ),
       ref: a,
       ...m,
@@ -29,10 +29,10 @@ const u = i(
         /* @__PURE__ */ t(
           "div",
           {
-            "data-error": r,
+            "data-error": s,
             "data-success": d,
             className: "mds:flex mds:items-center mds:justify-center",
-            children: p(o || "US")
+            children: l(o || "US")
           }
         ),
         /* @__PURE__ */ t(

package/dist/mainstack-design-system602.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;

package/dist/mainstack-design-system602.js

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
 import { c as t } from "./utils-DH-0D-9U.js";
-const a = m(
-  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
+const a = e(
+  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ m(
     "div",
     {
       "data-select-options-opened": r,
       className: t(
-        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
+        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",
         o
       ),
       ref: d,

package/dist/mainstack-design-system609.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-9 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:data-[state=active]:disabled:text-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-9 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:data-[state=active]:disabled:text-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-primary mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;

package/dist/mainstack-design-system609.js

@@ -1,5 +1,5 @@
 import { c as d } from "./index-D29mdTf5.js";
-const s = d(
+const e = d(
   "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
   {
     variants: {
@@ -31,7 +31,7 @@ const s = d(
 ), t = d("mds:flex mds:items-center", {
   variants: {
     variant: {
-      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
+      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-primary mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
       button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"
     }
   },
@@ -41,5 +41,5 @@ const s = d(
 });
 export {
   t as tabsListVariants,
-  s as tabsTriggerVariants
+  e as tabsTriggerVariants
 };

package/dist/mainstack-design-system611.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus","mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:hover:bg-interactive-secondary"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus 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"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;

package/dist/mainstack-design-system611.js

@@ -1,12 +1,12 @@
 import { c as e } from "./index-D29mdTf5.js";
-const d = e(
+const r = e(
   [
-    "mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",
+    "mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1",
     "mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
     "mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start",
-    "mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus",
-    "mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active",
-    "mds:hover:bg-interactive-secondary"
+    "mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
+    "mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus 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"
   ],
   {
     variants: {
@@ -20,5 +20,5 @@ const d = e(
   }
 );
 export {
-  d as tileVariants
+  r as tileVariants
 };